@charset "utf-8";
/* CSS Document */

body
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
margin: 0px;
padding: 0px;
background-image: url(../images/body_bg_x.jpg);
background-repeat: repeat-x;
}

div {margin: 0px; padding: 0px;}
a img {border: none;}
.clear {clear: both;}

#container
{
margin: 0px auto 0px auto;
position: relative;
width: 871px;
background-image: url(../images/cont-bg.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
padding: 0px 45px 0px 45px;
}

#topbar
{
text-align: right;
font-family: "Times New Roman", Times, serif;
color: #666666;
font-style: italic;
line-height: 22px;
}

#navcont
{
margin: 28px 0px 0px 0px;
text-align: right;
z-index: 150;
}

#nav
{
float: right;
list-style: none;
margin: 0px;
padding: 0px;
z-index: 150;
}

	#nav li
	{
	display: block; 
	float: left; 
	z-index: 150;
	}

	#nav li a 
	{
	display: block;  
	border-right-color: #666666; 
	border-right-style: dotted;
	border-right-width: 1px;
	line-height: 15px;
	padding: 0px 10px 0px 10px;
	color: #4D4D4D;
	text-decoration: none;
	font-size: 11px;
	z-index: 150;
	}
	
	#nav li a:hover
	{
	color: #333333;
	}
	
	#nav li a.current
	{
	color: #00ADEE;
	}
	
	#nav li ul
	{	
	position: absolute;
	visibility: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 150;
	width: 200px;
	}

	#nav li ul li
	{	
	position: relative;
	display: block;
	margin: 0;
	padding: 0px;
	width: 200px;
	white-space: nowrap;
	text-align: left;
	z-index: 150;
	letter-spacing: normal;
	}
	
	#nav li ul li a
	{
	display: block;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	background-color: #FFFFFF;
	color: #B3B3B3;
	opacity:0.95;
	filter:alpha(opacity=95);
	font-size: 11px;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	border-bottom-color: #666666;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-right: none;
	z-index: 150;
	}
	
	#nav li ul li a strong {color: #4D4D4D;}
	#nav li ul li a strong:hover {color: #4D4D4D;}

	#nav li ul li a:hover
	{	
	background: #DDDDDD;
	z-index: 150;
	}

#logo
{
position: absolute;
left: 65px;
top: 0px;
border: none;
z-index: 150;
}

#banner
{
background-image: url(../images/banner_bg.jpg);
background-repeat: no-repeat;
width: 866px;
height: 252px;
float: left;
margin: 36px 0px 0px 2px;
z-index: 10;
}

#profiles
{
position: absolute;
top: 280px;
right: 67px;
z-index: 160;
}

	#profiles a
	{

	background-image: url(../images/profile-bg.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	width: 127px;
	height: 101px;
	padding: 10px 0px 0px 10px;
	}

#content
{
clear: both;
padding-top: 40px;
width: 866px;
z-index: 100;
}

#leftcontent
{
width: 258px;
float: left;
margin: 5px 27px 0px 17px;
border-top-color: #666666; 
border-top-style: dotted;
border-top-width: 1px;
}

	#leftcontent div, .contactblock
	{
	background-image: url(../images/bottom-gradient.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	min-height: 40px;
	margin: 3px;
	padding: 10px 16px 10px 16px;
	border-bottom-color: #666666; 
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	color: #333333;
	}
	
		#leftcontent div p, .contactblock p {margin: 0px; padding: 0px;}
	
	#leftcontent div a, #leftcontent div span, .contactblock a, .contactblock span
	{
	color: #00ADEE;
	text-decoration: none;
	line-height: 24px;
	margin-top: 6px;
	display: block;
	}
	
		.contactblock span {float: left; margin-right: 90px;}
	
		.email, .tel, .web, .fax
		{
		background-repeat: no-repeat;
		background-position: left;
		padding-left: 34px;
		}
		
		.email {background-image: url(../images/icons_email.png);}
		.tel {background-image: url(../images/icons_tel.png);}
		.web {background-image: url(../images/icons_web.png);}
		.fax {background-image: url(../images/icons_fax.png);}
		
#maincontent
{
float: left;
width: 494px;
min-height: 290px;
background-image: url(../images/mcbox-top.jpg);
background-repeat: no-repeat;
padding: 25px;
color: #294A7C;
position: relative;
padding-bottom: 30px;
}

	#contactmaincontent
	{
	float: left;
	width: 534px;
	min-height: 290px;

	padding: 5px;
	color: #294A7C;
	position: relative;
	padding-bottom: 30px;
	}

#maincontent-profile
{
float: left;
width: 494px;
min-height: 290px;
background-image: url(../images/mcbox-top-profile.jpg);
background-repeat: no-repeat;
padding: 15px 25px 25px 25px;
color: #294A7C;
position: relative;
padding-bottom: 30px;
}

	#maincontent-profile h1
	{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #999999; 
	}
	
		#maincontent-profile h1 strong
		{
		margin: 0px;
		padding: 0px;
		font-size: 12px;
		color: #0092EE; 
		}
	
	#maincontent a, #maincontent-profile a {color: #00ADEE; text-decoration: none;}
	#maincontent a:hover, #maincontent-profile a:hover {color: #333333;}
	
	#maincontent h1, #contactmaincontent h1
	{
	color: #00ADEE;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	}
	
	#maincontent h2, #contactmaincontent h2
	{
	color: #00ADEE;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	}
	
	#maincontent p, #maincontent-profile p, #contactmaincontent p
	{
	line-height: 150%;
	text-align: justify;
	}
	
	#maincontent ul, #maincontent ol, #contactmaincontent ol, #contactmaincontent ul
	{
	line-height: 150%; 
	color: #00ADEE; 
	margin: 0px; 
	padding: 0px 15px 15px 15px;
	background-image: url(../images/ul-bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}
	
	#maincontent ul li, #maincontent ol li, #contactmaincontent ul li, #contactmaincontent ol li
	{
	margin-left: 15px;
	}
	
	#maincontent u, #maincontent u, #contactmaincontent u {color: #294A7C; text-decoration: none;}
	.blue {color: #00ADEE;}

	#maincontent .bottom
	{
	background-image: url(../images/bottom-gradient.jpg);
	background-repeat: repeat-x;
	height: 30px;
	width: 544px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-bottom-color: #666666; 
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	}
	
	.arrowlink {padding-left: 36px; line-height: 26px; background-image: url(../images/icons_arrow.png);
	background-repeat: no-repeat; background-position: left; color: #00ADEE; display: block; float: left; height: 26px;}
	
	.indent {margin-left: 147px;}
	.ppage 
	{
	float: left; 
	margin: 10px 10px 10px 0px; 
	background-image: url(../images/profile-bg.png); 
	background-repeat: no-repeat; 
	width: 127px;
	height: 101px;
	padding: 10px 0px 0px 10px;
	}
	
#footer
{
clear: both;
font-size: 11px;
padding-top: 10px;
color: #B3B3B3;
}

	#footer a{color: #B3B3B3; text-decoration: none;}

	#footer-left
	{
	width: 258px;
	float: left;
	margin: 0px 27px 0px 17px;
	}
	
	#footer-right
	{
	width: 494px;
	float: left;
	}
	
/* NAV CURRENT */

.home #home,
.team #team,
.arested #arested,
.funding #funding,
.services #services,
.contact #contact {color: #00ADEE;}

.home #home:hover,
.team #team:hover,
.arested #arested:hover,
.funding #funding:hover,
.services #services:hover,
.contact #contact:hover {color: #00ADEE;}
