/* screen.css */

/* mac hide\*/
html, body {height:100%}
/* end hide */

h1
	{
	font-size:16px;
	font-weight:bold;
	margin:0 0 18px 0;
	}
p
	{
	margin:0 0 18px 0;
	}


html,body 
	{
	padding:0;
	margin:0;
	}
body
	{	
	text-align:center;
	min-width:930px;
	background:#CCCCCC;
	}
#outer
	{
	height:99.9%;
	min-height:100%;
	width:880px;
	text-align:left;
	margin:auto;
	position:relative;
	background:url(../images/bg_outer.gif) repeat-y center center #fff;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:12px;
	line-height:18px;
	padding:0 25px;
	}
body.home #outer {background-image:none;}
html>body #outer{height:auto;}
#header_home
	{
	position:absolute;
	top:0;
	width:880px;
	height:150px;
	overflow:hidden;
	z-index:100;
	background:url(../images/bg_header.gif);
	}
#header
	{
	position:absolute;
	top:0;
	width:880px;
	height:420px;
	overflow:hidden;
	z-index:100;
	background:url(../images/bg_header.gif) no-repeat #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	}

#right 
	{
	position:relative;
	width:290px;
	float:right;
	padding:150px 0px 0px 0px;
	}
#footer 
	{
	width:880px;
	clear:both;
	height:120px;
	left:25px;
	bottom:0;
	position: absolute;
	background:url(../images/bg_footer.gif) no-repeat;
	}
#footer p
	{
	color:#999999;
	padding:30px 0 0 0;
	}
* html #footer{margin-bottom:-1px}/* ie rounding bug*/
* html #footer 
	{/*only ie gets this style*/
	\height:122px;/* for ie5 */
	he\ight:120px;/* for ie6 */
	}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontenthome 
	{
	width:590px;
	float:left;
	padding:150px 0px 0px 0px;
	}
#centrecontent
	{
	width:640px;
	float:right;
	padding:440px 0px 0px 0px;
	}
#left 
	{
	position:relative;
	width:199px;
	float:left;
	padding:440px 0px 0px 0px;
	}
	
#clearfooter {width:100%;height:122px;clear:both}
html >body #minHeight{float:left;width:0px;height:100%;margin-bottom:-122px;} /*safari wrapper */


div.feature
	{
	width:192px;
	float:left;
	margin:5px 4px 0 0;
	}
div.feature h1
	{
	margin:10px 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #C8C8C8;
	}


div#intro
	{
	height:220px;
	background:#ED008C;
	color:#fff;
	padding:25px;
	}

div#news
	{
	background:#000;
	color:#fff;
	padding:25px;
	margin:5px 0 0 0;
	}
	
ul#leftnav
	{
	line-height:30px;
	}
ul#leftnav li
	{
	color:#A6A8AC;
	font-size:14px;
	text-decoration:none;
	}
ul#leftnav li a
	{
	color:#A6A8AC;
	font-size:14px;
	text-decoration:none;
	}
	
ul#leftnav li a:hover
	{
	color:#FF00FF;
	font-weight: normal;

	}	

ul#topnav li
	{
	float:left;
	padding:0 20px 0 0;
	}
ul#topnav li a
	{
	color:#A9A8AE;
	text-decoration:none;
	font-size:17px;
	font-weight:bold;
	}
#greyimg {
	border: 1px solid #666666;
}
.greylogos a:link img {
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;}

.greylogos a:visited img {
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;}

.greylogos a:hover img  {
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
	}
div#map {
	float:left;
	padding:0 10px 0 0;
	width:450px
	}
div#contentright {
	width:350px;
	float:right;
	}
table#contact {
	padding:5px 10px 10px 10px; border:1px solid #ccc; background:url(../images/bg_largelinks.gif) repeat-x bottom;
	}
table#contact td {
	padding:3px;
	}