/*
Colors
#343434 - dark grey (font)
#0A3181 - blue (nav h1)
#CD620C - orange (link)
#022248 - dark blue (subnav)



Sections

-layout
-nav
-general
-right links
-footer
-forms


*/




/* - layout - */

body{
	

  margin: 0 auto;
	padding: 0px;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 80%;
	color: #343434;
	background: #E5E5E5;
}
body.print{
	background: #FFFFFF;
	font-size: 12px;
	padding: 40px;
	text-align: center;
}

.t-c{ text-align: center; }
.b { font-weight: bold; }

.clear { clear: both; }
#wrapper{ 

margin: 0 auto; }
#print-cont{
	width: 500px;
	margin: 0px auto;
}
a#logo-link{
	position: absolute;
	display: block;
	height: 120px;
	width: 500px;
	background: #FFFFFF;
	opacity:0;
	filter: alpha(opacity=1); -moz-opacity: 0;
}
#head{
	background: url('../images/bg-header.gif') repeat-x top;

}
#head-img{
	background: url('../images/header.gif') no-repeat;
	height: 148px;
	
}
#main{
	background: #E5E5E5 url('../images/bg-right.gif') repeat-x top;
}
#copy{
	background: #FFFFFF url('../images/bg-body.gif') repeat-x top;
	float: left;
	clear: left;
	width: 745px;
	padding: 20px;
	
}
.top-sec{
	float: left;
}

.top-sec object, .top-sec embed{ margin: 10px 0; }

.int .top-sec{
	width: 740px;
  min-height: 630px;
}
.div-line{
	border-top: 2px solid #0A3181;
	border-bottom: 2px solid #0A3181;
	margin-bottom: 20px;

}
#up-events{
	background: url('../images/bg-events.gif') repeat-x;
	
}



/* - nav - */




#nav {
width: 100%;
background: #0A3181;
float: left;
height: 31px;
border-bottom: 1px solid #FFFFFF;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
/*width: 12em;*/
float: left;
line-height: 1;
}
#nav a h2 {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border: 0px;
	border-right: 1px solid #FFFFFF;
	text-align: center;
	background: #0A3181;
	height: 31px;
	line-height: 32px;
	padding: 0px 10px 0px 10px;
}

#nav a, #nav a h2 {
background: #0A3181;
display: block;
margin: 0;
cursor: pointer;
}

#nav a{
	text-decoration: none;
}
#nav a:hover{
	cursor: pointer;
}
#nav li ul a {
	border: 1px solid #FFFFFF;
	border-top: 0px;
  border-bottom: 0px;
color: #000;
background: #87A8CD;
padding: 5px;
width: 15em;
}

#nav a:hover, #nav  a:hover h2 {
color: #FFFFFF;
background: #666666;
}

#nav li {
  float: left;
  margin: 0;
}

#nav li ul {
position: absolute;
z-index: 500;
left: -999em;
width: 15em;
margin-left: -1px;
margin-top: -1px;

}

#nav li ul li{
  border-bottom: 1px solid #fff;
}


#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



/*#nav{
	position: relative;
	background: #0A3181;
	height: 31px;
	border-bottom: 1px solid #FFFFFF;
}

#nav a:first-child{
	border-left: 1px solid #FFFFFF;
	margin-left: 11px;
}

a#nav-about{padding-left: 15px; padding-right: 15px;}        
#nav-membership{padding-left: 15px; padding-right: 15px;}          
#nav-programs{padding-left: 13px; padding-right: 13px;}      
#nav-education{padding-left: 16px; padding-right: 16px;}  
#nav-news{padding-left: 16px; padding-right: 16px;}        
#nav-info{padding-left: 9px; padding-right: 9px;}           
#nav-contact{padding-left: 18px; padding-right: 18px;}

#nav a{
	display: block;
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border-right: 1px solid #FFFFFF;
	text-align: center;
	background: #0A3181;
	height: 31px;
	line-height: 32px;
}
#nav a:hover{
	background: #87A8CD;
}
*/
#up-events{
	height: 270px;
	position: relative;
}
#up-events h2, #up-events p{
	margin-left: 10px;
}
#up-events p{
	line-height: 1.3em;
	font-size: .9em;
}
#up-events ul{
	margin-left: 20px;
	padding-left: 0px;
	list-style-type: square;
	color: #0A3181;
}
#up-events ul li{
	margin-bottom: 15px;
}
#right{
	position: absolute;
	top: 190px;
	left: 800px;
}
#right-int{
	position: absolute;
	top: 215px;
	left: 800px;
}

#right-int-2{
position: absolute;
top: 215px;
left: 1100px;
}
#nav a.active h2{
	background: #022248;
	border-bottom: 1px solid #022248;
}
#sub-d{
	background: #022248;
	clear: both;
}
#subnav{
	background: #022248;
	padding: 8px 8px 8px 25px;
	color: #999999;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 23px;
}
#subnav li{
	margin: 0px;
	padding: 0px;
}

#subnav a{
	color: #FFFFFF;
	font-weight: normal;
	display: block;
	height: 17px;
	float: left;
	background: #022248;
	line-height: 2em;
	margin: 3px 0px 3px 5px;
	padding: 0px 5px 0px 0px;
	border-right: 1px solid #666;
}
#subnav a:hover{
	color: #666666;
}


/* - general- */

a{
	color: #CD620C;
	font-weight: bold;
}
a:hover{ color:#0A3181 ;}
a.more{
	display: block;
	text-align: right;
	margin-top: 10px;
	text-decoration: none;
}
a.more:hover{
	text-decoration: underline;
}

.clear-b{clear: both;}
.s{font-weight: bold;}
.f-l{float: left;}
.f-l-m{float: left; margin: 0px 15px 0px 15px;}
.f-r{float: right;}
.f-r-m{float: right; margin: 0px 0px 15px 15px;}
.orange{color: #CD620C;}
.i{font-style: italic;}
.tar{text-align: right;}
.tal{text-align: left;}
.tal1{text-align: center;}
.lg{color: #8E8E8E;}
.sm{font-size: 11px;}
.l{ float: left; }
img.l { margin-right: 10px; margin-bottom: 10px; }

h1{font-size: 2em; color: #0A3181;font-weight: normal;margin-top: 0px;margin-bottom: 10px; }
h2{font-size: 1.5em; color: #0A3181;font-weight: normal;margin-top: 0px;margin-bottom: 10px; }

.h2-int{font-size: 1.5em; color: #0A3181;font-weight: normal;margin-top: 20px;margin-bottom: 0px;padding: 0px; }
h3, h3 a{font-size: 17px; color: #0A3181;font-weight: normal;margin-top: 20px;margin-bottom: 5px;text-decoration: none; }
.past h4{font-size: 13px; color: #0A3181;font-weight: bold; }
#home-newsletter h4{
	font-size: 16px; color: #0A3181;font-weight: bold;margin-top: 20px;margin-bottom: 0px;padding: 0px;
}



p{
	font-size: 1.05em;
	margin: 0px 0px 20px 0px;
	line-height: 1.4em;
}
.home-p{
	font-size: 1.05em;
	line-height: 1.3em;
	margin: 0px 30px 20px 0px;
	padding: 0px;
}
.home-p img{
	border: 1px solid #0A3181;
	padding: 1px;
	margin-bottom: 10px;
}
.home-p .f-r{
	margin: 0px 0px 10px 10px;
}
.button{
	display: block;
	background: url('../images/bg-button.gif') repeat-x;
	margin: 10px 0px 10px 0px;
	height: 23px;
	text-align: center;
	position: relative;
	color: #FFFFFF;
	line-height: 1.8em;
	text-decoration: none;
	font-size: 12px;
}
#up-events .button {
	display: block;
	background: url('../images/bg-button.gif') repeat-x;
	margin: 8px 10px 8px 10px;
	height: 23px;
	text-align: center;
	position: relative;
	color: #FFFFFF;
	line-height: 1.8em;
	text-decoration: none;
	font-size: 12px;
}
.button-l{
	display: block;
	background: url('../images/button-l.gif') no-repeat;
	height: 23px;
	position: absolute;
	width:3px;
	left: 0px;
	top: 0px;
}	
.internship-page .button{
	width: 200px;
	margin: 0px auto;
	margin-bottom: 40px;
}
.button-r{
	display: block;
	background: url('../images/button-r.gif') no-repeat;
	height: 23px;
	width:3px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.events-bottom{
	display: block;
	background: #0A3181;
	line-height: 2em;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-decoration: none;
}
.events-bottom:hover{
	display: block;
	background: #666666;
	line-height: 2em;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-decoration: none;
}
#member-link img{
	visibility: hidden;
	poisition: relative;
}
#member-link:hover img{
	visibility: visible;
}
#member-link{
	display: block;
	background: url('../images/bg-be-member.gif') no-repeat;
	height:100px;
	width: 204px;
	text-decoration: none;
	margin: 0px;
}
ul.pull{
	float: right;
	margin: 20px 25px 10px 30px;
	padding-left: 0px;
	list-style-type: square;
	color: #0A3181;
	width: 150px;
}
ul.pull li{
	line-height: 1em;
	margin-bottom: 15px;
}
ul.pull span{
	color: #CD620C ;
	font-weight: bold;
}
.board-div{
	border-top: #022248 1px solid ;
	margin: 20px 0px 20px 0px;
	text-align: right;
	padding: 3px;
}
.member-div{
	border-top: #022248 1px solid ;
	margin: 0px 0px 0px 0px;
	text-align: right;
	padding: 3px;
}
.light-div{
	border-top: #E0E0E0 1px solid ;
	margin: 0px 0px 0px 0px;
	text-align: right;
	padding: 3px;
}
.board-sub{
	float: right;
	padding: 20px;
	background: ;
	border: 1px solid #999999;
	margin: 0px 0px 20px 20px;
	line-height: 1.5em;
	font-size: .9em;
}
.top-callout{
	background: #F0F0F0;
	padding: 20px;
	border: 1px solid #999999;
	float: right;
	margin: 0px 0px 20px 20px;
}
a.sponsor-img{
	display: block;
	float: left;
	width: 150px;
	height: 150px;
	border: 3px solid #E0E0E0;
	margin: 20px 50px 40px 20px;
}
a.sponsor-img:hover{
	border: 3px solid #0A3181;
}
.member-col{
	display: block;
	width: 325px;
	background: #EAEAEA;
	height:20em;
	border: 1px solid #999999;
	margin-bottom: 30px;
	text-decoration: none;
	
	
}
a.member-col:hover{
	background: #F7F7F7 url('../images/bg-member.gif') no-repeat bottom right;
}
.member-col h3, .member-col p	{
	margin: 10px;
}
.member-col h2{
	padding: 7px;
	text-align: center;
	color: #FFFFFF;
	background: #AA3D2E;
	margin: 1px;
}
.mem-lev{
	background:url()  #EFEFEF;
	padding: 5px;
	margin-bottom: 10px;
}
.mem-lev h4, .mem-lev p{
	margin: 5px;
}
.fee{
	float: right; 
	margin: 10px;
	font-weight: bold;
	color: green;
	line-height: 1.8em;
}
.mem-lev .button{
	width: 70px;
	float:right;
	clear: right;
}
.offer{
	border: 1px solid #666666;
	color: red;
	width: 22em;
	padding: 10px;
	background: #EFEFEF;
}
.member-form{
	display: block;
	float: left;
	text-decoration: none;
	background: #EFEFEF;
	border: 1px solid #999999;
	padding: 0px;
	width: 352px;
}

.member-form h3{
	background: #0A3181;
	margin: 1px;
	padding: 5px;
	color: #FFFFFF;
}
.member-form:hover{
	color: #0A3181 ;
	background: #FFFFFF;
}
.member-form p{
	margin: 5px;
	font-size: 11px;
}
.event-form{
	display: block;
	float: left;
	text-decoration: none;
	background: #EFEFEF;
	border: 1px solid #999999;
	padding: 0px;
	width: 350px;
}

.pro-links a{
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 20px;
}
a.word{
	
	background: url('../images/icon-doc.gif') 60px 0px no-repeat;
}

a.t-word{
	background: url('../images/icon-doc.gif') no-repeat;
	padding: 0 0 0 20px;
}
a.pdf{
	
	background: url('../images/icon-pdf.gif') 60px 0px no-repeat;
}
.pro-links a span{ 
	color: #999999;
	display: block;
	float: left;
	width: 5em;
	margin: 0px 20px 10px 0px;
	line-height: 1em;
}
.r-event{
	padding: 10px;
	border: 1px solid #999999;
	margin-bottom: 20px;
}
.r-event h3{
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.r-event p{
	line-height: 1.2em;
	font-size: 11px;
}
a.wac-list {
	background: #F4F4F4;
	margin-bottom: 10px;
	padding: 10px;
	display: block;
	color: #666666;
	text-decoration: none;
	border: 1px solid #D0D0D0;
}

a.large{
	font-size: 15px;
}
a.wac-list:hover{
	background: #D7D7D7;
}
a.wac-list span{
	display: block;
	float: right;
	color: #CD620C;
}
.wacs h3{
	margin-top: 50px;
}

#information-links ul{
	margin: 0 0 20px 0px;
	list-style-type: square;
}
#information-links ul ul{
	margin: 0 0 5px 0px;
	list-style-type: disc;
}


/* - right- */

#member-link{
	background: url('../images/bg-be-member.gif') no-repeat;	
	width: 204px;
	height: 100px;
}
#member-link a{width: 204px; height: 100px;}
#member-link img{width: 204px; height: 100px;}
#member-link span{
	left: 20px;
	top: 45px;
	font-size: 1.2em;
	color: #0A3181;
	font-weight: bold;
	cursor: pointer;
}


#login-link{
	background: url('../images/bg-login.gif') no-repeat;	
	width: 204px;
	height: 192px;
}
#login-link a{width: 204px; height: 192px;}
#login-link img{width: 204px; height: 192px;}
#login-link span{
	left: 20px;
	top: 20px;
	font-size: 1.4em;
	color: #FFF;
}
#login-link input.text{
	margin: 3px;
	width: 140px;
	font-size: 11px;
}
#login-link input.submit{
	border: 1px solid black;
	background: url('../images/bg-login-button.gif') repeat-x;
	color: #CD620C;
	font-size: .7em;
	margin-top: 5px;
	cursor: pointer;
}
#login-link input.submit:hover{
	background: #B4B4B4;
}


