@import '/stylesheets/reset.css';

html { background:white; }

body {
	background:#white;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.5em;
	color:#333333;
}

input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}

img {
	border: 0;
}

p { margin:0 0 1.5em 0; }

a {
	color:#8aaf26;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:focus {
	outline:none;
}

/* layouts 
----------- */
#header {
	width:1050px;
	margin:0 auto;
	position:relative;
	z-index:1000;
}

#container {
	width:1040px;
	margin:0 auto;
}

#footer {
	width:1000px;
	margin:0 auto;
}

.mainLayout_left {
	float:left;
	padding:0 10px 0 33px;
	width:657px;
	
}
.mainLayout_right {
	float:right;
	width:310px;
}

.innerLayout_narrow {
	float:left;
	padding:0 10px 0 0;
	width:485px;
}
.innerLayout_wide {
	float:left;
	padding:0 10px 0 0;
	width:820px;
}
.innerLayout_left {
	width:172px;
	float:left;
}
.innerLayout_right {
	float:right;
	width:310px;
}

/* Inner content styles 
------------------------- */
.innerContent {
	font-size:1.1667em;
	color:#8a8a8a;
}
.innerWrap {
	padding-left:47px;
}
.innerContent h1 {
	background:url('/images/hdotted.gif') 0 100% repeat-x;
	font-size:2em;
	font-weight:normal;
	line-height:normal;
	color:#8aaf26;
	padding-bottom:0.3em;
	margin:0 0 0.5em 0;
}
.innerContent h2 {
	font-size:1.143em;
	font-weight:bold;
	line-height:normal;
	color:#8aaf26;
	padding-bottom:0;
	margin:0 0 0.4em;
}
.innerContent h3 {
	font-size:1.143em;
	font-weight:bold;
	line-height:normal;
	color:#333333;
	padding-bottom:0;
	margin:0 0 0.4em;
}
.innerContent p {
	margin:0 0 2em 0;
}
.innerContent ul {
	list-style:none; padding:0; margin:0;
	margin-top:0; margin-bottom:2em;
	
}
.innerContent ul li {
	list-style:none; padding:0; margin:0;
	background:url('/images/bullet-orange_arrow.gif') 0 0.22em no-repeat;
	padding-left:1.286em;
	margin-bottom:0.5em;
}

.innerContent hr {
	border:0;
	outline:0;
	background:transparent url('/images/hdotted.gif') 0 0 repeat-x;
	height:1px;
	line-height:1px;
	overflow:hidden;
	display:block;
	margin:1em 0 0.86em;
}
*:first-child+html .innerContent .hr {
	border:0;
	outline:0;
	background:transparent url('/images/hdotted.gif') 0 0 repeat-x;
	height:1px;
	line-height:1px;
	overflow:hidden;
	display:block;
	margin:1em 0 0.86em;
}
	*:first-child+html .innerContent .hr hr { display:none; }

* html .innerContent .hr {
	border:0;
	outline:0;
	background:transparent url('/images/hdotted.gif') 0 0 repeat-x;
	height:1px;
	line-height:1px;
	overflow:hidden;
	display:block;
	margin:1em 0;
}
	* html .innerContent .hr hr { display:none; }

.innerContent .stb {
	margin-bottom:0.33em !important;
}
.innerContent .mtb {
	margin-bottom:1em !important;
}

#header .logo {
	float:left;
	margin:12px 0 0 12px;
}
	#header .logo a { cursor:pointer; position:relative; }

/* top navigation
------------- */
#nav {
	float:right;
	position:relative;
	z-index:5;
}

#nav ul, #nav li { list-style:none; padding:0; margin:0; }
#nav a { color:#a7a9ac; text-decoration:none; }
#nav a:hover { color:#a7a9ac; font-weight:bold; text-decoration:none; }
/* main menu */
#nav ul {
	background:url('../images/nav-bg.gif') 0 0 repeat-x;
	height:80px;
	float:right;
	margin:0 12px 0 0;
	position:relative;
	z-index:5;
	display:inline;
}

