/* CSS Document */

html {
	top:0px;
	margin-top:0;
	padding-top:0;
	}

body {
	background-color:#31779D;
	background-image:url(/media/img/bg.jpg);
	background-repeat:repeat-x;
	color:#333333;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:13px;
	text-align:center;
	top:0px;
	margin-top:0;
	padding-top:0;
	line-height:23px;
	}
	
/*layout elements*/	

/*centers layout*/

#container {
	margin:0 auto;
	width:960px;
	}
	
form {
	padding:0;
	margin:0;
	}
	
#headerwrapper {
	margin:0 auto;
	width:1040px;
	text-align:left;
	position:relative;
	}
	
#header {
	width:1040px;
	padding:0px;
	height:153px;
	position:relative;
	}
	
#logo {
	position:absolute;
	top:0px;
	left:0px;
	width:684px;
	height:153px;
	}
	
#search_container {
	position:absolute;
	top:25px;
	left:761px;
	}
	
#query {
	text-indent:8px;
}
#search_container input {
	background-image:url(/media/img/search_box.gif);
	background-repeat:no-repeat;
	height:26px;
	width:213px;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:13px;
	font-style:italic;
	color:#71a7c5;
	border:0;
	line-height:26px;
	padding:0;
	margin:0;
	position:relative;
	float:left;
	}
	
#search_container img {
	z-index:20;
	padding:0;
	margin:0;
	position:relative;
	float:left;
	}
	
#headerbuttons {
	position:absolute;
	top:71px;
	left:750px;
	}
	
/*#btn-signin {
	height:54px;
	width:132px;
	display:block;
	background:url(/media/img/signin_button.jpg) no-repeat;
	float:left;
}

#btn-signin:hover {
	background-position:0px -54px;
	width:132px;
}*/

#btn-logout {
	display:block;
	float:left;
	width:121px;
	height:40px;
	background:url(/media/img/logout_btn.png) no-repeat;
	text-indent:-9999px;
	position:relative;
	left:135px;
}

#btn-signin {
	height:53px;
	width:205px;
	display:block;
	background:url(/media/img/membersonly.png) no-repeat;
	float:left;
}

#btn-signin:hover {
	background-position:0px -53px;
	width:205px;
}

/*#btn-joinus {
	height:54px;
	width:132px;
	display:block;
	background:url(/media/img/joinus_button.jpg) no-repeat;
	float:left;
}



#btn-joinus:hover {
	background-position:0px -54px;
	width:132px;
}*/
	
/*top menu*/

#menu {
    width:960px;
	height:43px;
	padding-left:30px;
	text-align:left;
	position:relative;
	z-index:1000;
}

#menu ul  {
	margin:0;
	padding:0;
	list-style:none;
	background:url(/media/img/topmenu2.gif) no-repeat;
	position:relative;
}

#menu ul ul  {
	margin:0;
	margin-left:0px;
	padding:0;
	list-style:none;
	_background-color:#95C3DC;
	background-image:url(/media/img/menubg.png);
	background-repeat:repeat;
	top:43px;
	position:relative;
	z-index:9999;
}

#menu ul ul a {
	font-size:13px;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	display:block;
	padding:8px 15px;
	line-height:16px;
	width:218px;
	border-bottom:1px solid #B5D6E8;
	border-left:1px solid #B5D6E8;
	border-right:1px solid #B5D6E8;
	}
	
#menu ul ul a:hover {
	background-color:#5ba5cc;
	}

#menu li {
	float:left;
	display:inline;
	position:relative;
	z-index:250;
}

#menu ul li ul li {
	float: left;
	width: 250px;
	text-indent:0;
}

#menu li ul {
	position: absolute;
	width: 250px;
	left: -999em;
}

#menu li:hover ul {
	left: auto;
}

#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
	}


#nav-index, #nav-about, #nav-news-issues, #nav-events, #nav-members, #nav-education, #nav-links, #nav-contact, #nav-members_area {
	height:43px;
	display:block;
	background:url(/media/img/topmenu3.gif) no-repeat;
	text-indent:-9999px;
}

#nav-index span, #nav-about span, #nav-news-issues span, #nav-events span, #nav-members span, #nav-education span, #nav-links span, #nav-contact span, #nav-members_area span {
	display:none;
}

#nav-index, #nav-index-active {
	background-position:-16px 0;
	width:73px;
}

