/* - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : 
URL : 

Description : 

Created : 
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */
@import url('reboot.css');
*{
}	
html{
}	
body{
	color: #333;
	background: #fff;
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	line-height: 1.4em;
}

/* ----- IDS ----- */
#header{
	height: 50px;
	position: relative;
	margin: 0 auto;
	width: 992px;
	z-index: 500;
}
#header h1{
	float: left;
	padding: 10px 0 0 0;
	vertical-align: middle;
}
#header ul{
	float: right;
	height: 30px;
	list-style-type: none;
	margin-top: 40px;
}
#header li{
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	padding-right: 20px;
	vertical-align: middle;
}
#header li.last{
	border-left: 1px solid #ff9b01;
	line-height: 18px;
	height: 18px;
	padding-bottom: 3px;
	padding-left: 20px;
	margin-top: 9px;
    overflow: hidden;
}
#header li.login{
    overflow: hidden;
}
#header li.last a img{
    margin-top: -5px;
}
#header li img{
	padding-top: 4px;
}
#header li a,#header li a:link, #header li a:visited{
	color: #ff9b01;
	font-weight: bold;
	text-decoration: none;
}
#header li a:hover{
	text-decoration: underline;
}
#superficial{
	background: url(../images/bg_nav_gradient.gif) left -5px repeat-x;
	position: relative;
	width: 100%;
	z-index: 300;
}
#navigation{
	background: url(../images/nav_bg.png) 19px 37px no-repeat;
	margin: 0 auto;
	width: 992px;
}	
#navigation ul{
	background: url(../images/navbg_left.png) 0 37px no-repeat;
	height: 67px;
	list-style-type: none;
	padding-top: 37px;
}
#navigation ul li.first{
	margin-left: 19px;
}
#navigation ul li{
	background: url(../images/navbg_tile.png) 19px 0px repeat-x;
	border-right: 1px solid #fff;
	display: block;
	float: left;
	height: 42px;
	line-height: 42px;
	margin: 0;
}
#navigation ul li.first a{
	padding: 0 25px 0 7px;
}
#navigation ul li a{
	padding: 0 25px;
}
#navigation ul li.search{
	background: url(../images/navbg_right.png) top right no-repeat;
	border-right: 0px solid #fff;
	float: right;
	height: 42px;
	line-height: 42px;
	padding: 10px 20px 0 0;
}
#navigation ul li.search input{
	float: left;
}
#navigation ul li.search a, #navigation ul li.search input[type='image']{
	display: block;
	float: right;
	padding: 0px 0 0 15px;
}

