/*
---------------------------------------------
	Author:  Squeaky Wheel Media Development Team
	Lead Developer: Carlos Agosto
	Created: September/2009
	--------
	Structure of this Document (search for "=" to jump to each section heading):
		
		1. =XHTML Eelements
		2. =Main Content Shell
		3. =Header
		4. =Drop Down Nav
		5. =Main Content Area
		6. =Column One (Home Page)
		7. =Column Two (Home Pag Tab Styles are in Tabes.css)
		8. =Column Three
		9. =Main Img Fader (Top Img)
	   10. =Side Bar Sub Nav Main Pages
	   11. =Main Content Area
	   12. =History Slider
	   13. =Bio Pop up
	   14. =Footer  
	--------	
---------------------------------------------*/

/**** =XHTML Eelements
---------------------------------------------*/
body{
	font-family: Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:center;
	background:#333;
	}
a{color:#3187B4; outline:none;}
a:hover{text-decoration:none;}

h1,
h2,
h3,
h4,
h5, 
h6{font-family:Georgia, "Times New Roman", Times, serif;}

em{ font-style:italic;}
#atff{ display:none;}
.FlashContent{display: none;}

/*--------Intro Lightbox------------*/

#IntroShow{
	width: 100%;
	height:100%;
	text-align:center;
	z-index:99;
	background:transparent url(../images/intro-bg.png) top left repeat;
	position:fixed;
}
#Intro{
	width: 500px;
	height:610px;
	margin: 100px auto 0 auto;
	background:transparent url(../images/Bg-MainContentHolder.png) repeat-y scroll -1px 0;
	text-align:center;
}
#Intro a.close,#Intro a.close:hover,#Intro a.close:visited{
display:block;
float:right;
margin-bottom:5px;
margin-left:5px;
margin-right:22px;
margin-top:-1px;
position:relative;
text-decoration:none;
}
#Intro_container{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	height:550px;
	margin:0 auto;
	padding:10px;
	text-align:left;
	width:440px;
}

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

/**** =Main Content Shell
---------------------------------------------*/
#MainContentShell{ 
	width:100%; 
	float:left; 
	background:url(../images/Bg-MainContentShell.jpg) no-repeat top center #A29986;
	padding:10px 0 0 0;
	}
#MainContentHolder{ 
	margin:0 auto; 
	text-align:left;
	width:984px;
	background: url(../images/Bg-MainContentHolder.png) repeat-y 1px 0;
	padding:0 0 15px 0;
	}
#MainContentHolder:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
/**** =Header
---------------------------------------------*/	
#Header{
	width:100%; 
	float:left; 
	background:url(../images/Bg-Header.gif) no-repeat 1px 0;
	padding:10px 0 0 0;
	position:relative;
	z-index:98;
	}
#Header h1{ float:left; margin:0 0 0 20px;}

#SearchArea{float:right; margin:0 25px 0 0;}
#SearchArea li{
	float:left; 
	list-style:none; 
	display:block;
	margin:0 0 0 15px;
	}
#SearchArea li input#text-Search{ margin:3px 0 0 0;}

/**** =Drop Down Nav
---------------------------------------------*/

/*** ESSENTIAL STYLES For Drop Down Nav ***/
.sf-menu, .sf-menu * {list-style:none;}
.sf-menu {line-height:1.0; position:relative;}
.sf-menu ul {
	position:absolute;
	top:-999em;
	}

.sf-menu li:hover {visibility:	inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {
	float:left;
	}
.sf-menu a {
	display:block;
	position:relative;
	}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:20px;
	top:65px; /* match top ul list item height */
	z-index:99;
	}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:-999em;
	}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:25px; /* match ul width */
	top:65px;
	}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
	}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:20px; /* match ul width */
	top:65px;
	}
ul.sf-menu{
	float:left;
	background:url(../images/Bg-MainNav.gif) no-repeat;
	width:640px;
	margin:0 0 0 7px;
	height:74px;
	padding:0 0 0 20px;
	}
	
ul.sf-menu li{  
	padding:10px 0; 
	margin:15px 5px 0 0px;
	font-size:18px;
	color:#E1DEC1;
	font-weight:normal;
	}
