html,body,div{margin:0;padding:0}
html,body{height:100%}
body{font-family:Arial, Helvetica, sans-serif;background:#669}
#header-div,#wrapper-div,#footer-div{width:100%;min-width:600px}
#wrapper-div,#footer-div{position:relative;float:left;clear:both}

#skip-to-content{position:absolute}
#skip-to-content a{text-decoration:none}
#skip-to-content a span{visibility:hidden}

#header-div{
	height:148px;position:absolute;top:0;left:0;
	background:url('header-bg.png') repeat-x scroll top;
	text-align:center}
#header-pic{
	margin:0 0 0 216px}
#header-clear{height:148px}

#wrapper-div{
	min-height:100%;margin-bottom:-6em}
#wrapper-div,body{
	background:#FFF url('sidebar-bg.png') repeat-y scroll left}
/* body declaration covers background gap in IE8 at bottom of page */

#nav-div{
	width:216px;float:left;padding-bottom:6em}
#nav-home{
	width:216px;height:148px;
	background:url('corner-top-bg.png') no-repeat scroll top left;
	position:absolute;top:0;left:0}
#nav-home a{display:block;margin:0;padding:0;width:204px;height:130px;
	background:url('home-up.png') no-repeat scroll top left;text-decoration:none}
#nav-home a:hover{background-image:url('home-over.png')}
#nav-home a span{visibility:hidden}

#nav-menu{list-style-type:none;margin:0;padding:0}
/**/#nav-menu ul{display:none}/**/
#nav-menu li{width:205px;margin:.1em 0 .5em 0;padding:0 0 5px 0;
	background:url('menu-shadow.png') no-repeat scroll bottom left}
#nav-menu li a{display:block;line-height:30px;padding-left:1em;position:relative;
	background:url('menu-repeat-up.png') repeat scroll top;
	border:1px solid #000;border-left:none;
	text-decoration:none;font-weight:bold;color:#000;
	height:30px} /* declaring height to match line-height fixes issue in IE8 */
#nav-menu .cap{display:block;height:37px;width:21px;
	position:absolute;top:-1px;right:-21px;
	background:url('menu-cap-up.png') no-repeat scroll top left}

/**/
#nav-menu li .active{color:#936;text-decoration:overline underline}
#nav-menu li a:hover{color:#936}
/**/

#content-div{padding:1em 2em;overflow:auto}

#backtop{position:absolute;bottom:6em;right:1px} /* right:1px stops Firefox showing horizontal scroll bar on mousedown */
#backtop a{display:block;margin:0;padding:0;height:17px;width:87px;background:url('backtop-up.png') no-repeat scroll top left;text-decoration:none}
#backtop a:hover{background-image:url('backtop-over.png')}
#backtop a span{visibility:hidden}

#footer-div{
	height:6em;
	background:url('footer-bg.png') repeat-x scroll top}
#footer-clear{
	height:6em;padding-top:17px} /* padding accounts for back-to-top link height */
#footer-side{
	width:216px;height:18px;
	background:url('corner-bottom-bg.png') no-repeat scroll top left;
	position:absolute;top:0;left:0}
#footer-text{
	margin-left:216px;padding-top:18px;font-size:smaller;color:#666}

.err{display:none} /* start form error messages hidden */