@charset "utf-8";
*{
	font-size:12px;
	font-family:Tahoma, Arial;
	margin:0;
	padding:0;
	list-style:none
}

body.body{
	background:#fff url(/images/bgBody.gif) repeat-x top;
	color:#333
}

body {
	background:#fff;
	color:#333
}

p, 
address{
	margin:0 0 16px
}
blockquote{
	margin:0 0 16px 20px
}
q{
	display:block;
	margin:6px 0
}

cite{
	display:block;
	margin:6px 0
}

div:after{/* For Gecko Browsers which like to completely break float elements out of the parent's layout */
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

img{
	border:0
}

a{
	color:#039;
	font-weight:bold;
	text-decoration:none
}
a:hover{
	text-decoration:underline
}
ul, ol, dl {
	position: relative;  
}

.small{
	font-size:11px;
}

/* BEGIN: Headings ================== */
h1{
	font:normal 19px "trebuchet ms";
	color:#694800
}

h2{
	font-family:Arial Narrow;
	font-size:26px;
	font-weight:normal;
	color:#900;
	margin:0 0 15px;
}
h2 strong{
	font:bold 26px Arial
}

h3{
	font:bold 14px Tahoma, Sans-Serif;
	margin:0 0 8px;
}
.board h3{
	margin:0 0 15px;
	padding:0 0 5px 5px;
	background:url(images/dotted-grey.gif) repeat-x bottom
}

h4{
	font:bold 12px/18px Tahoma;
	color:#039;
	margin:0 0 8px
}
#rightColumn h4{
	margin:0;
	line-height:30px;
	color:#fff
}

h5{
	font-size:12px
}

h6{
	font-size:11px
}
/* END: Headings ================== */


/* BEGIN: Forms ================== */
fieldset{
	padding:10px;
	margin:20px 0
}

legend{
	padding:0 10px;
	font-weight:bold
}
option{
	padding:0 3px
}

input, textarea{
	padding:1px 2px
}
/* END: Forms ================== */


/* BEGIN: Tables ================== */

th{
	background:#333;
	color:#fff;
	padding:3px 6px
}

td{
	padding:3px 6px
}

.even{
	background:#ffc
}
/* END: Tables ==================== */

/* BEGIN: Structure =============== */
/* -------------------------------- */
/* ---- Main content container ---- */
#main{
	width:975px;
	margin:auto;
	padding:31px 5px 0 4px;
	background:#fff url(images/bgMain.gif) no-repeat top left;
}
/* ---- Header Content Styles ----- */
#header{
	width:1000px;
	height:112px;
	margin:auto;
	position:relative;
}
#logoScreen{
	width:187px;
	height:218px;
	background:url(images/logoScreen.gif) no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:21px;
	z-index:10
}
#logoScreen a{
	display:block;
	width:187px;
	height:218px;
	outline:none
}
#topDate{
	margin:0 18px 0 0;
	font:normal 11px Verdana;
	text-align:right;
	line-height:26px;
	color:#fff
}

/* Main Navigation */
#nav{
	float:left;
	display:inline;
	width:784px;
	height:86px;
	margin:0 0 0 208px;
}
#nav ul{
	float:right;
	/*width:529px;*/
}
#nav ul li{
	display:inline;
	float:left;
	height:86px
}
#nav ul li a{
	display:block;
	float:left;
	height:86px;
	text-indent:-9999px;
	outline:none
}
#nav ul li a:hover{ background-position:0 -86px !important }
#navHome{ width:54px; background:url(images/navHome.gif) no-repeat top left }
#navAbout{ width:100px; background:url(images/navAbout.gif) no-repeat top left }
#navJoin{ width:105px; background:url(images/navJoin.gif) no-repeat top left }
#navFaq{ width:42px; background:url(images/navFaq.gif) no-repeat top left }
#navBoard{ width:139px; background:url(images/navBoard.gif) no-repeat top left }
#navPartners{ width:138px; background:url(images/navPartners.gif) no-repeat top left }
#navNews{ width:83px; background:url(images/navNewsroom.gif) no-repeat top left }
#navApplications{ width:56px; background:url(images/navApplications.gif) no-repeat top left }

/* ---- Content Styles ----- */
#content{
	float:left;
	display:inline;
	width:818px;
	padding:75px 0 0;
	background: url(images/bgContent.gif) repeat-x top;
}

#content.admin{
	float:left;
	display:inline;
	width:975px;
	padding:75px 0 0;
	background: url(images/bgContent.gif) repeat-x top;
}