ul.sf-menu li#LastMenuOption{ margin-right:0;}

ul.sf-menu li#LastMenuOption a { padding:0 0 0 20px; white-space:nowrap;}
ul.sf-menu li#LastMenuOption ul.SubNav li div p a{ white-space:normal; padding:5px 0 5px 15px;} 
ul.sf-menu li a{
	float:left;
	font-size:18px; 
	font-weight: bold; 
	color:#455B80;
	text-decoration:none;
	padding:0 20px;
	font-family:"Courier New", Courier, monospace;
	}
ul.sf-menu li a:hover,
ul.sf-menu li.sfHover a,
ul.sf-menu li a.ActiveNav{
	color:#D82D3A; 
	background: url(../images/Bg-MainNavArrow.gif) no-repeat 0px 7px;
	}	
ul.sf-menu li ul.SubNav{ 
	background: url(../images/Bg-DropDown.gif) no-repeat 0 0 #F9F8F0; 
	width:613px; 
	border-bottom:1px solid #C4C4C4;
	border-right:1px solid #C4C4C4;
	padding:5px 0 10px 0;
	left:15px;
	}	
/* Sub Nav Starts */	
ul.sf-menu li ul.SubNav li{
	width:372px;
	color:#333333;
	display:block;
	float:left;
	margin:0 0 0 15px;
	font-size:13px;
	font-family:Tahoma, Geneva, sans-serif;
	}
ul.sf-menu li ul.SubNav li.NavBlurb{
border:0 none;
line-height:130%;
width:173px;}
ul.sf-menu li ul.SubNav li div{ float:left; width:100%;}
ul.sf-menu li ul.SubNav li div p{ 
	float:left; 	
	margin:0 10px 0 0;
	}
ul.sf-menu li ul.SubNav li div a{ 
	font-family:Tahoma, Geneva, sans-serif; 
	font-size:11px; 
	color:#333333;
	font-weight:normal;
	width:155px;
	padding:5px 0 5px 15px;
	border-bottom:1px solid #E0DDBE;
	background:url(../images/Bg-arrow-sub-menu.gif) no-repeat 3px 7px;
	}
ul.sf-menu li ul.SubNav li div a:hover{
	background: url(../images/Bg-arrow-sub-menu-hover.gif) no-repeat 3px 7px #E96A15;
	border-bottom:1px solid #E96A15;
	color:#fff;
	}	
	.pdf_linker{
	background:transparent url(../images/icon-pdf.gif) top right scroll no-repeat;
	padding:0 26px 0 0;
	}
	
/**** =Main Content Area
---------------------------------------------*/	
#MainContent{ float:left; width:100%; margin:0 0 0 15px;}

/**** =Column One
---------------------------------------------*/
#ColumnOne{ float:left; width:480px; padding:0 0 15px 0;}

#ScholarsWrap{ 
	float:left; 
	position:relative; 
	margin:20px 0 0 0;
	width:100%;
	}
#ScholarsWrap h3{margin:0 0 0 10px;}
#ScholarsWrap ul{ 
	float:left; 
	margin:10px 0 0 10px; 
	width:100%;
	}
#ScholarsWrap ul li{ 
	display:block;
	list-style:none;
	float:left;
	margin:0 5px 0 0;
	}
#ScholarsWrap ul li img{float:left;}	

#ScholarsWrap ul li a{ 
	clear:both; 
	cursor:pointer; 
	float:left; 
	color:#333;
	font-weight:bold;
	text-decoration:none;
	padding:5px 10px 0 0;
	white-space:nowrap;
	background:url(../images/Bg-arrow-sub-menu.gif) no-repeat right 10px;
	}	
#ScholarsWrap ul li a:hover{ text-decoration:underline;}	

#ScholarsWrap .ScholarsBio,
.LogInFormHolder{ 
	background:#FFF; 
	border:1px solid #cccccc;
	width:100%; 
	position:absolute; 
	z-index:99;
	top:0;
	left:0;
	}
#ScholarsWrap .ScholarsBio div.BioTitleArea{
	border-bottom:1px solid #E9E9E9; 
	float:left;
	width:98%;
	margin:0 0 10px 5px;
	padding:0 0 5px 0;
	}
