/* CSS Document */

html {
margin:0;
padding:0;
color:#000;
background:#fff;
background: url(images/background.jpg) center bottom repeat-y;
}
body {
margin:0;
padding:0;
font:76%/135% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
padding:0;
min-width:760px;
}


/* ------------------- div placement ---------------- */

#wrap {
width:760px;
margin:0 auto;
background: url(images/footer.jpg) center bottom no-repeat;
background-color:#fff;
}

#wrap #contentWrapper #rightColumn1 {
float: right;
margin:30px 15px 0 0;
padding: 0; 
width: 180px;
margin:0 0 100px 0;
}
#wrap #contentWrapper #rightColumn1 p {
background: url(images/column-blend.jpg) left top no-repeat;
padding: 9px;
}

#wrap #contentWrapper #content {
background: url(images/blend-box_02.jpg) left top repeat-y;
margin: 30px 200px 25px 15px; 
padding: 0; 
}


#wrap #contentWrapper #content #contentbottom {
background: url(images/blend-box_04.jpg) left bottom no-repeat;
margin: 0; 
padding: 0; 
}
#wrap #contentWrapper #content #contentbottom #contenttop {
background: url(images/blend-box_01.jpg) left top no-repeat;
margin: 0; 
padding: 30px 28px 20px 20px; 
}



#wrap #contentWrapper .clearFloat {
clear: right;
display: block;
}
#footer {
text-align:center;
clear:both;
height:30px;
padding:0;
margin:0 200px 0 20px;

}


/* ------------------- typography ---------------- */
h1, h2, h3, h4, h5, h6 {
font-family:"Courier New", Courier, mono;
font-weight:normal;
line-height: 100%;
color:#a0331f;
margin:0 0 -5px 0;
padding:0;
font-weight:bold;
}

h1 {font-size: 2.2em;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1.0em;}


p {
margin-bottom:8px; padding:0;
font: 13px/135% "Trebuchet MS", Helvetica, Arial, sans-serif;
color:#000;
font-weight:normal;
}

a, a:link {
color:#a0331f;
text-decoration:none;
outline:none;
outline:hidden;
}
a:hover {
color:#BD7A00;
text-decoration:underline;
}


.ultuck {margin: 0;}
.indent {padding-left:180px; font-style:italic;}
.noital {font-style:normal;}
.photo {border:1px solid #000; margin: 0 15px 10px 0;}
.photoright {border:1px solid #000;}
.title {font-size:16px;}

#content a:link {
text-decoration: none;
font-style:italic;
color: #B4001E;
outline:none;
outline:hidden;
}

#content a:visited {
text-decoration: none;
font-style:italic;
color: #B4001E;
}


#content a:hover {
color: #000;
}







/* ------------------- navigation ---------------- */
#header {
height:110px;
background:url(images/header.jpg) 0 0 no-repeat;
}
#nav {
float:left;
width:760px;
margin-top:-18px;
font-size:0.94em;
line-height:1em;
}
#nav ul {
margin:0;
padding:0 0 0 28px;
list-style:none;
}
#nav li {
float:left;
margin:0 0 0 -1px;
padding:0 0 0 6px;
background:url(images/nav1.gif) 0 100% no-repeat;
}
#nav li:hover {
background-position:-6px 100%;
}
#nav a {
float:left;
display:block;
color:#473215;
font-weight:bold;
font-family:"Courier New", Courier, mono;
background:url(images/nav2.gif) 100% 100% no-repeat;
padding:5px 14px 12px 8px;
text-decoration:none;
outline:none;
outline:hidden;
}
#nav li:hover a {
background-image:url(images/nav1.gif);
}
/* Hide from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav a:hover {
color:#000;
text-decoration:underline;
}
#home #nav #t1,
#biography #nav #t2,
#author #nav #t3,
#childsong #nav #t4,
#reviews #nav #t5, 
#contact #nav #t6 {
background-position:-12px 100%;
padding-left:26px;
margin:-1px 0 0 0;
}
#home #nav #t1 a,
#biography #nav #t2 a,
#author #nav #t3 a,
#childsong #nav #t4 a,
#reviews #nav #t5 a, 
#contact #nav #t6 a {
background-image:url(images/nav2s.gif);
padding-left:0;
padding-right:19px;
}
#nav #t1,
#home #nav #t1 {
margin-left:0;
}
#nav #t6,
#contact #nav #t6 {
margin-right:0;
}




/* Form */  
.red {color:#B4001E; font-weight:bold;}

.text {
color:#A97440;
font-size: 14px;
line-height: 120%;
padding:0 0 10px 0;
margin:0;
word-spacing:-1;
}

.fText {
color:#A97440;
font-size:12px;
margin:3px;
padding:3px;
background-color:#eee !important;
border:1px solid #A97440;
width:390px;
height: 2!px;
}
.fTextHear {
color:#A97440;
font-size:12px;
margin:3px;
padding:3px;
background-color:#eee !important;
border:1px solid #A97440;
width:470px;
height:21px; 
}
.fTextArea {
color:#A97440;
font-size:12px;
margin:3px;
padding:3px;
background-color:#eee !important;
border:1px solid #A97440;
width:470px;
height:80px; 
}
.fText:focus, .fText.sffocus, .fTextHear:focus, .fTextHear.sffocus, .fTextArea:focus, .fTextArea.sffocus {background:#fff !important;}

#sentit {text-align:center}