body {
margin:0;
padding:0;
font-family:"Book Antiqua", Georgia, "Times New Roman", serif;
font-size: 1em;
background-color: #D9BF96;
color: #990000;
background-image:url(../body_background.jpg);
background-repeat:repeat;

}

#wrapper {
position: relative;
margin: 20px auto;
padding:0;
width:1064px;
min-height:500px;
background-color: transparent;
background-image:url(../cardboard_background.jpg);
background-repeat:repeat-y;
background-position: 0 0;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;

}



/* select left graphic image in dedicated css file e.g. home.css */

#left_graphic {
position:absolute;
left:0px;
top:0px;
width:170px;
min-height:100%;
margin:0;
padding:0;
background-repeat: no-repeat;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;

}





/* GENERAL TAGS START ---------------------------------------------------------- */

h1 {
font-size:3.1em;
font-weight:normal;
margin:0;
padding:0;
text-shadow: #888 1px 1px 2px;
}

h2 { 
font-size: 1.4em;
margin:6px 0 0 2px;
}

h3 {
font-size:1.25em;
margin: 6px; }

h4 {
font-weight:normal; }

p, h4 {
color:#3A3B2C;
margin: 5px 0; }



q {
font-style:italic;
}

div.blockquote {
font-style:italic;
font-size:90%; 
color: #555;
margin:0;
padding:10px 10px; }
  



/* GENERAL TAGS END ------------------------------------------------------------ */

/* STANDARD ANCHORS START ------------- */

a {
color: #990000;
text-decoration:none;
}

a:hover {
color: #BB0000;
text-decoration:underline;
}

a:visited {
color: #770000;
}

/* STANDARD ANCHORS END ------------- */

/* MASTHEAD START -------------------------------------------- */

#masthead {
position:relative;
left:195px;
top:28px;
margin:0;
padding:0;
height:100px;
}



	#leaf {
	position:absolute;
	top: -54px;
	right: 205px;


	

	}

/* MASTHEAD END ---------------------------------------------- */




/* NAVIGATION START ################################################### */

#nav {
position:relative;
top:10px;
left:190px;
height:50px;
padding:0px;
margin:10px 0 0 0;

}

.navlink {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
list-style:none;
margin:0;
padding:0;

}
 
.navlink li {
position:relative;
float:left;


}


.navlink li ul {
	margin:0;
	position: absolute;
	left:0;
	top:21px;
	width:63px;
	display: none;
	}
	


.navlink li:hover ul { 
z-index:100;
display:block;
width:63px;
opacity:0.9;
}




.navlink a {
color: #5C4229;
display:block;
width:63px;
padding: 3px 5px 3px 5px;
margin: 0 5px 0 2px;
background-color:#DBC299;
text-decoration:none;
text-align:center;
border-top: 1px solid #EEE8DB;
border-left: 1px solid #EEE8DB;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.navlink a:visited {
color: #5C4229;
background-color:#DBC299; } 

.navlink a:hover {
background-color:#60462D;
color:#FFF;
border-top: 1px solid #EEE;
border-left: 1px solid #EEE;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
text-decoration:none;
}


.navlink a:active, .selected {
background-color:#FFEEBB !important;
color:#5C4229 !important;
border-top: 1px solid #666 !important;
border-left: 1px solid #666 !important;
border-right: 1px solid #EEE8DB !important;
border-bottom: 1px solid #EEE8DB !important;

}



/* NAVIGATION END ################################################### */



/* MAIN BODY START -------------------------------------- */

#mainbody {
position:relative;
clear:both;
top:15px;
left:180px;
margin: 0 0 10px 0;
width:834px;
text-align:justify;
padding:5px 10px 0px 10px;

}


#right_column {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:170px;
float:right;
margin:0;
padding: 0 0 0 30px;
font-size:60%;

}

#right_column p {
color: #444;
margin: 0;
padding: 0 0 10px 3px; }



#footer {
position:relative;
margin: 10px 0 5px 177px;
width: 894px;
height:65px;
background-image:url(/footer.jpg);
background-repeat:no-repeat;

}



/* MAIN BODY END ------------------------------------------ */



/* bottom img for faded brown footers */

#bottom_img {
position:relative;
margin: 0px auto;
width:1200px;
height:216px;
background-repeat:no-repeat;

}

#bottom_img a {
color:#D8C299;
background-color:#60442E;
padding:2px; }

.credits {
text-align:center;
padding: 175px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
color:#D8C299; }

.fade {
color:#66A83E!important;
 }



/* MISC USUALS ------------------------- */



.left {float: left;
margin: 7px 12px -5px 0;
padding: 0;
 }
 
.right {

float: right;
margin: 10px 0 -5px 10px;
padding: 0; }


.clearer {
clear:both;
}

.caption {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:60%; }

.small {
font-size:90%; }

/* IE 6 & 7 hacks --------------------------------------- */

*html #mainbody {width: 844px; } /* IE6 needs 10px more for some reason */
*+ html #mainbody, * html #mainbody, *+ html #kiln {
z-index:-1;
}

/* IE 6/7 seem to need a z-index -1 in order for the submenus to display over the mainbody div. Firefox and Safari of course would hide mainbody with z-index -1 as it should be below the wrapper if you do this!! Odd. */