#ScholarsWrap .ScholarsBio div.BioTitleArea h2{
	font-size:18px;
	font-weight:normal;
	float:left;
	}
#ScholarsWrap .ScholarsBio div.BioTitleArea a.CloseBio{
	cursor:pointer; 
	text-decoration:underline;
	float:right;
	margin:6px 0 0 0; 
	}	
#ScholarsWrap .ScholarsBio div.BioTitleArea	a.CloseBio:hover{ text-decoration:none;}	
#ScholarsWrap .ScholarsBio p{ 
	float:left; 
	margin:0 0 0 5px; 
	padding:0 5px 0 0;
	}	
#ScholarsWrap .ScholarsBio p img{ padding:0 5px 5px 0; float:left;}

/**** Column Two Tab Styles are in Tabes.css
---------------------------------------------*/
#ColumnTwo{ float:left; width:250px; margin:0 0 0 10px;}

/**** Column Three
---------------------------------------------*/
#ColumnThree{ 
	float:left;  
	width:200px; 
	margin:0 0 0 10px;
	position:relative;
	}
#LogInArea,
#Support{ 
	float:left; 
	width:100%; 
	padding:0 0 10px 0;
	border-bottom:1px dashed #E3E0C4;
	margin:0 0 10px 0;
	position:relative;
	}
#LogInArea2{ 
	float:left; 
	width:100%; 
	padding:12px 0 10px 0;
	border-bottom:1px dashed #E3E0C4;
	margin:0 0 10px 0;
	position:relative;
	}
	
#LogInArea ul, #LogInArea2 ul{ float:left; margin:0 0 0 25px;}	
#LogInArea ul li, #LogInArea2 ul li{ 
	display: block;
	clear:both;
	float:left;  
	background:url(../images/Bg-arrow-sub-menu.gif) no-repeat 0 4px; 
	padding:0 0 0 12px;
	list-style:none;
	margin:0 0 5px 0;
	width:98%;
	}
#LogInArea ul li a, #LogInArea2 ul li a{color:#333333; cursor:pointer;}	
#Gallery{float:left; padding:0 0 5px 0;}	
#Support h2,
#Gallery h2,
#Partners h2,
#LogInArea h2{
	margin:0 0 8px 0;
	float:left; 
	width:98%;
	}	
#LogInArea h2 img,
#Support h2 img,
#Gallery h2 img,
#Partners h2 img {
	display:block;
	}	
#Support a{  
	float:left; 
	text-align:center;
	width:100%;
	}
	
#Support a img{	
	margin:0 auto; 
	display:block;
	float:none;
	} 	
	
#Partners{
	float:left; 
	border:1px solid #cccccc; 
	width:198px;
	height:131px;
	padding:10px 0;
	background:#FFF;
	height:154px;
overflow:hidden;
	}	
	
#Partners h2,
#SideBarLeft #Partners h2 { 
	float:none; 
	border-bottom:1px solid #E9E9E9;
	margin:0 auto;
	width:95%;
	text-align:center;
	padding:0 0 5px 0;
	}
#Partners h2 img{ margin:0 auto;}	
	
.fade{ float:left;}
.fade li{ list-style:none; float:left; display:none;} 

/**** =Main Imag Fader
---------------------------------------------*/
#MainImageFader{ float:left; width:100%;}
#MainImageFader div#FadeWrap{width:742px; float:left; height:345px;}

#RightSideBar{ 
	float:right; 
	width:200px; 
	margin:10px 37px 0 0;
	position:relative;
	}

/* Seconed Level Main Content Area Wrap */
#MainContentAreaWrap{ float:left; width:100%;}

/**** =Side Bar Sub Nav Main Pages
---------------------------------------------*/
#SideBarLeft { 
	float:left; 
	width:200px;
	margin:17px 0 0 0;
	}
#SideBarLeft h2{ margin:0 0 5px 15px; float:left;}
#SideBarLeft h2 img{ display:block;}
#SideBarLeft ul.SubNav{ 
	float:left; 
	width:170px; 
	padding:0 0 15px 0;
	margin:0 0 0 15px;
	} 
