/*  
Theme Name: MCell and DReAMM Microphysiology Gateway
Theme URL: http://www.mcell.psc.edu
Description: CBQS theme
Version: 3.0.7
Author: Jenda Domaracki
*/

body {
		font-family: verdana, arial, sans-serif;
		font-size:11px;
		color: #000;
		background: #404A46 url(../img/page_back.gif) top repeat-x;
		}
		
		
a
{ 
	text-decoration:underline;
	font-weight:normal;
	color:#19221F; 
} 

a:hover, a.on
{ 
	color: #FFF;
	font-size:11px;
} 

li.sitemap
{
list-style: square;
list-style-position: outside;
margin-left: 20px;
line-height: 15px;
}

li.nums
{
list-style-type: decimal;
list-style-position: outside;
margin-left: 20px;
line-height: 15px;
}

#nav a, #sponsors a, #footer a
{ 
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#ccc; 
} 

#nav a:hover, #nav a.on, #sponsors a:hover, #footer a:hover
{ 
	color: #fff;
	font-size:12px;
} 	

*
{
	padding:0;
	margin:0;
}	
		
		
.clear 
{
  clear: both;
  height: 0;
}


.floatleft
{
	float:left;
}

.floatright
{
	float:right;
}

.center
{
	text-align:center;
}

img 
{
	border: 0;
}

img.ppl
{
	border: 1px solid #0000ff;
}

img.ppl:hover {
border: 1px solid yellow;
}

img.ppl:hover {
background-position: 0 0;
color: yellow; /* irrelevant definition to overcome IE bug */
}

.photocredit {
		font-size: xx-small;
		line-height: 1em;
		color: #666666;
}

p
{
line-height: 15px;
}

hr
{
display:none;

}

input, select	
{
	margin-top:5px;
	font: 11px verdana, arial, sans-serif;
	padding:3px;
	margin-bottom:10px;
	color:#666;
	border: 1px #19221F solid;
	background: #FFF;
}

textarea
{
	margin-top:5px;
	font: 11px verdana, arial, sans-serif;
	padding:3px;
	margin-bottom:10px;
	width:385px;
	color:#666;
	border: solid 1px #19221f;
	background: #fff;
}

textarea.small
{
	margin-top:5px;
	font: 11px verdana, arial, sans-serif;
	padding:3px;
	margin-bottom:10px;
	width:350px;
	height:80px;
	color:#666;
	border: solid 1px #19221f;
	background: #fff;
}
.sidebar ul
{
	padding-left:15px;
	margin-left:15px;
}

.sidebar ul li
{
	font-weight:bold;
	margin:15px 0;
}

/* -- search form   ==================================================*/

#searchBox {position: absolute; top: 380px; left: 700px;}
	#searchBox label {display: none;}
	.search #searchBox .advanced label {display: inline;}

	#searchBox #search {position: absolute; width: 100px; height: 16px; border: none; color: #0088ff; font-size: 11px;}
	#searchBox .button {position: absolute; left: 100px; height: 17px;}
	#searchButton:hover {border: solid 1px #4287C8; margin: -1px 0 0 -1px;}
	#searchBox .advanced {display: none;}
	.search #searchBox .advanced {display: block; position: absolute; top: 41px; left: -339px; color: #fff;}
	.search .result {margin-bottom: 2em;}
	.search .published {font-style: italic;}



/* Begin Content Areas   =============================================== */
		
#wrapper
{
	width:778px;
	margin:0 auto;
	text-align: left;	
}

#sponsors
{
	width:115px;
	padding:0 5px 30px 5px;
	float:left;
	color:#95A09C;
	background:#19221F url(../img/bottom_curve.gif) bottom left no-repeat;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width:105px;
}

html>body #sponsors {
  width:105px;
} 



#main
{
	float:left;
	width:660px;
	margin-left:3px;
	margin-top:3px;
}

