html { margin:0; padding:0; }
body { margin:0; padding:0; font-size:14px; font-family:Verdana, Tahoma, "Trebuchet MS", Trebuchet, Arial, sans-serif; text-align:center; background:#dadada;}

#wrap { border-left:solid 1px black; border-right:solid 1px black; width:749px; margin-left:auto; margin-right:auto; background:url(layout/headbg.jpg) #fff no-repeat; }
#header { width:100%; position:relative; top:0; left:0; margin:0; padding:0; height:120px; }
#welcome { width:200px; position:absolute; top:3px; right:5px; font-size:0.9em; font-weight:bold; color:#b7b7bf; text-align:right; }
#welcome a:link, #welcome a:visited {color:#aaf;}
#header h1 { position:absolute; margin:0; padding:0; left:10px; top:9px; width:477px; height:70px; background:url(layout/title.gif) no-repeat; }
#header h1 a { display:block; text-decoration:none; width:100%; height:100%; text-indent:-10000px; overflow:hidden;}
#nav { position:absolute; left:57px; top:97px; width:643px; height:15px; margin:0; padding:0; }
#nav li { position:absolute; top:0px; height:15px; padding:0; margin:0; list-style-type:none; background-image:url(layout/nav.gif); background-repeat:no-repeat; }
#nav li a { display:block; height:14px; width:100%; overflow:hidden; text-indent:-10000px; text-decoration:none;}
#nav li a:hover { border-bottom:solid 1px #000080; }
#nav-a { left:0px; width:51px;  	background-position:0 0; }
#nav-b { left:155px; width:79px;  	background-position:-155px 0; }
#nav-c { left:337px; width:128px;  background-position:-337px 0; }
#nav-d { left:568px; width:75px;  	background-position:-568px 0; }
#nav ul { display:block; z-index:100; visibility:hidden; margin:0; padding:8px 0 5px 0; position:absolute; background:#dedede url(layout/navbg-gray.jpg) no-repeat; text-align:center; top:15px; opacity:0.1; }
#nav li:hover ul { visibility:visible; }
#nav ul li { font-size:12px; line-height:13px; margin:0; padding:2px 0 4px 0; text-indent:0; position:static; background:none; height:auto; width:100%;}
#nav ul li a { color:#000080; text-decoration:none; text-indent:0; display:inline; height:auto; }
#nav ul li a:hover { text-decoration:underline; border:none;}
#nav-a ul { left:-43px; width:143px; background-position:-14px 0px; }
#nav-b ul { left:-37px; width:154px; background-position:-175px 0px; }
#nav-c ul { left:-25px; width:176px; background-position:-369px 0px; }
#nav-d ul { left:-36px; width:147px; background-position:-589px 0px; }

#content { margin-left:10px; margin-right:10px; text-align:left; }
#wrap>#content { position:relative; top:0; left:0; z-index:10; } /* IE gets z-index willies. Moz needs it for contact hack. */
#footer { background:black; color:white; clear:both; margin-top:12px; }
#footer a:link, #footer a:visited {color:white; }

#content div.right {
	width:220px;
	float:right;
	padding-bottom:15px;
}

#content div.left {
	width:480px;
	padding:0 16px 15px 0;
	border-right:solid 1px silver;
}
#prefoot { clear:both; font-style:italic; color:grey; font-size:0.8em; text-align:center; padding-top:0.75em; }
#prefoot p { margin:0 auto 0.6em auto; width:76%; }