/*================================================
1.1 Reset the styles.
================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
a:focus {outline:0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
textarea {overflow:auto}
button {cursor:pointer}
input[type="checkbox"],
input[type="radio"],
input.radio,
input.checkbox {
	vertical-align:text-top;
	width:13px;
	height:13px;
	padding:0;
	margin:0;
	position:relative;
	overflow:hidden;
	top:2px;
}
a {text-decoration:none}
a:hover {text-decoration:underline}

/*================================================
1.2 General layout
================================================*/

fieldset { margin: 0px; padding: 0px; border: none; }

p { padding:0 0 10px; }

/* Clearfix */
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0 }

.clearfix { display: inline-block; }

.clear { clear: both; }

.alignLeft, .floatLeft { float: left; clear: none!important; }

.alignRight, .floatRight { float: right; }

button { border: 0px; cursor: pointer; }

a, a:link, a:visited { color: #AAAAAA;}

a:hover, a:visited:hover { color: #AAAAAA; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { color: #646464; font-family:Calibri, serif;margin: 0 0 10px; }

h1 {font-size:22px;}

h2 {font-size:18px;}

h3 {font-size:14px;}

h4 {font-size:12px;}

h5 {font-size:10px;}

ul, ol {
	margin: 0 0 10px 30px;
}

/*================================================
1.2.1 General layout - Body
================================================*/

body {
	background:#fff;
	font-family:Trebuchet MS, arial, serif;
	font-size:12px;
	color:#838383;
	line-height:15px;
}

/*================================================
1.3 Main Declarations - Wrapper
================================================*/

#wrapper {
	width:1200px;
	margin:0 auto;
	z-index: 1;
}

/*================================================
1.3.1 Main Declarations - Header
================================================*/

#header {
	min-height:233px;
}
#header div#header-slide {
	position: relative;
	width: 100%;
	height: 203px;
	z-index: 0;
}
#header div#header-slide div {
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 15;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 203px;
	background-repeat: no-repeat;
	background-position: top center;
}
#header #logo {
	position: relative;
	float: left;
	width:300px;
	margin-top: -203px;
	z-index: 2;
}

#header #logo img {
    margin: 0 0 0 108px;
    width: 271px; height: 203px;
}

#header .help {
	position: relative;
	float: right;
	margin-top: -203px;
	padding:17px 120px 0 0;
	font-family:calibri, serif;
	z-index: 2;
}

#header .help ul {
	list-style:none;
}

#header .help ul li a {
	color:#fff;
	font-weight:bold;
	font-size:14px;
}

/*================================================
1.3.2 Main Declarations - Content
================================================*/

#content {
	width:960px;
	margin:0 auto;
}
/* News */
#content .news-content {
}
#content .news-content .heading {
	padding:39px 0 0;
}
#content .news-content .heading h3, #content .bottomBar .upcoming-events .heading h3, #content .bottomBar .latest-media .heading h3, #content .bottomBar .new-members .heading h3 {
	color:#646464;
	font-size:15px;
	font-weight:bold;
	float:left;
}
#content .news-content .heading a.view-all, #content .bottomBar .upcoming-events .heading a.view-all, #content .bottomBar .latest-media .heading a.view-all, #content .bottomBar .new-members .heading a.view-all {
	float:right;
	color:#959595;
	text-decoration:underline;
	font-size:12px;
}
#content .news-content .heading a.view-all:hover, #content .bottomBar .upcoming-events .heading a.view-all:hover, #content .bottomBar .latest-media .heading a.view-all:hover, #content .bottomBar .new-members .heading a.view-all:hover {
	text-decoration:none;
}
#content .news-content .news-wrapper {
	clear:both;
	overflow:hidden;
	margin-top:8px;
}

div.subHeader div.leftNav {
	float: left;
	width: 150px;
	border-right: #DBDBDB solid 1px;
	min-height: 620px;

}
div.subHeader div.innerContent {
	margin: 20px 0px 0px 170px;
}

/* Left Nav Menu */
div.leftNav {
	position: relative;
}

div.leftNav ul {
	margin-top: -20px;
}

ul.leftNav, ul.leftNav li {
	list-style: none;
	padding: 0px; margin: 0px;
}

div.leftNav li a {
	position: relative;
	display: block;
	color: #838383;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
	margin-bottom: 6px;
}

div.leftNav li.level0 a {
	font-weight: bold;
	font-size: 16px;
	color: #002d61;
	margin-top: 28px;
	margin-bottom: 8px;
}

div.leftNav a#CMS_add_menuItem {
	display: block;
	position: relative;
	margin-top: 32px;
	border: #000 solid 1px;
	background-color: #EEE;
	padding: 16px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #000;
}
div.video-placeholder iframe
{
  height: 230px;
}