#nav-index:hover, #nav-index-active {
	background-position:-16px -43px;
}

#nav-about, #nav-about-active {
	background-position:-101px 0;
	width:108px;
}

#nav-about:hover, #nav-about-active {
	background-position:-101px -43px;
}

#nav-news-issues, #nav-news-issues-active {
	background-position:-217px 0;
	width:181px;
}

#nav-news-issues:hover, #nav-news-issues-active {
	background-position:-217px -43px;
}

#nav-events, #nav-events-active {
	background-position:-407px 0;
	width:80px;
}

#nav-events:hover, #nav-events-active {
	background-position:-407px -43px;
}

#nav-members, #nav-members-active {
	background-position:-503px 0;
	width:98px;
}

#nav-members:hover, #nav-members-active {
	background-position:-503px -43px;
}

#nav-education, #nav-education-active {
	background-position:-617px 0;
	width:124px;
}

#nav-education:hover, #nav-education-active {
	background-position:-617px -43px;
}

#nav-links, #nav-links-active {
	background-position:-763px 0;
	width:74px;
}

#nav-links:hover, #nav-links-active {
	background-position:-763px -43px;
}

#nav-contact, #nav-contact-active {
	background-position:-851px 0;
	width:107px;
}

#nav-contact:hover, #nav-contact-active {
	background-position:-851px -43px;
}

/*#nav-members_area, #nav-members_area-active {
	background-position:-815px 0;
	width:124px;
}

#nav-members_area:hover, #nav-members_area-active {
	background-position:-815px -43px;
}*/

/*inner menu*/

#innermenu {
	padding-left:0px;
	}
	
#innermenu a {
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	}
	
#innermenu li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
	
#innermenu ul {
	margin:0;
	padding:0;
	width:100%;
	
	}
	
#innermenu ul li {
	display:block;
	margin:0 0 0 0px;
	padding:0;
	width:100%;
	}
	
#innermenu ul li a {
	color:#255b79;
	display:block;
	font-weight:bold;
	height:1%;
	width:285px;
	position:relative;
	text-decoration:none;
	padding:6px 0 6px 9px;
	text-indent:18px;
	margin:0 0 0 0px;
	}
	
#innermenu ul li a:hover {
	background-color:#ffffff;
	color:#4E6F07;
	position:relative;
	}
	
#innermenu ul ul li a {
	text-indent:25px;
}

#innermenu .current-page > a{
	background:#fff;
	width:285px;
	color:#4E6F07;
}


/*content*/

#content {
	width:960px;
	border-bottom:1px solid #ffffff;
	text-align:left;	
	background-color:#ffffff;
	background-image:url(/media/img/fauxcolumn.gif);
	background-repeat:repeat-y;
	position:relative;
	}
	
#content.onecol {
	background:none #fff;
}
	
#topgrad, #topgradonecol {
	width:960px;
	height:23px;
	background-image:url(/media/img/topgrad.gif);
	background-repeat:no-repeat;
	margin-top:23px;
	}
	
#topgradonecol {
	background:url(/media/img/topgradonecol.gif) no-repeat;
	}
	
#rightcolgrad {
	position:absolute;
	right:0px;
	bottom:0px;
	background-image:url(/media/img/bottomgradright.gif);
	background-repeat:no-repeat;
	display:block;
	width:291px;
	height:22px;
	}
	
#leftcol {
	float:left;
	width:612px;
	padding:0px 27px 27px 27px;
	}
	
#onecol #leftcol {
	width:906px;
}
	
#rightcol {
	float:left;
	width:261px;
	padding:0px 12px 27px 18px;
	}
	
#rightcolinner {
	float:left;
	width:294px;
	_width:285px;
	padding:0px 0px 27px 0px;
	}

#bottomlinks {
	height:42px;
	line-height:42px;
	text-align:center;
	color:#ffffff;
	background-image:url(/media/img/footer_grad.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	width:960px;
	font-size:13px;
	}
	
#bottomlinks a {
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
	font-size:13px;
	}
	
#bottomlinks a:hover {
	text-decoration:underline;
	}
		
#footer {
	color:#ffffff;
	font-size:13px;
	text-align:left;
	padding-top:33px;
	line-height:normal;
	}
	
#footer a {
	color:#ffffff;
	font-size:13px;
	text-decoration:none;
	}
	
#footer a:hover {
	text-decoration:underline;
	}
	