#main p
{
	margin-bottom:10px;
}

#nav
{
	height:27px;
	width:778px;
	padding-left:100px;
	background:#000 url(../img/nav_back.gif) left no-repeat;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width:678px;
}

html>body #nav {
  width:678px;
} 

#logo
{
	width:780px;
	height: 132px;
}

.header
{
	width:660px;
	height:195px;
	margin-bottom:3px;
}


#content
{
	width:660px;
	margin-top:2px;
	color:#FFF;
	background: url(../img/content_back.gif) repeat-y;
}

#contentext
{
	width:660px;
	margin-top:2px;
	color:#FFF;
	background: #666e6b;
}

#content p
{
		line-height:19px;
	}

#content div.mphys {
			
			float: right;
			margin: 4px 0 12px 5px;
			padding: 8px;
			text-align: left;
		}
#content div.mphys p {
				width: 200px;
				margin: 8px 0 0px 0px;
				
				font-family: sans-serif;
				font-size: 95%;
				font-style: italic;
			}

#content div.syn {
			
			float: left;
			margin: 4px 0 12px 12px;
			padding: 8px;
			text-align: left;
		}
#content div.syn p {
				width: 160px;
				margin: 8px 0 0px 0px;
				
				font-family: sans-serif;
				font-size: 95%;
				font-style: italic;
			}

	
/* .content_left a[href^="http:"], .content_left a[href^="http:"] {
background: transparent url(../img/aoutside.gif) 100% 50% no-repeat;
padding-right: 10px;
white-space: nowrap;
}
*/

.content_left
{
	float:left;
	width:438px;
	margin-right:2px;
	padding:5px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width:428px;
}

.content_chart
{
	float:left;
	width:778px;
	margin-right:2px;
	padding:5px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width:428px;
}

html>body .content_left {
  width:428px;
} 


.sidebar
{
	float:left;
	width:217px;
	padding:5px;
	color:#484F4C;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width:207px;
}

html>body .sidebar {
  width:207px;
} 

.intro
{
	width:660px;
	background:#666E6B;
	padding:5px;
	margin:3px 0;
	color:#FFF;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width:650px;
}

html>body .intro {
  width:650px;
} 



/* Begin Header tags  =============================================== */		
h1, h2, h3, h4
{
	font-family: Georgia, "Times New Roman", Times, serif;
}


h3
{
	font-size:16px;
	color:#19221F;
	margin:10px 0 10px 0;
}

h3.title
{
	font-size:16px;
	color:#19221F;
	margin:0;
}

h4
{
	font-size:12px;
	color:#19221F;
	margin:10px 0 10px 0;
}

.bolder
{
	font-family: verdana, arial, sans-serif;
	font-size:13px;
	font-weight: bolder;
	color:#ffffff;
}

/* Begin Header Image Variations  =============================================== */		

.home
{
background:#000 url(../img/storm_banner.jpg);
}

#footer
{
	position:relative;
	width:660px;
	text-align:right;
	height:70px;
	background: #000  url(../img/footer_back.gif) bottom no-repeat;
	margin-top:3px;
}

#footer ul
{
	padding-top:25px;
}

#footer ul li
{
	display:inline;
	list-style:none;
	margin:0 12px;
}




/* Begin Nav Styling  =============================================== */				


#nav ul
{ 
text-align:right;
padding-top:6px;
margin-right:40px;
margin-right:25px;
}

#nav ul li
{ 
display:inline;
}

#nav ul a
{ 
padding:0 10px;
}


/* Begin Image replacement Styling  =============================================== */	

#logo h1
{
	float:left;
	width: 388px; 
	height: 132px;
}

#logo h1 a, #logo h1 a:hover
{
	display:block;
	width: 515px; 
	height: 132px;
	background: url(../img/logo.gif);
}

#logo span, #logo em, #nav p, #nav hr, #sponsors hr
{
	display:none;
}
#id { }