#container{
	background-color: #0096cb;
	color: #fff;
	margin: 0 auto;
	width: 937px;
}
#sub-container{
	background-color: #fff;
	color: #333;
}	
#primary-content{
	float: left;
	/* Beth addition: */ padding: 0 25px;
	width: 650px;
}	
#secondary-content{
	border-left: 1px solid #8da5a3;
	float: right;
	padding: 0 0 40px 15px;
	/* Beth alteration: width: 255px; */ width: 200px;
}
.home #primary-content{
	float: none;
	padding: 0;
	width: auto;
}
	#drop, #photo-of-the-week, #news-events{
		float: left;
		padding-right: 30px;
	}
	#news-events{
		padding: 0;
	}
	#drop{
		width: 391px;
	}
	#drop .thumb{
		float: left;
		vertical-align: middle;
	}
	#drop h3{
		color: #004b91;
		font: 14px Tahoma, Verdana, Arial, sans-serif bold;
		padding-top: 20px;
	}
	#drop h3 span{
		color: #8da5a3;
		display: block;
		font-weight: bold;
		font-family: Georgia, serif;
		font-size: 12px;
		padding: 3px;
	}
	#drop #comments{	
		color: #F89A31;	
		font-weight: bold;
		font-size: 11px;
		float: left;
		padding: 10px 45px 0 0;
		text-decoration: none;
		text-transform:uppercase;
	}
	#drop #comments a, #drop #comments a:link, #drop #comments a:visited{
		color: #F89A31;	
		font-weight: bold;
		text-decoration: none;
	}
	#drop #comments a:hover{
		text-decoration: underline;
	}
	#drop #comments span{
		background: transparent url(../images/icn_comments.gif) top left no-repeat;
		color: #fff;
		display: block;
		font-weight: bold;
		font-size: 11px;
		float: left;
		height: 22px;
		margin: -2px 7px 0 0;
		padding: 1px 0 0 0;
		text-align: center;
		width: 23px;
	}
	#drop a#more, #drop a#more:link, #drop a#more:visited{
		background: url(../images/icn_orngarrow.gif) left top no-repeat;
		color: #F89A31;	
		display: block;
		float: left;
		font-weight: bold;
		font-size: 11px;
		height: 23px;
		margin-top: 8px;
		padding: 3px 0 5px 29px;
		text-decoration: none;
		text-transform:uppercase;
	}
	#drop a#more:hover{
		text-decoration: underline;
	}
	#photo-of-the-week{
		background: url(../images/photos_bg.gif) top left no-repeat; 
		height: 250px;
		width: 220px;
		text-align: center;
	}
	/* for when logged in */
	#photo-of-the-week .EktronEditorsMenuMarker{
	    position: absolute;
	}
		#photo-of-the-week img{
			border: 1px solid #016194;
			height: 175px;
			width: 175px;
		}
		#photo-of-the-week a{
			color: #fff;
			display: block;
			font-weight: bold;
			padding: 10px 30px 0 0;
			text-decoration: none;
			text-transform: uppercase;
			text-align: right;
		}
		#photo-of-the-week a:hover span{
			text-decoration: underline;
		}
		#photo-of-the-week a img{
			border: 0;
			height: auto;
			vertical-align: middle;
			width: auto;
		}
	#news-events{
		width: 259px;
	}
	#news{
		background: #c9cb46;
		border: 3px solid #92A8A5;
		height: 220px;
		width: 255px;
	}
	    #news h2 a, #news h2  a:link, #news h2  a:visited{
		color: #fff;
		}
		#news .upcoming{
			background-color: #fff;
			height: 189px;
			overflow-y: hidden;
			overflow-x: hidden;
		}
		#news .upcoming .item{
			clear: both;
			margin: 5px;
		}
		#news .upcoming .item.alt{
			background-color: #f3f3f3;
		}
		#news .upcoming .item .date{
			color: #8da5a3;
			display: block;
			font-weight: bold;
			font-family: Georgia, serif;
			font-size: 11px;
			float: left;
			padding: 10px 7px;
			text-transform: uppercase;
			width: 22%;
		}	
		#news .upcoming .item .article{
			display: block;
			float: left;
			padding: 10px 7px;
			width: 60%;
		}
		#news .upcoming .item a, #news .upcoming .item a:link, #news .upcoming .item a:visited{
		    color: #333;
		    font-weight: normal;    
		}
		
	#events{
		background: url(../images/connect/roundedbottomv2.gif) 7px 0 no-repeat #fff;
		height: 23px;
		margin-top: 0px;
	}
	#events a, #events a:link, #events a:visited{
		background-color: #c9cb46;
		color: #fff;
		display: block;
		font-weight: bold;
		font-size: 14px;
		margin: 0px 0 0 20px;
		padding: 0px 0 0 15px;
		line-height: 20px;
		text-decoration: none;
		width: 150px;
	}
	#events a:hover{
		text-decoration: none;
	}
	#events .date{
		background:transparent url(../images/icn_calendar.gif) no-repeat scroll 20px 5px;
		color: #9EAC55;
		float:left;
		font-size:12px;
		font-family: Tahoma, Arial, Helvetica, san-serif;
		font-weight: bold;
		height:50px;
		line-height:100%;
		padding:4px 0px 0 13px;
		text-align:center;
		width:45px;	
	}
	#events .date span {
		color:#fff;
		display:block;
		font-family:Georgia,serif;
		font-size:8px;
		font-weight: bold;
		line-height:normal;
		padding:4px 0 2px 1px;
		text-align:center;
		text-transform: uppercase;
	}	
.home #secondary-content{
	background: url(../images/dashed_tile.gif) top left repeat-x;
	border: 0;
	clear: both;
	float: none;
	margin: 15px 0;
	padding: 15px 0 0 0;
	width: auto;
}
	.home #secondary-content .bucket{
		border-right: 2px solid #E6E6E6;
		float: left;
		margin: 0 40px 0 0;
		width: 272px; /* 312 - 40 */
	}
	.home #secondary-content .bucket.last{
		border: 0;
		margin: 0;
	}
	.home #secondary-content .bucket ul{
		list-style-type: none;
		margin-left: 5px;
	}
	.home #secondary-content .bucket ul li{
		background: url(../images/icn_bullet.gif) left 4px no-repeat;
		padding: 0 0 0 20px;
	}
	.home .bucket a, .home .bucket a:link, .home .bucket a:visited{
		color: #666;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
	}
	.home .bucket a:hover{
		text-decoration: underline;
	}
	