#SideBarLeft ul.SubNav li{ 
	list-style:none; 
	float:left; 
	display:block; 
	width:170px;
	}
#SideBarLeft ul.SubNav li a{ 
	font-family:Tahoma, Geneva, sans-serif; 
	font-size:11px; 
	color:#333333;
	font-weight:normal;
	width:155px;
	display:block;
	float:left;
	padding:5px 0 5px 15px;
	border-bottom:1px solid #E0DDBE;
	background:url(../images/Bg-arrow-sub-menu.gif) no-repeat 3px 10px;
	text-decoration:none;
	}
#SideBarLeft ul.SubNav li a:hover,
#SideBarLeft ul.SubNav li.ActiveNav a,
#SideBarLeft ul.SubNav li.ActiveNav a:hover{
	background: url(../images/Bg-arrow-sub-menu-hover.gif) no-repeat 3px 10px #E96A15;
	border-bottom:1px solid #E96A15;
	color:#fff;
	}	
#SideBarLeft ul.SubNav li a:hover{ background-color:#EB8540; border-bottom:1px solid #EB8540;}	
	
/**** =Main Content Area
---------------------------------------------*/	
#MainContentArea{ 
	float:left; 
	border:1px solid #CCCCCC;
	width:740px;
	background:#FFF;
	margin:0 0 0 5px;
	padding:0 0 10px 0;
	}

#MainContentArea h2{
	border-bottom:1px solid #E9E9E9;
	padding:0 0 7px 15px;
	margin:15px 0 5px 5px;
	float:left; 
	width:715px;
	}
#MainContentArea h2 img{ float:left;}	
#MainContentArea h2 span{ float:right; display:block; margin:0 5px 0 0;}

/* Main Content Left Side */

#MainContentBlockWrap{ 
	float:left; 
	background:url(../images/Bg-MainContentAre.gif) repeat-y; 
	width:100%;
	min-height:450px;
	}	

#MainContentBlockFullWrap{ 
	width:720px; 
	margin:10px 0 0 20px; 
	float:left;
	min-height:450px;
	}
	
#MainContentBlockLeftWrap{ 
	width:455px; 
	float:left; 
	margin:0 0 0 20px;
	}	
#ContentAreaTopBlock,
.BioContentArea,
.EventsContentArea{
	float:left; 
	width:455px;
	margin:10px 0 0 0;
	}
.BioContentArea,
.EventsContentArea{ 
	border-bottom:1px dashed #E3E0C4; 
	width:445px;
	padding:0 0 15px 10px;
	}		
.EventsContentArea{ width:705px; padding-bottom:10px;}	

#ContentAreaTopBlock img,
.BioContentArea img,
.EventsContentArea img{ 
	display:block; 
	float:left;
	}
.SiteMapContentWrap{ float:left; width:235px;}	
	
#ContentAreaTopBlock .ImageCaption{
	text-align:right; 
	color:#666;
	margin:0 15px 0 0;
	float:right;
	}	
	
#NonWrapingContentArea,
.NonWrapingBioContentArea,
.NonWrapingEventContentArea{ 
	float:left; 
	width:250px; 
	padding:10px 0 0 0;
	}
.NonWrapingBioContentArea{ width:335px;}
.NonWrapingEventContentArea{ width:450px; padding:0;}
.NonWrapingBioContentArea{ padding:0;}	
#NonWrapingContentArea p,
.NonWrapingBioContentArea p{ 
	float:left; 
	padding:0 10px 10px 0;
	}
#ContentAreaMainBlock{width:99%; float:left;}
#ContentAreaMainBlock p span{color:#3187B4;}
#ContentAreaMainBlock p img{ float:right; margin:0 0 5px 5px;}
#ContentAreaMainBlock .AlignCenter{ text-align:center;}
#ContentAreaMainBlock .AlignCenter img{ float:none; margin:0 auto; }
#ContentAreaMainBlock ul{ 
	width:85%; 
	margin:0 0 0 10px;
	float:left;
	}	