#footerLeft {
	padding:0px 0px 0px 21px;
	float:left;	
	}
	
#footerRight {
	float:right;
	padding:0px 21px 0px 0px;
	text-align:right;	
	}
	
/*text elements */

#innermenu ul li.header {
	color:#255b79;
	font-size:26px;
	padding:6px 12px 6px 18px;
	margin-left:0;
	_width:255px;
	}


h1, h2, h3, h4, h5, h6 {
	color:#255b79;
	margin:5px 0;
	}
	
h1 {
	font-size:36px;
	}
	
h1.toppadding {
	margin-top:0px;
	padding-top:0px;
	}
	
h2.toppadding {
	padding-top:0px;
	margin-top:0px;
	}
	
h3.toppadding {
	padding-top:0px;
	margin-top:0px;
	}
	
h2 {
	font-size:26px;
	}
	
h3 {
	font-size:24px;
	}
	
h4, h4 a {
	font-size:16px;
	color:#255b79;
	font-weight:900;
	}
	
h2.bottompadding {
	padding-bottom:15px;
	margin-bottom:0px;
	}
	
h4.bottompadding {
	padding-bottom:0px;
	margin-bottom:0px;
	}
	
h5 {
	font-size:14px;
	}
	
h6 {
	font-size:13px;
	}

a {
	color:#4E6F07;
	text-decoration:none;
	font-weight:normal;
	font-size:13px;
	}
	
a img {
	border:0;
}
	
p.nopadding {
	padding:0;
	margin:5px 0;
}
	
a:hover {
	text-decoration:underline;
	}
	
#news {
	font-size:10px;
	}
	
#newsListing h3 {
	margin-top:15px;
	margin-bottom:5px;
	}
	
	
h3 {
	margin-top:15px;
	margin-bottom:5px;
	}
	
h3 a {
	font-size:20px;
	}
	
.date {
	font-size:12px;
	font-style:italic;
	margin:0;
	color:#255A79;
	}
	
#innermenu #newsListing {
	padding:6px 12px 6px 18px;
	}
	
#innermenu #newsListing h3 {
	margin-top:15px;
	margin-bottom:5px;
	}
	
#innermenu #newsListing h2 {
	margin-top:0px;
	margin-bottom:5px;
	}
	
#innermenu #newsListing a {
	font-size:13px;
	}
	
#innermenu #newsListing .date {
	font-size:10px;
	font-style:italic;
	}
	
a.smalllink:link, a.smalllink:visited, a.smalllink:hover, a.smalllink:active {
	color:#4E6F07;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	}
	
a.smalllink:hover {
	text-decoration:underline;
	}
	
a.largelink:link, a.largelink:visited, a.largelink:active {
	color:#4E6F07;
	font-size:15px;
	text-decoration:none;
	}
	
a.largelink:hover {
	text-decoration:underline;
	}

.newsdate {
	font-size:10px;
	font-style:italic;
	}

.bold {
	font-weight:bold;
	}
	
.italic {
	font-style:italic;
	}
	
.underline {
	text-decoration:underline;
	}
	
.allcaps {
	text-transform:uppercase;
	}
	
.small {
	color:#b3b3b3;
	font-size:10px;
	}
	
/*misc elements	*/

hr {
	height:1px;
	border:0;
	background:#C4DEEC;
	}
	
.memberslist td {
	border-bottom:1px solid #255B79;
	}
	
.memberslist .temp {
	border-right:1px solid #255B79;
	}
	
.memberslist .templeft {
	border-left:1px solid #255B79;
	}
	
.sitemap ul {
	margin-left:20px;
}

/*class for clearing floats*/

.clear {
	clear:both;
	height:0;
	margin:0;
	padding:0;
	overflow: hidden;
	}
	
/* Loop Fade Homepage
 *********************/

#hp-fade {
    float: left;
    width: 650px;
	_width:630px;
    height: 292px;
    position: relative;
}

#b1, #b2, #b3, #b4, #b5 {
    position: absolute;
    float: left;
}

div.navi {
	float:left;
	position:relative;
	top:-40px;
	left:480px;
	height:22px;
	width:122px;
}

.f {
	width:22px;
	height:22px;
	display:block;
	cursor:pointer;
	float:left;
	margin:0 1px;
}

.f:hover {
    background-position:-24px 0;
}