/* BottomBar */
#content .bottomBar {
	overflow:hidden;
	padding:38px 0 0;
}
#content .bottomBar .upcoming-events {
	width:295px;
	float:left;
	margin-right:31px;
}
#content .bottomBar .upcoming-events .event {
	margin:0 0 7px;
}
#content .bottomBar .upcoming-events .event h2 {
	font-size:14px;
	font-weight:bold;
	color:#838383;
	margin:0;
	padding:5px 0;
}
#content .bottomBar .upcoming-events .event span {
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	color:#838383;
}
#content .bottomBar .upcoming-events .event p {
	padding:4px 0 0 0;
}
#content .bottomBar .upcoming-events .event a {
	font-size:10px;
	color:#aaaaaa;
	margin:2px 0 0 0;
	text-decoration:underline;
	float:left;
	display:block;
}
#content .bottomBar .upcoming-events .event a:hover {
	text-decoration:none;
}
#content .bottomBar .latest-media {
	width:305px;
	float:left;
	margin-right:25px;
}
#content .bottomBar .new-members {
	width:304px;
	float:left;
}
#content .bottomBar .new-members ul {
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	overflow:hidden;
	clear:both;
	height:auto;
	width:304px;
}
#content .bottomBar .new-members ul li {
	display:block;
	width:68px;
	margin:0 0 0 10px;
	padding:0px;
	float:left;
}
#content .bottomBar .new-members ul li:first-child {
	margin:0;
}
#content .bottomBar .new-members span.name {
	display:block;
	font-size:11px;
	line-height:11px;
	text-align:center;
	letter-spacing:0;
	color:#5a5a5a;
	padding:2px 0;
}
/* Information */

#content .info {
	overflow:hidden;
	margin-top:24px;
	border-top:1px solid #cfcfcf;
}
#content .info div {
	float:left;
	margin:0 20px 0 0;
	padding-top:21px;
}

#content .info ul {
	list-style:none;
	margin:0;
}

#content .info ul li a {
	color:#838383;
}

#content .info h3 {
	font-size:15px;
	font-weight:bold;
	color:#646464;
	font-family:Calibri, serif;
	margin:0 0 10px;
}

#content .info .features {
	width:185px;
}

#content .info .committees {
	width:172px;
}

#content .info .links {
	width:368px;
}

#content .info .links ul {
	float:left;
	margin:0 35px 0 0;
}

#content .info .links ul:last-child {
	margin:0;
}

#content .info .links ul.last {
	margin:0;
}

#content .info .contact-us a{
	color:#838383;
}


/*================================================
1.3.3 Main Declarations - Footer
================================================*/


#footer {
	background:#f1f1f1;
	margin:25px 0 0 0;
}

#footer .inner {
	width:960px;
	margin:0 auto;
	padding:10px 0 40px;
}

#footer .inner ul {
	list-style:none;
	margin:0;
}

#footer .inner ul li {
	display:inline;
}

#footer .inner ul li a {
	text-transform:uppercase;
	font-size:10px;
	color:#595959;
	font-family:Calibri, serif;
	font-weight:bold;
	padding:0 0 0 10px;
}

#footer .inner ul li:first-child a {
	padding:0;
}

#footer .inner .left {
    float: left;
    margin: 0 10px 0 0;
    width: 650px;
}

#footer .inner .right {
	width:300px;
    height: 40px;
	float:left;
}

#footer .inner .right a {
	display:block;
	float:left;
	width:33px;
	margin:0 5px 0 0;
	height:32px;
	background:url(../images/viral-sprite.jpg) no-repeat left top;
}

#footer .inner .right a.facebook {
    background-position: left top;
}
#footer .inner .right a.facebook:hover {
    background-position: right top;
}

#footer .inner .right a.twitter {
    background-position: left -38px;
	width:34px;
}

/* Don't show any text context in .right a links */
#footer .inner .right a {
    color: transparent;
}

#footer .inner .right a.twitter:hover {
    background-position: right -38px;
}

#footer .inner .right a.linked {
    background-position: left -78px;
    width: 34px;
}

#footer .inner .right a.linked:hover {
	background-position: right -78px;
}

#footer .inner .right a.rss {
    background-position: left -115px;
    height: 33px;
    width: 34px;
}

#footer .inner .right a.rss:hover {
    background-position: right -115px;
}

#footer .inner .right span {
	display:block;
	float:left;
	text-transform:uppercase;
	color:#595959;
	font-size:9px;
	font-family:Calibri, serif;
	font-weight:bold;
	margin:0 5px 0 0;
}

#footer .inner .right .powered-by a {
    background: url("../images/powered-by.jpg") no-repeat scroll left top transparent;
    display: block;
    height: 36px;
    margin: 0 0 0 20px;
    text-indent: -99999px;
    width: 63px;
}

#footer p.copy {
	color:#5b5b5b;
	font-family:Calibri, serif;
	font-size:9px;
	font-weight:bold;
}

div.news-content {
	position: relative;
	/* float: left auto-clear */
	overflow: auto;
	border: #FFF solid 1px;
}

div.news-item {
	position: relative;
	width: 466px; height: 98px;
}

div.news-item-left {
	margin-right: 12px;
}

div.news-item-right {
	position: absolute;
	margin-top: -98px;
	right: 0px;
}

div.news-item img.news-thumb {
	position: absolute;
	left: 0px; top: 0px;
}

div.news-item h1.news-area-title {
	margin: 0px; padding: 0px;
	font-weight: bold;
	font-size: 14px;
	margin-left: 144px;
}

div.news-item p.news-story {
	margin-left: 144px;
	font-size: 12px;
	color: #838383;
}

div.news-item p.date {
	position: absolute;
	left: 144px; bottom: 4px;
	color: #aaaaaa;
}

div.news-item p.more {
	position: absolute;
	right: 16px; bottom: 4px;
}

div.news-item p.more a {
	text-decoration: underline;
}