@import 'reset.css';

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%;
}

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;
}

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

#footer {
	width:1030px;
	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;
	
}
#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;
}
#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;
}
	#nav ul li.first { margin-left:0; }

#nav ul li a {
	display:block;
	padding:55px 16px 0 16px;
	height:25px;
	line-height:25px;
	text-align:center;
}
* html #nav ul li a {
	display:inline-block;
}

#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 {
	background:url('../images/nav-mainmenu-over.gif') 0 0 no-repeat;
	height:80px;
	width:8px;
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:10;
}
#nav ul li .hr {
	background:url('../images/nav-mainmenu-over.gif') 100% 0 no-repeat;
	height:80px;
	width:8px;
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:10;
}
#nav ul li .hb {
	background:url('../images/nav-mainmenu-over.gif') -8px 100% no-repeat;
	height:9px;
	position:absolute;
	left:0;
	top:72px;
	display:none;
	z-index:10;
}
#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 .hr { display:block; }
	#nav ul li.active .hl { display:block; }
	#nav ul li.active .hb { display:block; }

/* 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;
}
	#nav .submenu .r {
		background:url('../images/nav-submenu-bg.png') 100% 0 no-repeat;
		height:56px;
		width:18px;
		position:absolute;
		top:0;
		right:-18px;
	}
* html #nav .submenubg {
	position:absolute;
	right:50px;
	top:72px;
	display:none;
	height:38px;
	padding:9px 0 9px 9px;
	z-index:2;
}
* html #nav .submenubg .c {
	background:url('../images/nav-submenu-bg-c.png') 0 0 no-repeat;
	position:absolute;
	height:56px;
	left:9px;
	top:0;
	padding:0 9px 0 0;
	z-index:0;
	
}
* html #nav .submenubg .r {
	background:url('../images/nav-submenu-bg-r.png') 0 0 no-repeat;
	left:0;
	height:56px;
	width:18px;
	position:absolute;
	top:0;
}
* html #nav .submenubg .l {
	background:url('../images/nav-submenu-bg-l.png') 0 0 no-repeat;
	height:56px;
	width:18px;
	position:absolute;
	top:0;
	left:-9px;
}
* html #nav .submenubgh {
	background:url('../images/pixel.png') 0 0 no-repeat;
	height:8px;
	width:50px;
	position:absolute;
	left:100px;
	top:73px;
	z-index:30;
	display:none;
	overflow:hidden;
}

#nav ul ul {
	background:white;
	height:auto;
	width:auto;
	float:none;
	margin:0;
	padding:0 4px 0 12px;
	white-space:nowrap;
	position:relative;
	z-index:20;
	
}
* html #nav ul ul {
	padding:0 4px 0 4px;
}

#nav ul ul li {	
	background:white;
	height:auto;
	float:left;
	font-size:0.85em;
	font-weight:bold;
	padding:6px 0 0 0;
	margin:0 1px;white-space:nowrap;
}

#nav ul ul li a {
	background:url('../images/nav-submenu-over.gif') 0 -50px no-repeat;
	padding:0 0 0 10px;
	margin:0;
	height:auto;
	float:left;
	white-space:nowrap;
	position:relative;
	cursor:pointer;
}
#nav ul ul li a span {
	background:url('../images/nav-submenu-over.gif') 100% -50px no-repeat;
	padding:0 10px 0 0;
	height:26;
	line-height:26px;
	text-align:center;
	float:left;
}
	#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;
}
#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;
}


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