/* Home Page Content */
#divSplash{
	height:250px;
}
#hdrHomeSplash{
	float:left;
	display:inline;
	width:386px;
	height:64px;
	margin:0 0 11px 32px;
	background:url(images/hdrHomeSplash.gif) no-repeat;
	text-indent:-9999px
}
#imgSplashPhoto{
	float:right;
	margin:0 5px 0 0
}
#divSplash p{
	width:386px;
	font:normal 12px/20px Tahoma;
	margin:0 0 12px 32px
}
#btnReadMore{
	display:block;
	width:130px;
	height:33px;
	margin:0 0 0 32px;
	background:url(images/btnReadMore.gif) no-repeat top left;
	text-indent:-9999px;
	outline:none
}
#btnReadMore:hover{
	background-position:0 -33px
}
#divAdvantages{
	float:left;
	display:inline;
	width:813px;
	margin:0 0 0 5px;
	padding:23px 0 0;
	background:url(images/bgAdvantagesTop.gif) no-repeat top left
}
#divAdvantages h3{
	float:left;
	display:inline;
	width:179px;
	height:22px;
	margin:0 0 11px 27px !important;
	background:url(images/hdrMemberAdvantages.gif) no-repeat top left;
	text-indent:-9999px
}
#divAdvantages div{
	float:left;
	display:inline;
	width:721px;
	padding:30px 40px 20px 54px;
	background:url(images/bgAdvantagesContent.gif) no-repeat top left
}
#divAdvantages div p{
	float:left;
	display:inline;
	width:373px;
	line-height:24px
}

#advantagesList{
	float:left;
	display:inline;
	width:291px !important;
	margin:0 0 0 46px;
	padding:4px !important;
	border:1px solid #ccc;
	background:0 !important
}
#advantagesList ul{
	padding:17px 0 14px 14px;
	background:url(images/bgAdvantages.gif) repeat-x top;
}
#advantagesList ul li{
	line-height:18px;
	width:233px;
	margin:0 0 6px;
	padding:0 0 0 22px;
	background:url(images/bullet.gif) no-repeat 0 3px;
}
/* Sub Page Content */
#contentInner{
	margin:0 25px 0 35px
}
#contentInner p{
	line-height:16px
}
#contentInner ul, #contentInner ol{
	line-height:18px;
	margin:0 3px 20px 20px;
	padding:0;
}
#contentInner ul li{
	list-style-image:url(images/bullet2.gif);
}
#contentInner ol{
	margin-left:46px !important
}
#contentInner ol li{
	list-style:decimal outside
}
.photo{
	float:right;
	margin-top:-17px;
	padding:0 20px 20px
}
.smallnote, .smallnote a{
	font-size:11px
}
/* FAQ Page Styles */
.faqlist{
	float:left; 
	width:48%; 
}
.left{
	padding-right:10px; 
	margin-right:10px; 
	border-right:1px solid #999
}
#faqContent{
	float:left;
	clear:left;
	width:100%;
	margin-top:80px
}
.faqlist li a{
	font-weight:normal;
	font-size:11px
}
.faqItem{
	width:698px;
	margin:0 0 20px;
	padding:0 40px 0 20px;
	background:url(images/dotted-grey.gif) repeat-x bottom	
}
.lastItem{
	border:0 !important;
	background:0 !important
}
.toplink{
	text-align:right
}
.toplink a{
	font-weight:normal;
}

/* Board Of Directors Page Styles */
.bio{
	width:698px;
	margin:0 0 12px;
	padding:0 40px 0 20px;
}

/* Partners Page Styles */
.partnerlogo{
	float:left;
	width:175px;
	margin-right:10px;
	text-align:center
}
.partnerText{
	float:left;
	width:535px;
	margin:0 0 16px;
	padding-right:30px;
	background:url(images/dotted-grey.gif) repeat-x bottom
}
.partnerText h3 a{
	color:#333;
	font:bold 14px Tahoma, Sans-Serif;
	margin:0 0 8px;
}

#rightColumn{
	float:left;
	display:inline;
	width:154px;
	margin:0 0 0 3px;
	padding:0 0 40px;
	background:#2a4091 url(images/bgRightBottom.gif) repeat-x bottom;
	text-align:center;
	color:#fff
}
#rightColumn h3{
	width:154px;
	height:39px;
	text-indent:-9999px
}
#hdrStrategicPartners{
	background:url(images/hdrStrategicPartners.gif) no-repeat;
}
#hdrLogin{
	background:url(images/hdrLogin.gif) no-repeat;
}
#divLogin{
    text-align:left;
    padding:5px 14px
}
#divLogin label{
    display:block;
    margin:4px 0;
    font-weight:bold
}
#divLogin .textfield{
    padding:3px 2px 2px
}
#divLogin .btnLogin{
    float:right;
    margin:8px 0 5px;
    padding:0
}
#loginLinks{
    clear:both;
    text-align:center;
    line-height:18px
}

#divMainLogin {
	width: 272px;
	margin: 0 0 0 250px;
	line-height: 30px;
}
#divMainLogin label{
    display:block;
    float:left;
    text-align:right;
    width:60px;
    margin:0 3px 0 0
}
#divMainLogin .textfield{
    padding:3px 2px 2px;
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:11px;
    width:180px;
}