.f-active {
	width:22px;
	height:22px;
    background:url('/media/img/rotatebut1.png') no-repeat 1px 0;
    display:block;
	cursor:pointer;
	float:left;
	background-position:-15px 0;   
}

#f1 {
	width:22px;
	height:22px;
    background-image:url('/media/img/rotatebut1.png'); 
	background-repeat:no-repeat;
	display:block;
	cursor:pointer;
	float:left;
	margin:0 1px;
}

#f2 {
	width:22px;
	height:22px;
    background-image:url('/media/img/rotatebut2.png'); 
	background-repeat:no-repeat;
	display:block;
	cursor:pointer;
	float:left;
	margin:0 1px;
}

#f3 {
	width:22px;
	height:22px;
    background-image:url('/media/img/rotatebut3.png'); 
	background-repeat:no-repeat;
	display:block;
	cursor:pointer;
	float:left;
	margin:0 1px;
}

#f4 {
	width:22px;
	height:22px;
    background-image:url('/media/img/rotatebut4.png'); 
	background-repeat:no-repeat;
	display:block;
	cursor:pointer;
	float:left;
	margin:0 1px;
}

#f5 {
	width:22px;
	height:22px;
    background-image:url('/media/img/rotatebut5.png'); 
	background-repeat:no-repeat;
	display:block;
	cursor:pointer;
	float:left;
	margin:0 1px;
}

 .f-active1 {
	width:22px;
	height:22px;
    background-image:url('/media/img/rotatebut1.png');
	background-position:no-repeat;
    display:block;
	cursor:pointer;
	float:left;
	background-position:-24px 0;  
}

 .f-active2 {
	width:22px;
	height:22px;
    background-image:url('/media/img/rotatebut2.png'); 
	background-repeat:no-repeat;
    display:block;
	cursor:pointer;
	float:left;
	background-position:-24px 0;   
}

 .f-active3 {
	width:22px;
	height:22px;
    background-image:url('/media/img/rotatebut3.png'); 
	background-repeat:no-repeat;
    display:block;
	cursor:pointer;
	float:left;
	background-position:-24px 0;  
}

 .f-active4 {
	width:22px;
	height:22px;
    background-image:url('/media/img/rotatebut4.png'); 
	background-repeat:no-repeat;
    display:block;
	cursor:pointer;
	float:left;
	background-position:-24px 0;  
}
	
 .f-active5 {
	width:22px;
	height:22px;
    background-image:url('/media/img/rotatebut5.png'); 
	background-repeat:no-repeat;
    display:block;
	cursor:pointer;
	float:left;
	background-position:-24px 0;  
}
#search #results a {
	color:#5da7ce;
}

.pagination{display:block;list-style:none;margin:0;padding:0}
.pagination li{border-right:1px solid #fff;display:inline;float:left;line-height:12px;padding:0 1px}
.pagination li span.pagesTitle{color:#91BFD9;display:block;float:left;font-size:16px;font-weight:bolder;padding:4px 0}
.pagination li a{background-color:#fff;border:1px solid #91BFD9;color:#91BFD9;display:block;float:left;padding:4px 8px;text-align:center;text-decoration:none}
.pagination li a.active{background:#91BFD9;color:#fff}

/* Forms */
fieldset {clear: both;}
legend {padding: 0 0 1.286em; }
fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;}
* html legend {margin-left: -7px;} /* ie6 */
*+html legend {margin-left: -7px;} /* ie7 */

/* Vertical layout */
form .field, form .buttons {clear: both; margin: 0 0 1.5em; }
form .field label {display: block;}

form ul.fields {margin: 0 0 1.5em; padding: 0;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {vertical-align: top;}
label, button, input.submit, input.image {cursor: pointer;}
* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea {overflow: auto;}
input.text, input.password, textarea, select {margin: 0; vertical-align: baseline;}
input.text, input.password, textarea {border: 1px solid #abd9fa; padding: 5px;background:#eff7fc}

/* horizontal layout */
form .field {padding-left: 150px;}
form .field label {display: inline; float: left; width: 140px; margin-left: -150px;}

/* Layout */
#wrap {
	font-size:1.2em;
	width:960px;
	margin:0 auto;
}

#body {
	margin:15px 0;
	padding:15px;
}

#header {
	text-align:center;
}

#topnav li {
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
	float:left;
	position:relative;
}

#topnav li a {
	padding:5px 10px;
	display:block;
	text-transform:uppercase;
	font-size:1.5em;
}

