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

* { margin: 0; padding: 0; }

body { background: #fff; text-align: center; }
#container { margin: 10px auto; text-align: left; width: 760px; }

/* header */
#header { background: url(../images/layout/header-bg.jpg) left bottom no-repeat; border-bottom: 1px solid #fff; height: 125px; }
	#logo a { background: url(../images/logo.png) left top no-repeat; display: block; float: left; height: 98px; margin: 10px 0 0 12px; position: relative; text-indent: -9999px; width: 135px; }
#altnav { color: #606660; float: right; margin: 10px 10px 0 0; font-size: 11px; }
	#altnav input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: middle; }
	#altnav input.text { background: #eceeec; border: 1px solid #ccc; color: #606660; height: 15px; margin-left: 5px; padding: 1px 0; width: auto; }
	#altnav input.text:focus { border: 1px solid #606660; }
	#altnav a:link, 
	#altnav a:visited { color: #606660; }
	#altnav a:hover, 
	#altnav a:active { color: #999; }

/* Navigation */
#nav { font-size: 11px; float: right; list-style-type: none; margin: 28px 0 0 0; padding: 0; right: 0; }
	#nav li { background: none; float: left; font-size: 11px; margin: 0; padding: 0; position: relative; z-index: 900; }
	#nav ul { display: none; }
	#nav ul { background: #b4d78c url(../images/layout/snav-bg.gif) left top repeat-x; border: 1px solid #fff; border-top: none; display: none; list-style-type: none; position: absolute; top: 14px; left: 0; margin: 0; padding: 0; z-index: 900; width: 160px; }
		#nav #nav-about-opastco ul { left: auto; right: 0; }
	#nav > ul { top: auto; left: auto; }
		#nav li:hover > ul { display: block; }
		#nav li.over ul { display: block; }
		#nav ul li { background-image: none; display: inline; float: none; font-size: 11px; line-height: 1.1em; margin: 0; padding: 0; width: auto; }
	#nav a { background: url(../images/layout/nav.gif) 0 0 no-repeat; display: block; height: 18px; outline: none; text-indent: -9999px; }
		#nav ul a:link, 
		#nav ul a:visited, 
		#nav .active ul a:link, 
		#nav .active ul a:visited { background: none; color: #fff; height: auto; display: block; width: 145px; padding: 7px 5px 7px 10px; text-indent: 0; text-align: left; text-decoration: none; }
		#nav ul a:hover, 
		#nav ul a:active, 
		#nav .active ul a:hover, 
		#nav .active ul a:active { background: #7ba34d url(../images/layout/snav-active-bg.gif) 0 8px no-repeat; color: #fff; text-decoration: none; }

	#nav-home a:link, #nav-home a:visited { background-position: 0 0; width: 59px; z-index: 910;  }
	#nav-home a:hover, #nav-home a:active { background-position: 0 -20px; }
	#nav-home.active a:link, #nav-home.active a:visited { background-position: 0 -40px; }
	#nav-home.active a:hover, #nav-home.active a:active { background-position: 0 -60px; }
	#nav-advocacy a:link, #nav-advocacy a:visited { background-position: -59px 0; width: 85px; z-index: 920;  }
	#nav-advocacy a:hover, #nav-advocacy a:active { background-position: -59px -20px; }
	#nav-advocacy.active a:link, #nav-advocacy.active a:visited { background-position: -59px -40px; }
	#nav-advocacy.active a:hover, #nav-advocacy.active a:active { background-position: -59px -60px; }
	#nav-meetings-and-events a:link, #nav-meetings-and-events a:visited { background-position: -144px 0; width: 140px; z-index: 930;  }
	#nav-meetings-and-events a:hover, #nav-meetings-and-events a:active { background-position: -144px -20px; }
	#nav-meetings-and-events.active a:link, #nav-meetings-and-events.active a:visited { background-position: -144px -40px; }
	#nav-meetings-and-events.active a:hover, #nav-meetings-and-events.active a:active { background-position: -144px -60px; }
	#nav-membership a:link, #nav-membership a:visited { background-position: -284px 0; width: 101px; z-index: 940;  }
	#nav-membership a:hover, #nav-membership a:active { background-position: -284px -20px; }
	#nav-membership.active a:link, #nav-membership.active a:visited { background-position: -284px -40px; }
	#nav-membership.active a:hover, #nav-membership.active a:active { background-position: -284px -60px; }
	#nav-resources a:link, #nav-resources a:visited { background-position: -385px 0; width: 82px; z-index: 950;  }
	#nav-resources a:hover, #nav-resources a:active { background-position: -385px -20px; }
	#nav-resources.active a:link, #nav-resources.active a:visited { background-position: -385px -40px; }
	#nav-resources.active a:hover, #nav-resources.active a:active { background-position: -385px -60px; }
	#nav-about-opastco a:link, #nav-about-opastco a:visited { background-position: -467px 0; width: 132px; z-index: 960;  }
	#nav-about-opastco a:hover, #nav-about-opastco a:active { background-position: -467px -20px; }
	#nav-about-opastco.active a:link, #nav-about-opastco.active a:visited { background-position: -467px -40px; }
	#nav-about-opastco.active a:hover, #nav-about-opastco.active a:active { background-position: -467px -60px; }

/* Content */
#contentcontainer { background: url(../images/layout/content-bg.gif) left top repeat-y; }
#contentclear { clear: both; }

#sidebar { float: left; width: 200px; }
.sidenav { background: #b4d78c url(../images/layout/snav-bg.gif) left top repeat-x; margin: 0; padding: 0; }
	.sidenav li { background: none; font-size: 11px; line-height: 1.2em; margin: 0; padding: 0; }
	.sidenav ul { margin: 0; padding: 0; }
	.sidenav li a { display: block; padding: 7px 10px; border-bottom: 1px solid #fff; }
	.sidenav li a:link, 
	.sidenav li a:visited { color: #242b1c; text-decoration: none; }
	.sidenav li a:hover, 
	.sidenav li a:active, 
	.sidenav li.active a:link, 
	.sidenav li.active a:visited, 
	.sidenav li.active a:hover, 
	.sidenav li.active a:active { background: #7ba34d url(../images/layout/snav-active-bg.gif) 0 9px no-repeat; color: #fff; text-decoration: none; }
	.sidenav li li a:link, 
	.sidenav li li a:visited, 
	.sidenav li.active li a:link, 
	.sidenav li.active li a:visited { background: #c4dfa8; color: #6c8154; padding-left: 25px; text-decoration: none; }
	.sidenav li li a:hover, 
	.sidenav li li a:active, 
	.sidenav li.active li a:hover, 
	.sidenav li.active li a:active { background: #7ba34d url(../images/layout/snav-active2-bg.gif) 15px 9px no-repeat; color: #fff; text-decoration: none; }
	.sidenav li li li a:link, 
	.sidenav li li li a:visited { background: #e1efd1; color: #6c8154; padding-left: 40px !important; text-decoration: none; }
	.sidenav li li li a:hover, 
	.sidenav li li li a:active { background: #7ba34d url(../images/layout/snav-active2-bg.gif) 30px 9px no-repeat !important; color: #fff; text-decoration: none; }

#content { float: right; width: 520px; padding: 12px 20px 20px 0; }

#landingpage { }
#pageHeading { margin: -67px 0 0 -19px; }
	#pageHeading h1 { display: none; }

/* Footer */
#footer { background: #ccecef url(../images/layout/footer-bg.gif) left top repeat-x; border-top: 1px solid #fff; clear: both; overflow: hidden; }
#footer-nav { border-right: 1px solid #fff; float: left; margin-right: -20px; padding: 15px 20px 10px 20px; width: 520px; }
#footer-adr { float: right; padding: 15px 20px 10px 0; width: 160px; }