#hdrContactUs{
	background:url(images/hdrContactUs.gif) no-repeat;
}
#rightColumn a{
	color:#fff;
	text-decoration:underline
}
#rightColumn a:hover{
	text-decoration:none
}
#rightColumn address{
	display:block;
	float:left;
	width:154px;
	padding:10px 0 0;
	font-style:normal;
	line-height:18px
}
.partner{
	float:left;
	width:154px;
	background:url(images/dotted-white.gif) repeat-x bottom
}
.partner img{
	padding:1px;
	border:1px solid #95a0c8;
	margin:0 0 7px
}
.partner img:hover{
	border-color:#fff
}	
.partner p{
	margin:0 0 13px
}
#divLearnMore{
	float:left;
	width:111px;
	padding:16px 21px 20px 22px;
	font-weight:bold
}


/* -- CMS Admin Styles -- */
#content.admin{
    position:relative
}

#divAdminNav{
	width:380px;
    position:absolute;
    top:110px;
    right:35px
}
#divAdminNav ol{
}
#divAdminNav li{
    float:left;
    display:inline;
    padding:0 10px;
    border-right:1px solid #666
}
.last-item{ border:0 !important }

#mainLeft.admin{
	background:#FFF url(images/bgMainLeftContent.gif) top repeat-x;
	padding-bottom:40px;
	width:auto;
	float:none
}

#mainLeft.admin h1{
	font-size:24px;
	padding:22px 0 8px 20px;
	margin:0;
}

#mainLeft.admin #inner{
    padding:20px 30px 8px
}
#popupContent{
    padding:20px 30px
}
#editUser, #editArticle{
    position:relative
}
#userApproved{
    width:195px;
    position:absolute;
    top:0;
    right:20px
}

#articleActive{
    width:195px;
    position:absolute;
    top:0;
    right:20px
}

.saveRow{
    clear:both;
    padding:5px 0 0;
    text-align:center;
    border-top:1px solid #000
}


#divForgotPassword .formAlign *{
    vertical-align:middle
}


/* -- GRID STYLES -- */

.gridTitle{
	font-weight:bold;
}

.gridDateModified{
	float:right;
}

.gridDescription{
}


.RadGrid_Default .rgAltRow .rgSorted {
	background-color: #F2F2F2 !important;
	border-bottom-color:#F2F2F2 !important;
}

.RadGrid_Default .rgRow .rgSorted {
	background-color: #FFF !important;
	border-bottom-color:#FFF !important;
}

/* -- END GRID STYLES -- */

/* -- EDIT STYLES -- */

.btnAddNew{
	margin: 0 0 10px 0;
}

.errorSummary{
	border: 1px solid #F00;
	color: #F00;
	background-color: #FEE;
	padding: 5px;
	font-weight: bold;
	margin: 5px;
	display:block;
}

.errorSummary li, .errorSummary ol{
	background: none;
}

.successSummary{
	border: 1px solid #060;
	color: #060;
	background-color: #9F9;
	padding: 5px;
	font-weight: bold;
	margin: 5px;
	display:block;
}

#editArticle label{
	font-weight: bold;
	color: #000;
	width: 100px;
	display:block;
	float: left;
	text-align:right;
	margin: 0px 5px 15px 0px;
}
#editArticle fieldset .divFormField{
    float:left;
}

#editUser label{
	font-weight: bold;
	color: #000;
	width: 154px;
	display:block;
	float: left;
	text-align:right;
	margin: 0px 5px 0 0px;
}

#editUser .checkbox, #editArticle .checkbox{
	padding: 5px 0 0 0;
	display: block;
}

#editArticle p, #editUser p{
	float: none;
	display:block;
	clear:both;
	padding: 0 ;
}
#editUser fieldset p
{
    height:22px !important;
    padding:8px 0 !important;
    margin:0 !important;
}
#editUser fieldset p.alt
{
    background:#F2F2F2
}

#editUser .textfield, #editUser riTextBox{
	width: 180px;
	color: #000;
}

#editUser fieldset{
	float: left;
	width: 377px;
	margin:0;
	padding:0;
	border-right: 2px solid #fff;
	border-width:0 2px 0 0
}
#editArticle fieldset{
    border:0;
    margin:20px 0
}

#editArticle h1, #editUser h1{
	color: #000;
	margin-bottom: 5px;
	border-bottom: 1px solid #000;
}

.req {
	color: #F00 !important;
}

#articleList{
	padding: 20px;
}

#article{
	color: #000;
}

#article .date{
	font-weight: bold;
	padding: 10px 20px 10px 20px;
}

#article .description{
	padding: 10px 20px 10px 20px;
}

#article .content {
	padding: 10px 20px 10px 20px;
}

#article #returnLink{
	padding: 0 0 0 20px;
	font-weight:bold;
}

/* -- END EDIT STYLES -- */


/* Footer Styles */
#footer{
	height:101px;
	padding:30px 0 0;
	text-align:center;
	background:url(images/bgFooter.gif) repeat-x top;
	color:#ccc;
}
#footer ul {
	margin:0 0 6px;
}
#footer ul li{
	display:inline;
	padding:0 6px;
	border-right:1px solid #ccc
}
li.lastItem{ border:0 !important }
#footer li a{
	color:#ccc;
}
#footer li a:hover{
	text-decoration:underline;
}
#footer P{
	clear:both;
	text-align:center;
	line-height:18px;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #contentInner h2 {
	visibility: hidden;
	font-size: 32px;
}