@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; }

#container { text-align: left; margin: 0 auto; width: 760px; }

#masthead { height: 86px; position: relative; }
#tmpdm { position: absolute; right: 15px; top: 46px; text-align: right; }
#logo { position: absolute; left: 15px; top: 25px; }

#nav { background: url(../images/nav.gif) left top no-repeat; height: 61px; list-style-type: none; margin: 0 0 10px 0; padding: 0; }
	#nav li { background: none; float: left; height: 61px; margin: 0; padding: 0; }
	#nav li a { background: url(../images/nav.gif) 0 0 no-repeat; display: block; height: 61px; line-height: 61px; text-indent: -9999px; }
	#nav #nav-online a:link, #nav #nav-online a:visited { background-position: 0 0; width: 140px; }
	#nav #nav-online a:hover, #nav #nav-online a:active { background-position: 0 -61px; }
	#nav #nav-online.active a:link, #nav #nav-online.active a:visited { background-position: 0 -122px; }
	#nav #nav-online.active a:hover, #nav #nav-online.active a:active { background-position: 0 -61px; }
	#nav #nav-offline a:link, #nav #nav-offline a:visited { background-position: -140px 0; width: 130px; }
	#nav #nav-offline a:hover, #nav #nav-offline a:active { background-position: -140px -61px; }
	#nav #nav-offline.active a:link, #nav #nav-offline.active a:visited { background-position: -140px -122px; }
	#nav #nav-offline.active a:hover, #nav #nav-offline.active a:active { background-position: -140px -61px; }
	#nav #nav-tmpdm a:link, #nav #nav-tmpdm a:visited { background-position: -270px 0; width: 115px; }
	#nav #nav-tmpdm a:hover, #nav #nav-tmpdm a:active { background-position: -270px -61px; }
	#nav #nav-tmpdm.active a:link, #nav #nav-tmpdm.active a:visited { background-position: -270px -122px; }
	#nav #nav-tmpdm.active a:hover, #nav #nav-tmpdm.active a:active { background-position: -270px -61px; }

#sidebar { display: block; float: left; margin-left: 4px; width: 234px; }
.sub-nav { margin-bottom: 12px; }
	.sub-nav h3 { background: url(../images/side-header.gif) left top no-repeat; line-height: 1.1em; margin: 0; padding: 0; }
		.sub-nav h3 a { border-bottom: 2px solid #fff; color: #fff; display: block; margin: 0 7px; padding: 15px 10px 8px; text-decoration: none; width: 200px; }
	.sub-nav ul { background: url(../images/side-bg.gif) left bottom no-repeat; list-style-type: none; margin: 0; padding: 0 0 7px 0; }
		.sub-nav ul ul { background: none; margin: 0; padding: 0; }
		.sub-nav ul li { background: none; margin: 0 0 0 8px; padding: 0; width: 220px; }
			.sub-nav ul ul li { background: none; margin: 0 0 0 15px; padding: 0; width: 205px; }
		.sub-nav li a:link, .sub-nav li a:visited { color: #666; display: block; padding: 4px 10px; text-decoration: none; }
		.sub-nav li a:hover, .sub-nav li a:active { color: #333; text-decoration: underline; }

#contact a { color: #fff; display: block; background: url(../images/img-contact-bg.gif) left top no-repeat; height: 42px; line-height: 15px; padding: 15px 10px 10px 75px; text-decoration: none; width: 149px; }
	#contact a strong { color: #72b51a; display: block; font-size: 20px; }

#content { margin: 8px 10px 0 254px; }

#footer { border-top: 1px solid #5798d4; clear: both; margin-top: 30px; padding: 15px 0; }
	#footer #links { color: #5798d4; font-size: 14px; font-weight: bold; text-align: left; }
	#footer a:link, #footer a:visited { color: #333; text-decoration: none; padding: 0 5px; }
	#footer a:hover, #footer a:active { color: #777; }
	#footer #copyright { color: #333; font-size: 11px; text-align: left; float: right; }
		#footer #copyright a { padding: 0; }