#nav ul li {
	background:url('../images/header-bg.jpg') 0 0 repeat-x;
	float:left;
	height:80px;
	margin:0 0 0 1px;
	font-size:1.167em;
	position:relative;
	z-index:5;
}
	#nav ul li.first { margin-left:0; }

#nav ul li a {
	display:block;
	padding:55px 13px 0 13px;
	height:25px;
	line-height:25px;
	text-align:center;
	position:relative;
	z-index:5;
}
* html #nav ul li a {
	display:inline-block;
}

#nav ul li.active {
	z-index:10;
}
#nav ul li.active .submenu, #nav ul li.active .submenubg, #nav ul li.active .submenubgh {
	display:block;
}
#nav ul li.active a {
	font-weight:bold;
}

#nav ul li .hl, #nav ul li .hr, #nav ul li .hb,
#nav ul li .bt, #nav ul li .bl, #nav ul li .br,
#nav ul li .btl, #nav ul li .btr, 
#nav ul li .bb, #nav ul li .bbl, #nav ul li .bbr {
	position:absolute;
	overflow:hidden;
	z-index:10;
	display:none;
}

#nav ul li .hl, #nav ul li .hr {
	background:url('../images/nav-mainmenu-over.jpg') 0 0 no-repeat;
	height:80px;
	width:12px;
}

	#nav ul li .hl {
		background-position:0 0;
		left:0;
		top:0;
		margin:0 0 0 -12px;
	}
	#nav ul li .hr {
		background-position:100% 0;
		right:0;
		top:0;
		margin:0 -12px 0 0;
	}
		#nav ul li.toright .hr {
			background-position:-12px 0;
		}
	#nav ul li .hb {
		/* background:url('../images/nav-mainmenu-over.gif') -8px 100% no-repeat; */
		background:white;
		height:9px;
		left:0;
		top:80px;
	}
	
#nav ul li .bl, #nav ul li .br,
#nav ul li .btl, #nav ul li .btr, 
#nav ul li .bb, #nav ul li .bbl, #nav ul li .bbr {
	background:url('../images/nav-submenu-borders.png') 0 0 no-repeat;
	width:22px;
	height:22px;
}
	#nav ul li .bl { background-position:-44px 0; background-repeat:repeat-y; top:80px; margin:0 0 0 -12px; }
		#nav ul li.toright .bl { margin-top:10px; }
	#nav ul li .br { background-position:-66px 0; background-repeat:repeat-y; top:80px; margin:10px -12px 0 0; }
		#nav ul li.toright .br { margin-top:0px; }
	
	#nav ul li .btr { background-position:-22px 0; top:80px; margin:-12px -12px 0 0; }
	#nav ul li .btl { background-position:0 0; top:80px; margin:-12px 0 0 -12px; }
	
	#nav ul li .bbr { background-position:-22px -22px; margin:80px -12px -12px 0; }
	#nav ul li .bbl { background-position:0 -22px; margin:80px 0 -12px -12px; }
	
#nav ul li .bt, #nav ul li .bb {
	background:url('../images/nav-submenu-borders-h.png') 0 0 repeat-x;
	height:22px;
}
	#nav ul li .bt { background-position:0 0; top:80px; margin:-12px 0 0 0;  }
	#nav ul li .bb { background-position:0 -22px; margin:80px 0 0 0; }
	
#nav ul li .h div {
	background:url('../images/nav-mainmenu-over.gif') 100% 0 no-repeat;
	height:80px;
	padding-right:8px;
}
	
	#nav ul li.active .hl, #nav ul li.active .hr, #nav ul li.active .hb,
	#nav ul li.active .bt, #nav ul li.active .bl, #nav ul li.active .br,
	#nav ul li.active .btl, #nav ul li.active .btr, 
	#nav ul li.active .bb, #nav ul li.active .bbl, #nav ul li.active .bbr { display:block; }
	
* html #nav ul li .btl { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav-submenu-borders-tl.png', sizingMethod='scale'); }
* html #nav ul li .btr { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav-submenu-borders-tr.png', sizingMethod='scale'); }
* html #nav ul li .bbl { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav-submenu-borders-bl.png', sizingMethod='scale'); }
* html #nav ul li .bbr { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav-submenu-borders-br.png', sizingMethod='scale'); }
* html #nav ul li .bl { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav-submenu-borders-l.png', sizingMethod='scale'); }
* html #nav ul li .br { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav-submenu-borders-r.png', sizingMethod='scale'); }
* html #nav ul li .bt { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav-submenu-borders-t.png', sizingMethod='scale'); }
* html #nav ul li .bb { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav-submenu-borders-b.png', sizingMethod='scale'); }

/* sub menu */
#nav .submenu {
	/*
	background:url('../images/nav-submenu-bg.png') 0 0 no-repeat;
	position:absolute;
	right:50px;
	top:72px;
	display:none;
	height:38px;
	padding:9px 0 9px 9px;
	z-index:2;
	*/
	position:absolute;
	left:0;
	top:80px;
	display:none;
	float:left;
	z-index:20;
}
	
	#nav .submenu .r {
		background:url('../images/nav-submenu-bg.png') 100% 0 no-repeat;
		height:56px;
		width:18px;
		position:absolute;
		top:0;
		right:-18px;
	}

#nav ul ul {
	background:white;
	background:transparent;
	height:auto;
	width:auto;
	float:none;
	margin:0;
	padding:9px 3px 0 3px;
	padding:9px 6px 0 4px;
	white-space:nowrap;
	position:relative;
	z-index:20;
	display:block;
	float:left;
	
	
}

#nav ul ul li {	
	/*
	background:white;
	height:auto;
	float:left;
	font-size:0.929em;
	font-weight:bold;
	padding:6px 0 0 0;
	margin:0 1px;white-space:nowrap;
	*/
	background:white;
	height:auto;
	float:none;
	font-size:0.929em;
	font-weight:bold;
	padding:2px 0 2px 0;
	margin:0 1px;
	white-space:nowrap;
	display:block;
	
}

#nav ul ul li a {
	background:url('../images/nav-submenu-over.gif') 0 -50px no-repeat;
	padding:0 0 0 7px;
	margin:0;
	height:auto;
	float:left;
	float:none;
	white-space:nowrap;
	position:relative;
	cursor:pointer;
	display:block;
	zoom:1;
}
#nav ul ul li a span {
	background:url('../images/nav-submenu-over.gif') 100% -50px no-repeat;
	padding:0 7px 0 0;
	height:26;
	line-height:26px;
	text-align:left;
	float:left;
	float:none;
	display:block;
}
	#nav ul ul li a:hover {
		background-position:0 0;
		color:#ffffff;
	}
	#nav ul ul li a:hover span {
		background-position:100% 0;
		color:#ffffff;
	}
	
#nav .member {
	background:url('../images/icon-member.gif') 2px 0px no-repeat;
	padding-left:16px;
	position:relative;
}
#nav a:hover .member {
	background:url('../images/icon-member.gif') 2px -26px no-repeat;
}

/* header 
---------- */
#header {
	background:url('/images/header-bg.jpg') 0 0 repeat-x;
	height:130px;
}

/* jScroll Pane - default styles
---------------- */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* Sidebox 
------------- */
.sidebox {
	width:310px;
	margin:0 0 0.5em 0;
	overflow:hidden;
}
.sidebox .sidebox-t {
	background:url('/images/side-gr-round-box.gif') 0 0 no-repeat;
	height:10px;
	overflow:hidden;
}
.sidebox .sidebox-content {
	background:url('/images/side-gr-round-box.gif') 0 100% no-repeat;
	padding:0 10px 10px 10px;
}

/* Left 
------------- */
.leftbox {
	width:168px;
	margin:2px 0 0.5em 0;
	overflow:hidden;
	position:relative;
	right:-4px;
}
.leftbox .leftbox-t {
	background:url('/images/leftbox.gif') 0 0 no-repeat;
	height:11px;
	overflow:hidden;
}
.leftbox .leftbox-content {
	background:url('/images/leftbox.gif') 0 100% no-repeat;
	padding:0 11px 11px 11px;
}

