html { background:url("../images/background-html.gif") top center repeat; }
body { text-align:center; background:url("../images/background-body.gif") top center repeat-x; }

#container { position:relative; margin:0 auto; width:938px; text-align:left; font:14px Arial; line-height:22px; color:#000000; }

#header { }
	
/**NAVIGATION**/
#topnav { display:table; width:100%; font:bold 16px Arial; text-transform:uppercase; color:#3b3a3a; width:932px; height:33px; padding:14px 0 0; margin:10px 0 0px 3px; text-align:center; position:relative; z-index:1000; }
	#topnav ul { list-style:none; display:table-row; }
	#topnav ul li { display:inline; text-align:center; vertical-align:middle; margin:0 10px; position:relative; height:33px; }
	#topnav ul li a { color:#3b3a3a; text-decoration:none; display:inline-block; height:100%; border-bottom:1px dotted #3b3b3b; }
	#topnav ul li a:hover { color:#c03e3e; }
	#topnav ul li.on a { color:#c03e3e; }
	
	#topnav ul ul { visibility:hidden; position:absolute; width:170px; top:20px; left:-5px; text-align:left; background:#fff; font-size:12px; padding:5px 15px 15px; border:1px solid #eee; border-top:0; z-index:1001; }
	#topnav ul ul li { display:block; text-align:left; padding:5px 0; margin:0; height:100%; border-bottom:1px dotted #3b3b3b; }
	#topnav ul ul li a, #topnav ul li.on ul li a { color:#333; height:100%; border:0; }
	#topnav ul ul li a:hover, #topnav ul li.on ul li a:hover { color:#c03e3e; }
	#topnav ul li:hover ul { visibility:visible; } 
	#topnav ul a:hover ul { visibility:visible; }
	
			
/**SUB PAGE NAVIGATION**/
#subnav { background:url("../images/background-subnav.gif") top center no-repeat; font:bold 14px Arial; text-transform:uppercase; color:#a9a9a9; width:559px; height:33px; padding:15px 12px 0; margin:20px 0 15px; text-align:center; clear:both; }
	#content #subnav ul { list-style:none; margin:0; padding:0; }
	#subnav ul li { display:inline;  margin:0 4px; text-align:center; vertical-align:middle; }
	#subnav ul li a { display:inline-block; color:#a9a9a9; text-decoration:none; border-bottom:1px dotted #a9a9a9;  }
	#subnav ul li a:hover { color:#c03e3e; border-bottom:1px solid #c03e3e; }
	#subnav ul li .on { color:#eee; }
	
#body { margin:15px 0 25px; }
	#content { float:left; width:600px; }
	#contentwide { float:left; width: 925px; }

/**SIDEBAR**/	
#sidebar { float:right; width:325px; }
	
#quick-search { margin:0 auto 20px; width:220px; line-height:24px; }
	#quick-search form { text-align:right; }
	#quick-search .submit { margin:5px 30px 5px 0; }

/**FOOTER**/	
#footerwrapper { background:#eee; border-top:3px solid #ddd; }
#footerwrapper #footer { position:relative; width:938px; margin:0 auto; padding:25px 0 50px; color:#666;  }

#botnav { font:12px Arial; color:#666; margin:25px 0 0 0; }
#botnav ul { list-style:none; margin: 0 0 5px; }
#botnav li { display:inline; margin:0 5px; }
#botnav a { color:#666; font-weight:bold; text-decoration:none; }
#botnav a:hover { border-bottom:1px dotted #333; }