#ContentAreaMainBlock ul.publications{ 
	list-style:none;
	list-style-position:outside;
	list-style-image:none;
	width:85%; 
	margin:0 0 0 10px;
	float:left;
	}	
ul.publications li label {
background:transparent url(../images/icon-pdf.gif) repeat scroll left top;
display:block;
float:left;
height:13px;
margin:3px 5px 0 0;
padding:0;
width:15px;
}

#ContentAreaMainBlock ul li{ 
display:list-item;
float:none;
list-style-position:outside;
margin:0 10px 10px;
padding:0;
	}
#ContentAreaMainBlock ul.financial{ 
	width:40%; 
	margin:0 0 0 10px;
	float:left;
	list-style:none;
	list-style-position:outside;
	list-style-image:none;
	}	
#ContentAreaMainBlock ul.financial li{ 
	display: list-item; 
	float:none;
	list-style-position:outside;
	margin:0 10px 5px 20px;
	padding:0 0 0 0;
	width:100%;
	float:left;
	}
#ContentAreaMainBlock ul.financial li label{ 
	display:block;
	background: transparent url(../images/icon-pdf.gif) top left scroll;
	margin:3px 5px 0 0;
	width:15px;
	height:13px;
	padding:0 0 0 0;
	float:left;
	}
#ContentAreaMainBlock .DefaultList{ margin-top:0px;}
#ContentAreaMainBlock .Officers,
#ContentAreaMainBlock .JRFMembers,
#ContentAreaMainBlock .Logos,
#ContentAreaMainBlock .Sponsors,
#ContentAreaMainBlock .VolunteerForm,
#ContentAreaMainBlock .UpDateForm,
#ContentAreaMainBlock .Pdf,
#ContentAreaMainBlock #ScholarKeyLegend,
#ContentAreaMainBlock #KeyDatesBrakeDown,
.LogInFormHolder .LogInForm,
#ContentAreaMainBlock #ScholarshipOpportunities{
	float:left;
	width: auto;
	margin:0;
	padding:0 0 10px 0;
	}
.LogInFormHolder  .LogInForm{ margin:5px 0 0 10px; padding:0;}

#ContentAreaMainBlock #KeyDatesBrakeDown{ margin:10px 0 0 15px;}

#ContentAreaMainBlock .Pdf{ margin:0 0 0 15px;}	
	
#ContentAreaMainBlock .Logos{margin:15px 0 0 0;}

#ContentAreaMainBlock .VolunteerForm,
#ContentAreaMainBlock .UpDateForm{ width:400px; margin:0 0 0 15px;} 		

#ContentAreaMainBlock .UpDateForm{ margin:0;}

#ContentAreaMainBlock .JRFMembers{ margin:5px 0 0 0; }	
#ContentAreaMainBlock .Sponsors{ 
	display:block;
	margin:15px 55px 0 0;
	width:187px;
}	
	
#ContentAreaMainBlock .Officers li,
#ContentAreaMainBlock .JRFMembers li,
#ContentAreaMainBlock .Sponsors li,
#ContentAreaMainBlock .VolunteerForm li,
#ContentAreaMainBlock .UpDateForm li,
#ContentAreaMainBlock .Pdf li,
#ContentAreaMainBlock #KeyDatesBrakeDown li,
#ContentAreaMainBlock #ScholarKeyLegend li,
.LogInFormHolder .LogInForm li,
#ContentAreaMainBlock #ScholarshipOpportunities li{
	list-style:none;
	width:237px;
	float:left; 
	display:block;
	margin:20px 0 0 0;
	padding:0 0 10px 0;
	color:#666;
	}

#ContentAreaMainBlock #ScholarKeyLegend li{ margin:0; width:200px;}	
#ContentAreaMainBlock #KeyDatesBrakeDown li{ width:100%; margin:0;}
#ContentAreaMainBlock #ScholarshipOpportunities li{ margin:0;}
#ContentAreaMainBlock .Pdf li{ 
	background:url(../images/pdf-Icon.gif) no-repeat 0 4px; 
	width:100%;
	margin:0;
	padding-left:15px;
	}	
	
#ContentAreaMainBlock .Sponsors li,
#ContentAreaMainBlock .JRFMembers li{
	padding:0 0 10px 0; 
	margin:0;
	}	
	
#ContentAreaMainBlock .Logos li{
	float:left;
	width:auto;
	margin:0 10px;
	padding:0;
	display:block;
	height:70px;
	}
#ContentAreaMainBlock .VolunteerForm li,
#ContentAreaMainBlock .UpDateForm li,
.LogInFormHolder .LogInForm li{
	padding:0 0 10px 0;
	margin:0 15px 0 0;
	width:182px;
	}
.LogInFormHolder .LogInForm li{ margin:0;}	
.LogInFormHolder a .LogInForm li{ background:none; padding:0 0 5px 0;}	

#ContentAreaMainBlock .VolunteerForm li.FormDivider,
#ContentAreaMainBlock .UpDateForm li.FormDivider{ 
	border-bottom:1px dashed #E3E0C4; 
	margin-bottom:10px;
	}
#ContentAreaMainBlock .VolunteerForm li.FormDividerTop{ 
	border-top:1px dashed #E3E0C4;
	padding-top:10px;
	}	
#ContentAreaMainBlock .VolunteerForm li.SmallInput,
#ContentAreaMainBlock .UpDateForm li.SmallInput{ width:52px;}

#ContentAreaMainBlock .VolunteerForm li.FullTextArea,
#ContentAreaMainBlock .VolunteerForm li.FullTextArea input.FullTextArea,
#ContentAreaMainBlock .UpDateForm li.FullTextArea,
#ContentAreaMainBlock .UpDateForm li.FullTextArea textarea,
#ContentAreaMainBlock .UpDateForm li.FullTextArea input.FullTextArea{ 
	width:377px;
	}	
#ContentAreaMainBlock .VolunteerForm li	input.SubmitBtn,
#ContentAreaMainBlock .UpDateForm li input.SubmitBtn,
.LogInFormHolder .LogInForm li input.SubmitBtn{ width:auto;}	

#ContentAreaMainBlock .Officers li p,
#ContentAreaMainBlock .JRFMembers li p,
#ContentAreaMainBlock .VolunteerForm li p,
#ContentAreaMainBlock #KeyDatesBrakeDown li p.Dates,
#ContentAreaMainBlock #KeyDatesBrakeDown li p.KeyContent,
#ContentAreaMainBlock #ScholarshipOpportunities li p{ 
	width:100%; 
	float:left;
	margin:0;
	}		

#ContentAreaMainBlock #ScholarshipOpportunities li p{ width:98%; padding:0 0 10px 0;}
	
#ContentAreaMainBlock #KeyDatesBrakeDown li p.Dates{ width:100px; font-weight:bold;}	
#ContentAreaMainBlock #KeyDatesBrakeDown li p.KeyContent{ width:500px;}

#ContentAreaMainBlock .VolunteerForm li p{ padding-left:25px; float:none; clear:both;}
#ContentAreaMainBlock .JRFMembers li p.GeographicalLocation{ font-weight:bold; margin:0 0 5px 0;}

#ContentAreaMainBlock #Officers li a{ font-weight:bold;}	

#ContentAreaMainBlock .VolunteerForm li label,
#ContentAreaMainBlock .UpDateForm li label,
.LogInFormHolder .LogInForm li label{ font-weight:bold; float:left;}

.UpDateForm li label{ width:98%;}

#ContentAreaMainBlock .VolunteerForm li input,
.LogInFormHolder .LogInForm li input,
#ContentAreaMainBlock .UpDateForm li input,
#ContentAreaMainBlock .UpDateForm li textarea{ 
	float:left; 
	width:180px; 
	display:block;
	}
#ContentAreaMainBlock .UpDateForm li textarea{ height:100px;}	
#ContentAreaMainBlock .VolunteerForm li input.CheckBoxArea{ 
	width: auto; 
	margin-right:10px;
	}

#ContentAreaMainBlock .VolunteerForm li input.Text-Number,
#ContentAreaMainBlock .UpDateForm li input.Text-Number{ width:100px;}

#ContentAreaMainBlock .VolunteerForm li select,
#ContentAreaMainBlock .UpDateForm li select{ float:left; clear:both;}