/* Latest Meeting box
--------------------- */
.latest_meeting {
	background:url('/images/latest-meeting-bg.gif') 0 0 no-repeat;
	padding:7px 0 0 0;
	width:290px;
}
	.latest_meeting-content {
		background:url('/images/latest-meeting-bg.gif') 0 100% no-repeat;
		padding:0 7px 7px 7px;
		color:#ffffff;
		font-size:1.08em;
	}
	
.latest_meeting .content {
	font-size:1.231em;
	line-height:1.3em;
}
	.latest_meeting .content strong {
		font-size:1.125em;
	}

.latest_meeting .see_the_results {
	font-size:1em;
}

.latest_meeting a {
	color:#fff420;
}

/* News
--------- */
.news {
}
.news h2 {
	background:url('/images/news-title.gif') 0 0 no-repeat;
	font-size:18px;
	color:#ffffff;
	margin:0 0 1.28em 0;
	padding:0 7px;
	width:290px;
	height:22px;
	line-height:22px;
}
.news .news_list_holder {
	padding:0 1px 0 2px;
	height:250px;
	overflow:auto;
}
.news_list {
	list-style:none;
	padding:0;
	margin:0;
}
.news_list li {
	list-style:none;
	padding:0 0 1em;
	margin:0 0 1em;
	border-bottom:1px solid #e2e2e2;
}
	.news_list li.last { border:0; }
.news_list .news_date {
	font-size:0.92em;
	color:#8a8a8a;
	line-height:1.3em;
	padding:0;
	margin:0 0 0.5em;
}
.news_list .news_title {
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:bold;
	color:#f78f1e;
	line-height:1.3em;
}
.news_list .news_entry {
	font-size:1.167em;
	font-weight:bold;
	color:#a7a9ac;
	line-height:1.3em;
	padding:0;
	margin:0;
}
.news_list .news_entry .more {
	font-size:0.79em;
	color:#8aaf26;
}

.news .jScrollPaneTrack {
	background:url('/images/news-scrollpane.gif') -44px 0 repeat-y;
}
.news .jScrollPaneTrackTop {
	background:url('/images/news-scrollpane.gif') -22px 0 repeat-y;
	position:absolute; top:0; left:0;
	width:11px; height:10px;
	z-index:1;
	overflow:hidden;
}
.news .jScrollPaneTrackBottom {
	background:url('/images/news-scrollpane.gif') -33px 0 repeat-y;
	position:absolute; bottom:0; left:0;
	width:11px; height:10px;
	z-index:1;
	overflow:hidden;
}
.news a.jScrollArrowUp {
	background:url('/images/news-scrollpane.gif') -11px 0 no-repeat;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 11px;
	width:11px;
}
.news a.jScrollArrowDown {
	background:url('/images/news-scrollpane.gif') 0 1px no-repeat;
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 11px;
	width:11px;
}
.news .jScrollPaneDrag {
	background:url('/images/news-scrollpane.gif') -55px 0 no-repeat;
	position: absolute;
	cursor: pointer;
	width:11px;
	z-index:10;
	margin:0;
}
.news .jScrollPaneDragInner {
	background:url('/images/news-scrollpane.gif') -55px 100% no-repeat;
	position: absolute;
	bottom:0px;
	left: 0;
	overflow: hidden;
	width:11px; height:10px;
	z-index:11;
}

/* Interior Picture Box
----------------------- */
.interior_picbox {
	position:relative;
	margin:0 3px 0 3px;
	padding:0;
}
* html .interior_picbox { display:inline-block; }
.interior_picbox img {
	display:block;
}
.interior_picbox .cr-tl, .interior_picbox .cr-tr, .interior_picbox .cr-bl, .interior_picbox .cr-br {
	position:absolute; z-index:20;
	width:6px; height:6px; overflow:hidden; display:block;
}
	.interior_picbox .cr-tl { left:0; top:0; }
	.interior_picbox .cr-tr { right:0; top:0; }
	.interior_picbox .cr-bl { left:0; bottom:0; }
	.interior_picbox .cr-br { right:0; bottom:0; }