#topnav li a:hover {
	background:#f0f;
}

#topnav li ul {
	width:200px;
	position:absolute;
	left:0;
	font-size:0.6em;
	background:#fff;
	visibility:hidden;
	border:1px solid #000;
	border-bottom:0;
	z-index:100;
}

#topnav li:hover ul {
	visibility:visible;
}

#topnav li ul li {
	width:200px;
	border-bottom:1px solid #000;
}

/* Type */
ul, ol {
	padding:0;
	margin:0;
}

.clearfix{height:1%}
.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}
.poll_result {
	font-size:14px;
	display:block;
}

.poll_bar {
	display:block;
	padding:10px 0;
	text-indent:10px;
	background:#92c45a;
	margin:10px 0;
}
.episode_date, .episode_info {
	display:none;
}
.episode_imgdesc {
	list-style:none;
}

.onecolGal {
	padding:0px 27px;
	width:906px;
}

#member_list {list-style:none;margin:0;padding:0;}
#member_list li {float:left;display:inline;width:33%;}

/* Photo Gallery  */
#OHphotoGallery {margin-top:10px;width:906px;}


#OHphotoGallery .left-col{padding:0;width:613px;float:left;position:relative;}
#OHphotoGallery .right-col{padding:0;margin-left:10px;width:236px;float:right;position:relative;}
#OHphotoGallery a:hover{text-decoration:none;cursor:pointer}
#OHphotoGallery .galleryHeader{background:#5BA5CC;color:#fff;display:block;font-weight:bolder;padding:5px 6px;text-transform:uppercase;width:auto}
#OHphotoGallery .galleryHeader a{color:#fff;font-weight:bolder;text-decoration:none}
#OHphotoGallery #photoViewer{float:left;padding:5px 0;position:relative}
#OHphotoGallery #photoViewer .img{display:table-cell;font-size:18px;height:620px;text-align:center;vertical-align:middle;width:620px}
#OHphotoGallery #photoViewer img{margin:0 auto}
#OHphotoGallery #photoViewer .desc{color:#316D2E;display:block;font-size:16px;font-weight:bolder}
#OHphotoGallery ul#galleryphotos{background:#93C3DA;float:left;height:auto;list-style:none;margin:0;padding:0px;width:236px}
#OHphotoGallery ul#galleryphotos li{display:inline;float:left;margin:3px;position:relative}
#OHphotoGallery ul#galleryphotos li a img{width:68px;border:2px solid #93C3DA}
#OHphotoGallery ul#galleryphotos li a b{display:inline-block;float:left;height:68px;left:0;position:absolute;top:0;width:68px}
#OHphotoGallery ul#galleryphotos li.active a b{border:2px solid #ffffff}
#OHphotoGallery ul#gallerypages{display:block;list-style:none;margin:0;padding:0}
#OHphotoGallery ul#gallerypages li{border-right:1px solid #fff;display:inline;float:left;line-height:12px;padding:0 1px}
#OHphotoGallery ul#gallerypages li span.pagesTitle{color:#91BFD9;display:block;float:left;font-size:16px;font-weight:bolder;padding:4px 0}
#OHphotoGallery ul#gallerypages li a{background-color:#fff;border:1px solid #91BFD9;color:#91BFD9;display:block;float:left;padding:4px 8px;text-align:center;text-decoration:none}
#OHphotoGallery ul#gallerypages li a.active{background:#fff;color:#fff}
#OHphotoGallery .prevPage,.nextPage{background:#5BA5CC;color:#fff;display:block;float:left;margin:1px 1px 1px 0;padding:7px 0;text-align:center;text-decoration:none;width:117px}
#OHphotoGallery .prevImage{float:left;text-decoration:none}
#OHphotoGallery .nextImage{float:right;text-decoration:none}
/* Photo Gallery Pagination */
#pagination{display:block;list-style:none;margin:0;padding:0}
#pagination li{border-right:1px solid #fff;display:inline;float:left;line-height:12px;padding:0 1px}
#pagination li span.pagesTitle{color:#91BFD9;display:block;float:left;font-size:16px;font-weight:bolder;padding:4px 0}
#pagination li a{background-color:#fff;border:1px solid #91BFD9;color:#91BFD9;display:block;float:left;padding:4px 8px;text-align:center;text-decoration:none}
#pagination li a.active{background:#91BFD9;color:#fff}