#ContentAreaMainBlock .VolunteerForm li #Text-Zip,
#ContentAreaMainBlock .UpDateForm li #Text-Zip{ width:50px;}

.LogInFormHolder .LogInForm li a{
	color:#3187B4; 
	text-decoration:underline;
	}
.LogInFormHolder .LogInForm li a:hover{ text-decoration:none;}

.LogInFormHolder .LogInForm li a.LoginFormClose{
	float:right; 
	margin:10px 0 0 0;
	cursor:pointer;
	}

#NonWrapingContentArea h3,
#ContentAreaTopBlock h3,
#ContentAreaMainBlock h3,
.BioContentArea h3,
.EventsContentArea h3,
.EventsContentArea h4{ 
	font-size:18px; 
	font-weight:normal; 
	float:left; 
	width:98%;
	}
.EventsContentArea h4{ font-size:15px; padding:0 0 10px 0;}	
#ContentAreaMainBlock p{ float:left; margin:0 0 10px 0; width:98%;} 
#ContentAreaMainBlock .indent {margin-left:15px;}
#ContentAreaMainBlock ol#listofterms {margin:0 0 10px 35px;}
#ContentAreaMainBlock h5{text-decoration:underline;}

#ContentAreaMainBlock ul.regions{
	margin-bottom:10px;
}
#ContentAreaMainBlock ul.regions li{
	list-style:none;
	float:left;
	width:150px;
}
/* Main Content Right Side */

#MainContentBlockRightWrap{ 
	float:left; 
	width:250px; 
	margin:0 0 0 0;
	padding:9px 0 0 0;
	}
.MainContentBlockRightArea{
	border-bottom:1px dashed #E3E0C4;
	float:left;
	width:98%;
	padding:0 0 10px 10px;
	margin:0 0 10px 0;
	}
	
.MainContentBlockRightArea h4{ 
	font-size:11px; 
	font-weight:normal; 
	color:#3E8EAF;
	}

.MainContentBlockRightArea p,
.MainContentBlockRightArea img{ margin:10px 0 0 0;}

#MainContentBlockRightWrap .MainContentBlockRightArea ul {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:bullet;
	margin:10px 0 0 15px;
	width:215px;
	}
#MainContentBlockRightWrap .MainContentBlockRightArea ul li {
display:list-item;
float:none;
list-style-position:outside;
margin:0 10px 10px 0;
}
	
#MainContentArea #MainContentBlockFullWrap ul.sitemap{
	position:relative;
	float:left;
	width:150px;
	display:block;
	margin:0 20px 0 0;
	}
#MainContentArea #MainContentBlockFullWrap ul.sitemap li{	
	list-style-image:url(../images/Bg-arrow-sub-menu.gif);
	}

	
/**** =History Slider
---------------------------------------------*/	
.slider-wrap{ float:left; width:730px; margin:10px 0 0 5px;}
#slider1{ 
	float:left;
	overflow:hidden;
	position:relative;
	width:690px;
	height:460px;
	}
.panelContainer{ 
	float:left; 
	position:relative;
	height:100%; 
	width:690px;
	}
.panel{ float:left; width:690px;}
.stripNavL{
	float:left; 
	background:url(../images/Arrow-Left.gif) no-repeat; 
	width:19px; 
	height:59px;
	}
.stripNavR{ 
	float:left; 
	background:url(../images/Arrow-Right.gif) no-repeat; 
	width:21px; 
	height:59px;
	}
.stripNavL a,	
.stripNavR a{
	display:block;
	float:left;
	width:19px;
	height:59px;
	text-indent:-2000px;
	}
	
.ColumnOneSliderContent,
.ColumnTwoSliderContent,
.ColumnThreeSliderContent{
	float:left; 
	width:245px;
	}	
.ColumnThreeSliderContent{ width:200px;}	

.FullColumnSliderContent{ width:100%;}
	
.ColumnOneSliderContent h3,
.ColumnTwoSliderContent h3,
.ColumnThreeSliderContent h3,
.FullColumnSliderContent h3{
	float:left;
	width:100%;
	border-top:1px solid #E9E9E9;
	border-bottom:1px solid #E9E9E9;
	font-size:18px;
	padding:0;
	text-align:center;
	}
	