/* Headline 
--------------- */
.headline-box {
	position:relative;
	height:328px;
}
.headline-box .headline-title {
	float:left;
	margin:50px 0 0 0;
}
.headline-box .headline-pic {
	position:absolute;
	right:-20px;
	top:0;
}
.headline {
	color:#8a8a8a;
	font-size:1.167em;
	line-height:1.3em;
	padding:0 10px 0 0;
}
.headline h2 {
	background:url('/images/hdotted.gif') 0 100% repeat-x;
	color:#8aaf26;
	font-size:1.14em;
	margin:0 0 0.3em;
	padding:0 0 0 11px;
	line-height:1.3em;
}
.headline p {
	padding:0 0 0 11px;
}
.headline .more {
	font-size:0.786em; font-weight:bold;
	color:#8aaf26;
}

#footer {
	background:url('/images/hdotted.gif') 0 0 repeat-x;
	margin:60px auto 0 auto;
	padding:10px 10px 20px 20px;
	width:970px;
	color:#999999;
	font-size:0.92em;
}
#footer a {
	color:#999999;
}
#footer .copy {
	float:left;
}
#footer .links {
	float:right;
	list-style:none; padding:0; margin:0;
}
#footer .links li {
	list-style:none; margin:0;
	padding:0 5px;
	float:left;
}
#footer .links li a {
	padding:0 5px;
	color:#999; 
}


#committees_accordion > li:nth-child(even) {background: none;}

#committees_accordion ul {padding:0;margin:0;}



/* Clearfix hack
-------------------------- */
.clearfix:after, .mainLayout:after, .innerLayout:after, #footer:after, .formRow:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix, .mainLayout, .innerLayout, #footer, .formRow {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html .mainLayout, * html .innerLayout, * html #footer, * html .formRow{height: 1%;}
.clearfix, .mainLayout, .innerLayout, #footer, .formRow {display: block;}
/* End hide from IE-mac */

/* Newsletter Signup */


.newsletter_signup > div {
    width: 46%;
    display: inline;
}

.newsletter_signup div.info, .newsletter_signup .lists {
	display:block;
	width:100%;
}

.newsletter_signup {
    width: 100%;
}
.newsletter_signup input[type="text"] {
		width: 29%;
    float: left;
    margin:  0 0 13px;
    font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		border: 1px solid #e3e3e3;
		border-radius: 10px;
		padding: 5px 6px;
		color:#333;
		box-shadow: inset 1px 2px 16px #E3E3E3,inset -1px -2px 10px #E3E3E3;
}

.newsletter_signup input[type="text"]:focus {
	outline: none;
}

.newsletter_signup label {
    float: left;
    min-width: 100px;
    color:#8aaf26;
    margin:  0 0 0 12px;
    font-size: 16px;
}

.newsletter_signup .lists p, .newsletter_signup .info p, .newsletter_signup p.title {
	clear:both;
	margin: 0 0 11px;
	color:#8aaf26;
	font-size: 1.14em;
}

.newsletter_signup .info p {
	font-size: 12px;
	margin: 4px 0 4px;
	float:right;
}

.newsletter_signup p.title {
	border-bottom: 1px dotted #818181;
	padding-bottom:2px;
	padding-top: 11px;
}

.newsletter_signup p.title span {
	font-weight: bold;
}

.newsletter_signup .lists input {
    float: left;
		line-height: 12px;
}

.newsletter_signup .lists label {
	float: left;
	min-width: 0;
	margin-right: 12px;
	line-height: 12px;
	color:#9b9b9b;
}

.newsletter_signup .submit {
	clear:both;
	display:block;
}
.newsletter_signup .submit input {
	background-color: #fba126;
	border-radius: 10px;
	padding: 4px 12px;
	border:none;
	font-size:16px;
	font-family: Arial;
	color:#fff;
}