body { background-color:#666666; margin:0 0 0 0 ; padding:0 0 0 0 ; }

#container { display:block; width:980px; height:inherit; background-image:url(images/back_container.jpg); border:1px solid #FFFFFF; margin:auto; padding:0; }

#top { width:100%; height:20px; background-color:#333333; margin:0 0 0 0; padding:8px 0 0 0;}
#top p { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-align:center; margin:0; padding:0; text-transform:uppercase;}


#header { display:block; width:980px; height:240px; background-image:url(images/back_header.jpg); background-color:#333333; border-bottom:3px ridge #999999; margin:0 0 0 0; padding:0; }
#header h1 { text-indent:-99999px; margin:0; padding:0;}
#header h2 { text-indent:-99999px; margin:0; padding:0;}

/* Begin Resources Only Styles */

#search {display:block; width:970px; height:30px; background-color:#333333; margin:0; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#search p {margin:5px 6px; text-align:right; float:right;}
#search a {color:#FFFFFF;}

#cats h3 {margin:0; padding:5px; width:470px; height:12px; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; background:#333; color:#fff; float:left;}
#cats a {color:#fff;}

#link {width:500px; height:auto; margin:10px 12px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2F4F4F;}
#link h5 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#990000; margin:6px 12px;}
#link p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2F4F4F; margin:4px 12px;}

.url {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#990000; margin:4px 12px;}

.subparagraph {margin:2px 12px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#2F4F4F;}

#category {width:500px; height:auto; margin:10px 12px; padding:0;}
#category h4 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2F4F4F; margin:5px 12px; padding:0;}

#subcats {width:500px; height:auto; margin:10px 12px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#2F4F4F;}

#adlinks {width:480px; height:auto; padding:5px; margin:25px auto; background:#fff; border:3px solid #ccc;}

#legend {width:420px; height:auto; padding:5px; margin:25px auto; background:#fff; border:3px solid #ccc;}
#legend h6 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#2F4F4F; margin:3px;}
#legend p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2F4F4F; margin:3px;}

/* End Resources Only Styles */

#body { display:block; width:980px; height:inherit; margin:auto; padding:0; clear:both; }

.clearfix:after {	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {	display: block; }

#navigation { display:block; width:169px; height:860px; margin:15px 0 0 0; padding:8px 5px 5px 5px; float:left; }
#navigation h1 { font-family:Tahoma, Arial, Serif; font-weight:bold; font-size:14px; color:#FFF1C0; text-align:center; text-transform:uppercase; margin:0 0 10px 0; padding:0; }
#navigation ul { font-family: Tahoma, Verdana, Arial Helvetica, sans-serif; font-size:13px; font-weight:bold; margin:10px 0 30px 0; padding:0; }
#navigation li { color:#065200; list-style:none; margin:0 5px 0 5px; padding:0; }
#navigation a { color:#065200; text-decoration:none; margin:0; padding:0; }
#navigation a:hover { color:#990000; text-decoration:underline; margin:0; padding:0; }
#navigation p { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; margin:0 0 20px 0; padding:0; text-align:center; }

.panel { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; margin:0; padding:0; }

#middle { display:block; width:760px; height:880px; margin:0; padding:15px 15px 0 15px; float:right; overflow:scroll; background-color:#CBB569; }
#middle h1 { display:block; width:480px; height:auto; line-height:40px; text-align:center; color:#990000; font-family:TrekkerTwo, Verdana, Arial, Helvetica, sans-serif; font-size:30px; background:url(images/back_middle_h1.jpg) top no-repeat; margin:auto; margin-bottom:30px; padding:0px 30px; }
#middle h2 { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#990000; margin:10px 0 10px 0; padding:0; }
#middle p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin:0 0 10px 0; padding:0; }
#middle a { font-weight:bold; color:#660000; text-decoration:none; } 

#builderBox { display:block;	background-color:#D5C487; width:650px; height:relative;	margin:auto;	margin-top:20px;	margin-bottom:10px;	padding:0 0 5px 0; border:1px solid #ffffff; clear:both; }
#builderBox h2{ display:block; background-color:#660000;	width:100%;	height:20px;	text-align:center;	font-size:14px;	font-family:Tahoma, Arial, Helvetica, sans-serif;	font-weight:bold;	color:#FFFFFF;	margin:0;	padding:0; }
#builderBox p{ margin:5px 10px 5px 10px;	padding:0;	font-size:13px;	font-family:Tahoma, Arial, Helvetica, sans-serif;	color:#333333; }
.dynlink { font-size:14px;	font-weight:bold;	color:#660000; cursor:pointer; cursor:hand; color:#660000;}

#right { display:block; width:184px; height:860px; margin:0; padding:8px 5px 5px 10px; float:left; }
#right h1 { font-family:Tahoma, Arial, Serif; font-weight:bold; font-size:14px; color:#FFF1C0; text-align:center; text-transform:uppercase; margin:10px 0 10px 0; padding:0; }
#right p { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; }

#footer { display:block; width:980px; height:21px; margin:0; padding:0; background-image:url(images/back_footer.jpg); }

#footerNav { display:block; width:980px; height:relative; margin:0; padding:5px 0 5px 0; text-align:center; background-color:#333333; }
#footerNav p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; margin:0 150px 0 150px; padding:0; }
#footerNav a { text-decoration:none; color:#FFFFFF; margin:0; padding:0; }

#footerCopy { display:block; width:980px; height:relative; margin:0; padding:5px 0 5px 0; text-align:center; background-color:#333333; }
#footerCopy p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#FFFFFF; margin:0; padding:0; }
#footerCopy a { text-decoration:none; color:#990000; margin:0; padding:0; }

#ad { display:block; width:100%; height:inherit; margin:auto; padding:0; margin-top:10px; margin-bottom:10px; text-align:center; }
#ad2 { display:block; width:530px; height:65px; margin:auto; padding:0; margin-top:10px; margin-bottom:10px; text-align:center; }

.img { border:1px solid #000000; }
.img2 { border:2px solid #ffffff; margin:10px 10px 10px 10px; text-align:center; }

#hideshow {position:absolute; top: 50%; left: 50%; margin-left: -350px; margin-top:-255px; z-index:100; background-color:#D6C388; border:5px solid #8C694B; width:700px; height:510px; color:#000000; text-align:center; padding:5px 5px 5px 5px; font-family:Arial, Helvitica, Serif; font-size:14px;}
#hideshow a {color:#000000}
#hideshow p {width:690px; padding:3px 5px 3px 5px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:0; }
#hideshow h1 {display:block; width:680px; height:40px; text-align:center; color:#990000; font-family:TrekkerTwo, Verdana, Arial, Helvetica, sans-serif; font-size:35px; margin:auto; margin-bottom:15px; padding:0; }