body {font-size: 100%;
font-family: Lucida Grande, Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #251D0A;
background-repeat: no-repeat;
 }

/*

----positioning and box property styles-----

*/

/*

----for the whole header-----

*/

#header {
width: 730px;
height:113px;
margin: 0;
padding: 0;
background-image: url(http://www.saxonmill.com/img/header_50.jpg);
background-repeat: no-repeat;
}

#header p {padding-left: 190px;
padding-bottom: 5px;
padding-top: 5px;
margin: 0;
font-size: 10px; 
}

#header a span {
position: absolute;
left: 15px;
top: 6px ;
width: 61px;
height: 54px;
}

/*

----for the meta navbar-----

*/

#metanav {
	position: absolute;
	top: 36px;
	width: 100px;
	padding: 5px 1px;
	left: 300px;
}

#metanav ul {margin: 0;
padding: 0;}


#backhome {
	position: absolute;
	top: 40px;
	padding: 0px;
	left: 490px;
}

/*

----for the tabs with the major site subsections-----

*/

#header ul.sitesections {margin:0;
padding: 1px 0 0 15px;
width: 718px;
margin-left: auto;
margin-right: auto;
}


/*

----contains both the main text area and the side panel-----

*/
#contenttop, #contenttopW {position: relative;
width: 690px;
height: 24px;
margin-left: 40px;
margin-right: auto;
margin-bottom: 0px;
padding: 0px;
background-image: url(http://www.saxonmill.com/img/bgr_top.jpg);
background-repeat:no-repeat;
overflow: hidden; }
#contenttop {filter: alpha(opacity=70); -moz-opacity:0.7; opacity:.70;}
#contenttopW {filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}

#content, #contentW  {position: relative;
clear: both;
width: 690px;
margin-left: 40px;
margin-right: auto;
margin-bottom: 0px;
margin-top: 0px; }
#content {background-image: url(http://www.saxonmill.com/img/bgr_mdl.jpg);
filter: alpha(opacity=70); -moz-opacity:0.7; opacity:.70; 
height: auto;}

#maintext {width: 620px;
margin-left: 40;
margin-right: 0;
padding: 0px;
background-repeat: no-repeat;
overflow: hidden; 
min-height: 515px;
height: auto;
}
 
#sidepanel {position: absolute;
top: 5px;
left: 559px;
width: 124px;
margin-left: 0;
margin-right: 0; }

#contentbottom {position: relative;
width: 690px;
height:10px;
margin-left: 40px;
margin-right: auto;
margin-bottom: 0px;
padding: 0px;
background-image: url(http://www.saxonmill.com/img/bgr_btm.jpg);
background-repeat: no-repeat;
overflow: hidden;
filter: alpha(opacity=70); -moz-opacity:0.7; opacity:.70;
 }

/*

----the subsection navbar-----

*/


#latestnews {
margin: 0px;
padding: 2px; 
color: #000000;
background-color: #FFFFFF;
font-size: 75%; }

#latestnews a:link, #latestnews a:visited {color: #000000;
text-decoration: none; }

#latestnews a:hover {text-decoration: underline;}



/*

----text and background styles-----

*/

/*

----for the header-----

*/

#header {color: #fff;
 }

#header p {color: #211A09;
font-size: 100%;
 }

/*

----for the meta navbar-----

*/

#metanav {font-size: 60%;
text-align: left;
color: #6F644D;
text-transform: uppercase; 
font-weight:bold;
 }

#metanav ul li { list-style:none; background-image:url(../img/bullet.5.gif); background-repeat: no-repeat;
padding: 0px;
margin: 0px;
background-position: 0 .4em;
text-indent: 10px;
}

#metanav ul li a:link, #metanav ul li a:visited {border-bottom: 1px #999999 dotted;
text-decoration: none; color: #6F644D; }

#metanav ul li a:hover {text-decoration: none; color:#993300; border-bottom:none; }

/*

----for the tabs with the major site subsections-----

*/

#header ul.sitesections {font-size: 80%;
text-transform: uppercase; }

#header ul.sitesections li {float:left;
list-style-type:none; }

#header ul.sitesections a {display:block;
float:left;
border-top:1px solid #091c5a;
border-left:1px solid #091c5a;
border-right:1px solid #091c5a;
padding:4px 8px;
text-decoration:none;
margin-top: 0;
margin-left: 5px;
margin-bottom: 0;
margin-right: 0;
color: #fff;
background-color: #6882ab; }

