/*********** site wide styles *********/

body
{
	margin: 0;
	padding: 0;
	font-family: Genena, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 2em;
	color: #333;
	background-color: #999999;	
	
}

#centerme
{
	width: 980px;
	height: auto;
	margin: 0 auto;
}

a{color: #333; text-decoration: none;}

a:hover{color:white;}


#flash{
	margin: 0 auto;
	}
	
#scrollingContent
{
	width: 700px;
	height: auto;
	float:left;
	display:inline;
	margin: 20px 0 0 5px; 

}

/*********** navigation styles *********/
#flashNav
{
	width: 223px;
	height: 456px;
	float: left;
	margin-top: 40px;
	
}


#navScrollContainer
{
	width: 223px;
	height: 700px;
	margin-left:50px;
	float:left;
	background: url(images/navFadeBackground.png) bottom left no-repeat;
}

#navContainer
{
	width: 223px;
	height: 608px;
	margin-left:50px;
	float:left;
	background: url(images/navBackground.png) bottom left repeat-x;
}



/*********** more page styles *********/


h3{
	font-family: genena, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	margin: 20px 0 5px 0; 
 }
 
.rectangle
{
	background-color:black;
	padding:2px;
	color: white;
}

.project
{
	background: url(images/moreBackground.jpg) top left no-repeat;
	width:auto;
	height: 146px;
	margin:0;
}

.project img
{
	border: 1px solid white;
	margin:5px 0 0 5px;
	float:left;
	display:inline;
}

.specsLeft
{
	float:left;
	display:inline;
	text-align: right;
	margin:30px 10px 0 10px;

}

.specsRight
{
	float:left;
	display:inline;
	color:white;
	margin-top:30px;
}

.moreInfo
{
	float:left;
	margin: 10px 0 0 10px;
	display:block;
	background: url(images/pdficon.gif) left center no-repeat;
	padding-left:25px;
}

.moreInfoSWF
{
	float:left;
	margin: 10px 0 0 10px;
	display:block;
	/*background: url(images/swficon.png) left center no-repeat;
	padding-left:25px;*/
}

.topButt
{
	padding-left: 600px;
}


/*********** about us section styles *********/
#aboutContainer{
	width: 700px;
	height: 588px;
	float:left;
	display:block;
	margin-top:20px;
		
}

#aboutFlash{
	width: 900px;
	height: 600px;
	margin: 20px 0 0 50px;

}

#aboutContent
{
	width: 700px;
	height: 588px;
	float:left;
	display:inline;
	margin-top: 20px;
	background: url(images/aboutBackground.jpg) top left no-repeat;

}
#aboutNav{margin-top: 12px;}


h1{
	font-size: 24px; 
	font-weight: normal;
	margin: 0;
	color: #333;
	}

.boxed{
	/* display: block; */
	border: 4px solid #ccc;
	text-transform: uppercase;
	padding:0 16px 0 2px;
	background: url(images/arrow.gif) right center no-repeat #ccc;
}

.boxed:hover{
	background-color: #999;
	border-color: #999;
	color: #333;
	}
/*********** profile page styles *********/

.profile{background: url(images/profileBckgrnd.jpg) bottom left no-repeat;}

#profileText{
	width:300px;
	margin:35px 0 0 50px;
	/* color: #4d4d4d; */
	font-size: 14px;
	line-height: 1.4em;

}

/*********** leadership & news page styles *********/

div.collapse{ 
	width: 550px;  
	margin:0;  
	}	
	
div.collapse-container{ 
	width: 500px; 
	height: 100%; 
	padding:0 20px 15px 0; 
}

.leadership{
	list-style: none;
	margin-left:-40px;
	margin:0 !ie_only;
}

.leadership li{

	background:url(images/leadershipBackground.jpg) left top repeat-y;
	min-height: 160px;
	margin:0 0 10px 0;
}

.leadership img{
	float:left;
	border: 1px solid white;
	margin:4px 10px 4px 4px;
}

#accordion h3{margin:0;}

.cv
{
	margin-top: 10px;
	display:block;
	background: url(images/pdficon.gif) left center no-repeat;
	padding-left:25px;
}


.name{
	margin:5px 0 0 0;
	float:left;
	display:block;
	width:520px;
	}

.intro{
	width: 520px;
	margin:0;
	float:left;
	}
	
/* old news styles
.news{
	list-style: none;
	padding: 0;
	margin: 0;
}

.news li{

	background:url(images/leadershipBackground.jpg) left top repeat-y;
	min-height: 140px;
	margin:0 0 10px 0;
	padding-left: 20px;
}

#cliffsInvite{
	background:url(images/leadershipBackground.jpg) left top repeat-y;
	margin:0 0 10px 0;
	padding: 0 0 10px 20px;
}

#cliffsInvite a img{border:none;}
	
.newsIntro{
	width: 520px;
	margin:0;
	}

#newsSlideshow
	{
	width: 500px;
	margin-top:10px;
	}
	
*/

/*********** community page styles *********/
#communityText
{
	width: 635px;
	height: 162px;
	padding:20px 20px 0 20px;
	/* float:left; */
	background-color: #666;
	color: #fff;
	line-height:1.5em;
}

#communityText p{margin: 12px 0; padding: 0;}
#communitySS{background-color: #666;}

/*********** recognition page styles *********/
.recognition{background: url(images/recognitionBckgrnd.jpg) bottom left no-repeat;}

#recognitionText{
	width: 280px;
	margin: 140px 0 0 350px;
	line-height:1.5em;
}


/*********** publication page styles *********/
#colWrapper{
	background:url(images/leadershipBackground.jpg) left top repeat-y;
	margin-top: 10px;
	height:auto;
	min-height: 250px;
}

#col1{
	width:225px;
	float:left;
	display:inline;
	margin-left:4px;
	text-align: center;
	line-height: 1.5em;

}

#col1 h3{
	font-family: genena, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	margin: 0; 
	line-height: 1.5em;
	background: black;
 }
 
#col1 img
{
	border: 1px solid white;
	margin:5px 0 0 0;
}

.date{
	font-size: 10px;
	color: #333;
}

.viewArticle
{
	margin:5px 0 5px 50px;
	display:block;
	background: url(images/pdficon.gif) left center no-repeat;
	padding-left:25px;
	text-align: left;
}


/*********** contact page styles *********/
#contactContent
{
	width: 700px;
	height: 588px;
	float:left;
	display:inline;
	margin-top: 20px;
	background: url(images/contactBackground.jpg) top left no-repeat;

}

#form{
	width:400px;
	margin:40px 0 0 20px;
	height:280px;
}

#form font{
	font-size: 12px;
}


#contactWrapper{
	width: 680px;
	display: block;
	margin: 0;
}

#col{
	width:215px;
	float:left;
	display: inline;
	margin:0 0 0 8px;
	margin:8px 0 0 8px !ie_only;
	
}

h4{
	color:white;
	background-color: black;
	margin:0;
	font-weight: normal;
	font-size: 12px;
	padding-left:10px;
}

.contact{
	background-color: white;
	padding:10px 0 10px 10px;
	margin-top: 4px;
	line-height: 1.5em;
}

.contact a:hover{color:#ccc;}


/*********** footer  styles *********/

#footer
{
	width: 850px;
	margin: -10px auto 0 auto;
	font-size: 10px;
	color:#666;
	clear:both;
}


/*********** clear fix  styles *********/
.clearfix:after{ /*Clear floats hack: http://positioniseverything.net/easyclearing.html*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix{
display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */