/*

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/header2.jpg') 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;

}