.breadcrumb{
    padding-bottom: 10px;
}	
#footer{
	background: url(../images/bg_wave.jpg) left 0px no-repeat #0096cb;
	color: #fff;
	clear: both;
	padding: 135px 0 30px 0;
	text-align: center;
}
#footer a, #footer a:link,#footer a:visited{
	background: #0096cb;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
#footer ul{
	list-style-type: none;	
	padding-left: 25px;
}
#footer ul li{
	border-right: 1px solid #fff;
	float: left;
	margin: 10px 10px 10px 4px;
	padding-right: 14px;
}
#footer ul li.last{
	border: 0;
}
#footer p{
	line-height: 2.0em;
}
#footer p.first{
	padding-top: 15px;
}
/* ----- CLASSES ----- */

.hide{
}
.show{
}
.blockgroup:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.a508{
	/* visibility: hidden; */
height: 0; left: -9999em;  line-height: 0; position: absolute; text-indent: -9999em;	
}

.tabs-container td{
    padding: 5px;
}
#primary-content ul.tabs-nav{margin:8px 8px 0 19px;} 
#ctl00_Container_Membership1{
    width: 600px;
}
/* ----- HEADINGS ----- */

h1{
}
#primary-content h2{
	color: #01a6ee;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 26px;
	line-height: .8em;
	margin: 1px 0 7px;
}
#secondary-content h2{
	color: #004b91;
	font-weight: bold;
	font-size: 14px;
	margin: 1px 0 4px;
}
#photo-of-the-week h2{
	color: #fff;
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 4px 0 0 0;
	text-align: center;
}
#news h2{
	color: #fff;
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-weight: bold;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 10px;
	text-align: center;
}
#news h2 img{
	padding-left: 3px;
	vertical-align: -10px;
}
#primary-content h3{
	color: #004b91;
	font-weight: bold;
	font-size: 14px;
	margin: 1px 0 4px;
}
#primary-content h4{
	color: #8da5a3;
	font-weight: bold;
	font-size: 12px;
	margin: 1px 0 3px;
}

h4{
}

/* ----- PARAGRAPHS ----- */

p{
}
#sub-container p{
	padding: 10px 0;
}
#primary-content p{
}
#secondary-content p{
}

/* ----- QUOTES ----- */

blockquote{
}
blockquote p{
}
cite{
}
blockquote cite{
}

/* ----- CODE ----- */

pre{
}
code{
}
p code{
}
pre code{
}

/* ----- LISTS ----- */

li{
}
li p{
}
ol{
}
#primary-content ul, #primary-content ol{
    margin: 8px 8px 8px 19px;
}
ul#content-listsummary{
    margin-top: 10px;
}
ul#content-listsummary p{
    padding: 0 0 10px 0;
}
ol li{
}
ul li{
}

#navigation li{
}

#navigation ul{
}

#navigation ul li{
}

#navigation ol{
}

#navigation ol li{
}
#secondary-content ul.nav{
	list-style-type: none;
	margin-left: 5px;
}
#secondary-content ul.nav li{
	background: url(../images/icn_bullet.gif) left 4px no-repeat;
	padding: 0 0 0 20px;
}
ul.bullets{
	list-style-type: none;
	margin-left: 5px;
}
ul.bullets li{
	background: url(../images/icn_bullet.gif) left 4px no-repeat;
	padding: 0 0 0 20px;
}

#sub-container .article ul p{
    padding: 2px 0;
}
/* ----- IMAGES ----- */

img{
}
.article img{
    padding: 0 7px;
}
a img{
}
a:hover img{
}

/* ----- BREAK ----- */

hr{
    border: 2px solid #E6E6E6;
    outline: none; 
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */

a,a:link,a:visited{
    color: #ff9b01;
    font-weight: bold;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
a:active{
}
a:focus{
}
#navigation a,#navigation a:link, #navigation a:visited{
	color: #eee;
	font-weight: bold;
	text-decoration: none;
}
#navigation a:hover{
	text-decoration: underline;
}
#secondary-content ul.nav a, #secondary-content ul.nav a:link, #secondary-content ul.nav a:visited{
	color: #666;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#secondary-content ul.nav a:hover{
	text-decoration: underline;
}
p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}

/* ----- TABLES ----- */

table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr.alt{
}
th{
}
td{
    padding: 5px;
}
#primary-content td h3{
    margin: 0;
}
#primary-content td ol{
    margin: 0;
}
/* ----- FORMS ----- */

form{
}
fieldset{
}
legend{
}
label{
}
input{
}
textarea{
}
input, textarea{
}
select{
}
optgroup{
}
option{
}

/* ----- DEFINITIONS ----- */

dl{
}
dt{
}
dd{
}