#donate-link{
	background: url('../images/bg-donate-over.gif') no-repeat;	
	width: 204px;
	height: 89px;
}
#donate-link a{width: 204px; height: 89px;}
#donate-link img{width: 204px; height: 89px;}
#donate-link span{
	left: 20px;
	top: 23px;
	font-size: 1.2em;
	color: #0A3181;
	font-weight: bold;
	cursor: pointer;
}

#blog-link{
	background: url('../images/bg-blog-over.gif') no-repeat;	
	width: 204px;
	height: 94px;
}
#blog-link a{width: 204px; height: 94px;}
#blog-link img{width: 204px; height: 94px;}
#blog-link span{
	left: 20px;
	top: 23px;
	font-size: 1.2em;
	color: #0A3181;
	font-weight: bold;
	cursor: pointer;
}

#blog-link2{
	background: url('../images/bg-blog-over2.gif') no-repeat;	
	width: 204px;
	height: 94px;
}
#blog-link2 a{width: 204px; height: 94px;}
#blog-link2 img{width: 204px; height: 94px;}
#blog-link2 span{
	left: 20px;
	top: 22px;
	font-size: 1.4em;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}


#alt-button {
	background: url('/images/summer-institute_on.gif') no-repeat;	
	width: 204px;
	height: 94px;
	text-align: center;
}
#blog-link2 a{width: 204px; height: 94px;}
#blog-link2 img{width: 204px; height: 94px;}
#blog-link2 span{
	left: 20px;
	top: 22px;
	font-size: 1.4em;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}





#home-newsletter{
	background: url('../images/bg-newsletter.gif') no-repeat;	
	width: 204px;
	height: 175px;
}
#home-newsletter a{width: 204px; height: 175px;}
#home-newsletter img{width: 204px; height: 175px;}
#home-newsletter span{
	left: 20px;
	top: 16px;
	font-size: 1.2em;
	color: #FFF;
	font-weight: bold;
	line-height: 2em;
}
#home-newsletter input.text{
	margin: 0px 3px 3px 3px;
	width: 140px;
	font-size: 11px;
}
#home-newsletter input.submit{
	border: 1px solid black;
	background: url('../images/bg-login-button.gif') repeat-x;
	color: #CD620C;
	font-size: .7em;
	margin-top: 5px;
	cursor: pointer;
}
#home-newsletter input.submit:hover{
	background: #B4B4B4;
}





.roll-ov
{
position: relative;
font-family: arial, helvetica, sans-serif;

white-space: nowrap;
display: block;

margin: 0;
padding: 0;
}

.roll-ov a
{
display: block;
color: #000000;
font-size: 11px;

display: block;
float: left;
color: black;
text-decoration: none;
}

.roll-ov img
{

border: 0
}

* html a:hover
{
visibility:visible
}

.roll-ov a:hover img
{
visibility:hidden
}

.roll-ov span
{
position: absolute;

margin: 0px;
padding: 0px;

}

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

/* - footer - */
#footer a{
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover{
	color: #999999;
}

#footer{
	clear: both;
	background: #033671  url('../images/bg-footer.gif') repeat-x;
	height: 70px;
	padding: 20px;
	color: #FFFFFF;
	font-weight: normal;
	font-family: verdana, sans-serif;
	font-size: .8em;
}
#copyright{
	font-size: .8m;
	color: #999999;
}
#copyright a{
	color: #999999;
}
#copyright a:hover;{
	text-decoration: none;
}


/* - form - */


.cform{
	float: right;
	padding: 30px;
	background: #ECECEC;
	text-align: right;
	border: 1px solid #999999;
	margin: 0px 0px 20px 20px;
  width: 300px;
}

div.cform div.radio-buttons{
	text-align: left;
	margin: 0 0 20px 28px;
}

div.cform div.radio-buttons input{
	margin: 6px 0 0 28px;
}

.internship-page .cform{
	padding: 3px;
	text-align: left;
}
.internship-page .cform div{
	margin: 20px;
}
.internship-page .cform span{
	text-align: left;
}
.cform h3{
	text-align: left;
	margin: 0px 0px 20px 0px;
	background: #4BBC45;
	padding: 10px;
	color: #FFF;
}
input.text{
	border: 1px solid #0A3181;
}
.contact-page input.text, .contact-page .text{
	width: 250px;
}
textarea.text{
	border: 1px solid ;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 13px;
	padding: 3px 0px 3px 0px;
}
.contact-page .submit, .internship-page .submit, .submit-cform{
	border: 1px solid #666666;
	background: #0A3181;
	padding: 3px 15px 3px 15px;
	color: #fff;
	cursor: pointer;
}

.internship-page input.text{
	width: 250px;
}

#member-form{
	background: #EFEFEF;
	padding: 20px;
	text-align: center;
}
#event-form{
	background: #EFEFEF;
	padding: 20px;
}
#form-cont{
	margin: 0px auto;
	text-align: right;
	width: 400px;
}
#event-cont{
	margin: 0px auto;
	width: 400px;
}

#pay_by_card select{
	width: 143px;
}
#pay_by_card select.exp{
	width: 70px;
}

.infiv-check{
	float: left;
	margin: 0px 10px 10px 0px;
	width: 180px;
	text-align: left;
}

table.calendar {
	border: 1px solid #0A3181;
	background: #eef;
	float: left;
}

table.calendar tr td.bluerow { 
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 0 2px 5px;
	background: #0A3181; 
	border-bottom: 1px solid #5b8ab3;
  height: 26px;
}

table.calendar tr.labels td{
	width: 26px;
	height: 26px;
	text-align: center;
  background: #5b8ab3;
  color: #fff;
}


table.calendar tr.daterow td{
	width: 25px;
	height: 25px;
	text-align: center;
  background: #fff;
  border: 1px solid #eef;
}

td.event a {color: #FFFFFF; text-decoration:none;}
td.event a:hover {text-decoration:underline;}

table.calendar tr.daterow td.weekend {background-color: #fbce92;}
table.calendar tr.daterow td.blank {background-color: #eef;}
table.calendar tr.daterow td a.event-link{
  display: block;
  background-color: #fff;
  border: 2px solid #0A3181;
  padding: 2px 0;
}

img.speak-banner{
  margin: 10px auto 20px auto;
  border: 2px solid #3c7bc7;
}

div.d-n{ display: none; }


ul#links { margin: 0; padding: 0; }
ul#links li {
	padding: 0;
	margin: 5px;
	float: left;
	display: block;
	text-align: center;
	background-color: #0a3181;
	font-weight: bold;
	border: 1px solid #022248;
}

ul#links li a, ul#links li a:link {
	padding: 5px;
	display: block;
	width: 115px;
	color: #FFFFFF;
	text-decoration: none;
}

ul#links a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #666666;
}



#flashMessage {
	background: #B4C6DD;
	padding: 10px;
	margin: 15px;
	text-align: center;
	color: red;
	border-top: solid 1px #022248;
	border-bottom: solid 1px #022248;
}
.error_message {
	color: red;
	font-weight: bold;
	padding: 0 0 5px 0;
}