.ColumnOneSliderContent h3 span,
.ColumnTwoSliderContent h3 span,
.ColumnThreeSliderContent h3 span,
.FullColumnSliderContent h3 span{
	float:left;
	margin:0 0 0 50px;
	height:47px;
	background:url(../images/Bg-Slider-Bar.gif) no-repeat top center;
	font-weight:normal;
	padding:10px 0 0  0;
	}	
.SliderMainContent{ 
	float:left; 
	margin:0 0 0 19px;
	padding:35px 0 0 0;
	}	
.SliderMainContent img,
.SliderMainContent p{ 
	float:left; 
	display:block; 
	clear:both; 
	margin:0 0 20px 0;
	}	
.SliderMainContent p{ width:100%;}	
.SliderMainContent ul{ margin:0 0 20px 0; width:200px;}
.SliderMainContent ul li{ 
	display: list-item; 
	float:none;
	list-style-position:outside;
	margin:0 10px 10px 20px;
	}		
	
/**** = Bio Pop up
---------------------------------------------*/	
body#BoardPopUp{
	background:url(../images/Bg-MainContentHolder.png) repeat-y -1px 0 #ccc;
	padding:0 0 0 20px;
	}

#BoardPopUp h2{
	font-size:18px;
	color:#333px;
	float:left;
	}

#PopUpWrap,
#PopUpWrapVideo{
	border:1px solid #CCCCCC;
	background:#FFF;
	width:460px;
	padding:10px 20px;
	text-align:left;
	clear:both;
	float:left;
	}
	
#PopUpWrapVideo{ width:425px;}	
	
#PopUpWrap:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}	
	
#PopUpWrap p{ padding:0 0 10px 0; width:auto%; float: none; }	

#PopUpWrap p img{ float:right; padding:0 0 10px 10px;}

.scroll-pane {
	width: 485px;
	overflow: auto;
	float: left;
	margin:0 0 0 0;
	}
	
#pane2 {height: 400px;}	

.PaneContent{ width:445px; float:left;}

a.jScrollArrowUp {background: url(../images/basic_arrow_up.gif) no-repeat 0 0;}
a.jScrollArrowUp:hover {background-position: 0 -15px;}
a.jScrollArrowDown {background: url(../images/basic_arrow_down.gif) no-repeat 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{background-position: 0 -30px;}

.LogInFormHolder{ 
	width:100%; 
	float:left;
	display:none;
	}
.LogInFormHolder h2{ 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:12px; 
	font-weight: bold;
	margin:0;
	border-bottom:1px solid #E9E9E9;
	padding:0 0 5px 0;
	width:100%;
	}	
	
/**** =Footer   
---------------------------------------------*/
#FooterShell{ 
	width:100%; 
	float:left; 
	background:url(../images/Bg-FooterShell.jpg) repeat-x;
	text-align:center;
	}
#Footer{
	margin:0 auto;
	background:url(../images/Bg-Footer.jpg) no-repeat 3px 0;
	text-align:left;
	width:984px;
	color:#999;
	padding:0 0 50px 0;
	}

#Footer:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#Footer a{ 
	color:#999; 
	text-decoration:none; 
	float:left;
	}
#Footer a:hover{ text-decoration:underline;}
#Footer ul{float:left; margin:10px 0 0 10px;}
#Footer ul li{
	list-style:none;
	display:block;
	float:left;
	margin:0 10px 0 0;
	}
#Footer p{ float:right; margin:10px 10px 0 0;font-size:10px;}	

span.red_arrow{
background: transparent url('../images/Bg-arrow-sub-menu.gif') top left scroll no-repeat;
display:block;
float:left;
height:8px;
margin:5px 5px 0 0;
position:relative;
width:8px;
}
span.red_arrow_down{
background: transparent url('../images/Bg-arrow-sub-menu-down.gif') top left scroll no-repeat;
display:block;
float:left;
height:8px;
margin:5px 7px 0 -2px;
position:relative;
width:8px;
}