#header ul.sitesections a:hover, #header ul a.current {color: #fff;
background-color: #ff5800; }


/*--------------------main text area styles--------------------*/

#maintext {color: #000000;}

#maintext a:link {color: #000000; text-decoration:underline; }

#maintext a:visited {color: #333333; text-decoration: underline; }

#maintext a:hover {color: #fff; background-color: #993300; text-decoration: none; }

#maintext .links {font-size: 80%; color: #993300; text-transform: uppercase;
font-weight:bold; }

#maintext .red {color: #993300;}

#maintext .blacktitles {color: #000000; text-transform:lowercase;}

#maintext p, #maintext ul, #maintext ol, #maintext-front p, #maintext-front ul, #maintext-front ol {margin-left: 20px;
margin-right: 10px;
font-size: 75%;
line-height: 1.6em;
margin-bottom: 15px;
margin-top: 0; }

#maintext table ul {font-size: inherit; }

#maintext ul li ul li {font-size: 135%;
line-height: 1.6em;
list-style-type: disc; }

#maintext ul li ol li {font-size: 135%;
line-height: 1.6em; }

#maintext ul ul, #maintext ul ul ul {margin-top: 0px;
margin-bottom: 0px; }

#maintext ul, #maintext ol {margin-left: 25px; }

li.follow-on {list-style-type: none; }

h1, h2, h3, h4, h5, h6 {color: #993300;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 2px;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-weight:bold; }

h1 {margin-top: 0;
padding-top: 6px;
padding-bottom: 3px;
font-size: 85%;
 }

h1#welcome {
padding: 0em;
border-bottom: none;
background-color: transparent; }

h2 {font-size: 85%;
margin-top: 20px;
 }

h3 {font-size: 75%;
margin-top: 15px;
}

h4 {font-size: 70%;
margin-top: 15px;
 }

h5 {
font-size: 75%;
margin-top: 15px;
margin-bottom: -15px;
color:#000000; 
}

h6 {
font-size: 65%;
margin-top: 15px;
font-style: italic; }


#maintext blockquote {
border: 1px #b0b1ba solid;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
background-color: #f2f2f2;
}

#maintext blockquote p {margin-top: 3px;
margin-bottom: 3px; 
}

#maintext blockquote p cite {font-size: 90%; }

#maintext img {float: right; padding: 0px 20px; border: none; display: block; }

/*For tables*/

table {font-size: 75%;
line-height: 1.6em;
width: 618px;
caption-side: bottom;
background-color: #f3f1f4;
margin: 7px auto; 
border-collapse: collapse; }

td {border: 1px #d8d8d8 solid; padding: 0px 2px; }

th {border: 1px #bebebe solid;
text-align: left;
color: #f3f1f4;
background-color: #bebebe; }

/*--------------------footer styles--------------------*/

#footer {font-size: 75%;
width: 730px;
text-align: right;
color: #CC9966;
padding-top: 5px; 
padding-bottom: 5px; }

#footer a:link, #footer a:visited {color: #CC9966;
text-decoration: none; }

#footer a:hover {text-decoration: underline;}


/*For horizontal menu within the main body text*/

div.hmenu {
margin: 0px 0px 0px 60px;
padding: 5px 0px 0px 0px;
font-size: 75%;
text-transform: capitalize;
font-weight:bold; 
border-bottom: 1px #999999 dashed ;
width: 400px;
}

#contenttop div.hmenu p {margin: 0px; }

#contenttop div.hmenu a:visited, a:link {color: #000000; text-decoration:none; }
#contenttop div.hmenu a:hover {color: #990000;}

.hmenuOver, a.hmenuOver:visited, a.hmenuOver:link, a.hmenuOver:hover {color: #990000; text-decoration:none; }

/*For the ads throughout the text in the guide*/

.code-example { font: Verdana;
background-color: #f3f1f4;
padding: 10px;
border: 1px #b0b1ba solid;
 }
  
.litters {border: 1px #000000 solid;
float: left;
width: 260px;
margin: 0px 20px 20px 20px;
font-size: 90%;
color: #000000;
background-color: #fff;
 }

#maintext .litters h3, #maintext .litters h4, #maintext .litters h5, #maintext .litters h6 {
margin: 0px;
padding: 3px 5px; 
background-color: #993300;
font-style: normal;
color: #fff; }

#maintext .litters p {padding: 3px 3px; 
margin: 2px; }

#maintext .litters a:link, #maintext .litters a:visited {color: #993300; }

#maintext .litters a:hover {color: #fff;
background-color: #993300; }