@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; }
body { background: #fff url(../images/img-page-bg.gif) 0 0 repeat-x; text-align: center; }

#wrapper { background: url(../images/img-content-bg2.gif) 50% 0 repeat-y; min-width: 770px; }
#wrapper2 { background: url(../images/img-content-bg.jpg) 50% 0 no-repeat; }
#wrapper3 { background: url(../images/img-footer-bg.gif) 50% 100% no-repeat; }
#wrapper4 { margin: 0 auto; text-align: left; width: 770px; position: relative; }

#header { height: 240px; }
	#logo { padding: 10px; }
	#sub-nav { color: #fff; position: absolute; font-size: 11px; right: 5px; top: 9px; margin: 0; }

#content { display: inline; float: right; margin: -10px 10px 10px 0; width: 495px; min-height: 300px; }
#nav { color: #fff; position: absolute; right: 5px; top: 75px; }
	#nav li { display: inline; margin: 0; padding: 0; position: relative; }
	#nav ul { background: url(../images/img-menu-bg.png) left bottom no-repeat; display: none; position: absolute; left: -5px; margin: 0; padding: 0 0 9px 0; top: 24px; width: 140px; }
		* html #nav ul { background: #fff; padding: 0; }
		#nav ul a { display: block; }
	#nav #nav-getconnected ul { left: auto; right: 0; text-align: right; }
		* html #nav #nav-getconnected ul { left: 0; right: 0px; text-align: left; }
	#nav li:hover ul { display: block; }
	#nav ul li { display: block; width:100%; }
#nav li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
#nav li:hover ul, #nav li.sfHover ul { z-index:99; }
ul#nav li:hover li ul, ul#nav li.sfHover li ul { top:-999em; }
#nav.sf-js-enabled li:hover ul { display: none; }

#services { position: absolute; left: 15px; top: 130px; }
	#services h3, 
	#services p { color: #005288; font-weight: bold; font-size: 14px; margin: 0; padding: 0; text-transform: lowercase; }
	#services h3 { font-size: 18px; margin-bottom: 2px; }

#sidebar { margin-left: 5px; width: 230px; }

#sidenav { }
	#sidenav h2 { border-bottom: 1px solid #b4c81d; color: #005288; font-size: 20px; line-height: 20px; margin: 0 3px 0 0; padding: 2px 8px; }
	#sidenav ul { list-style-type: none; margin: 0 3px 0 0; padding: 0; }
	#sidenav ul li { border-bottom: 1px solid #ecd98d; line-height: 16px; margin: 0; padding: 0; }
	#sidenav a { text-decoration: none; }
	#sidenav ul a:link, #sidenav ul a:visited { display: block; margin: 0; padding: 5px 8px; }
	#sidenav ul a:hover, #sidenav ul a:active { background: #faecd1; }
	#sidenav ul .active a { font-weight: bold; }
		#sidenav ul ul li { border-bottom: none; }
		#sidenav ul ul a:link, #sidenav ul ul a:visited { background: url(../images/icons/more.gif) 15px 50% no-repeat; border-bottom: none; margin: 0; padding: 5px 8px 5px 24px; }
		#sidenav ul ul a:hover, #sidenav ul ul a:active { background: #faecd1 url(../images/icons/more.gif) 15px 50% no-repeat; }
		#sidenav ul .active ul a { font-weight: normal; }

#footer { clear: both; position: relative; top: 10px; }
	#footer p { font-size: 11px; text-align: right; }
	#footer p.adr { text-align: left; float: left; }
	
	#footer span { padding: 0 5px; }
	#footer a:link, #footer a:visited { padding: 0 5px; text-decoration: none; text-transform: lowercase; }
	#footer a:hover, #footer a:active { }

* html #sidenav ul li, 
* html #footer { height: 1%; }

