/* CSS Document */

/* mac hide\*/
html, body {height:100%;
			font-family:Arial, Helvetica, sans-serif;
			color: #FFF;
			font-size:12px;}
/* end hide */
html,body {
	padding:0;
	margin:0;
}
body{	
	text-align:center;
	background: url(images2/bg2.gif) top center repeat-y #E6E3DE;
	
}
#outer{
	min-height:900px;
	width:950px;
	background: #494949;
	text-align:left;
	margin:0 auto;
	position:relative;
}
 
* html #outer{
	height:100%; /*IE treats height as min-height anyway*/
	width:952px;
	w\idth:950px;
}


/*-- MENU --*/

.menu {height:47px; 
	width:100%; 
	background:url(images2/menu_bg.jpg) repeat-x;
	}

.menu ul{
	margin: 0; padding: 0 0 0 8px;
	}

.menu ul li{
	display: inline; line-height:24px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em;}

.menu ul li a{
	float: left; text-decoration: none;
	color: white;
	padding: 0 20px;}

.menu ul li a:link, .menu ul li a:visited {
	text-decoration:none;
	margin-right:1px;
	}
.menu ul li a:hover, .menu ul li a:active {
	background:url(images2/menu1_over.png) repeat-x;
	color:#474747;
	border-right: 1px solid #91BC29;
	margin-right:0;
	}
.menu ul li.current a, .menu ul li.current a{
	background:url(images2/menu1_over.png) repeat-x;
	color:#474747;
	border-right: 1px solid #91BC29;
	margin-right:0;
	}


.home a{
	width:90px;
	}
.menu ul li.home a:link, .menu ul li.home a:visited {
	text-indent:-5000px;
	background:url(images2/logo_menu.png) no-repeat center 6px;
	margin-right: 1px;
	border:none;
	}
.menu ul li.home a:hover, .menu ul li.home a:active {
	text-indent:-5000px;
	background:url(images2/home_over.png) no-repeat center;
	border-right: 1px solid #003366;
	margin-right:0;
	}




#header{
	width:950px;
	height:282px;
	background:url(images2/web5header.jpg) no-repeat top left;
	overflow:hidden;
}
#header2{
	width:950px;
	height:140px;
	background:url(images2/web4header.jpg) no-repeat top left;
	overflow:hidden;
}
#logo, #logo2 {
	behavior: url(images2/iepngfix.htc);
	width:312px;
	height:131px;
	background:url(images2/web3logo.png);
	position:absolute;
	top:0;
	left:43px;
	overflow:hidden;
	}
#logo a, #logo2 a {
	display:block;
	}
#logo a h1, #logo2 a h1 {
	font-size: 1em;
	line-height:270px;
	}
#intro {
	color:#FFF;
	margin:148px 97px 0 368px;
	}
#intro p {
	margin:0;
	padding:0;
	font-size:1.5em;
	}


#maincontent {
	margin: 30px 45px;
}
#maincontent h2 {
	margin-left:21px;
	}
	
#maincontent h3 {
	margin-left:21px;
	color:#33CCFF;
	}
#maincontent h3 a:link, #maincontent h3 a:visited {
	text-decoration:none;
	color:#05ACE5;
	}
#maincontent h3 a:hover, #maincontent h3 a:active{
	text-decoration:none;
	color:#C5F017;
	}

#maincontent p {
	margin: 5px 21px;
	}

.column {
	width:285px;
	float:left;
	border-right: 1px solid #6A6A6A;
	margin:0 0 30px 0;
	padding:0;
	min-height:250px;
	}
	
#maincontent .column h2 {
	padding:0 0 108px 0;
	margin: 0 23px 0 21px;
	font-size:1.5em;
	}
	
#maincontent .column p {
	padding:15px 21px 15px 0px;
	}

.column a:link h2, .column a:link p, .column a:visited h2, .column a:visited p {
	text-decoration:none;
	color:#FFF;
	}

.column a:hover h2, .column a:active h2 {
	text-decoration:none;
	color:#C5F017;
	}
.column a:hover p, .column a:active p {
	text-decoration:none;
	color:#FFF;
	}

#qol {
	background:url(images2/web3survey.jpg) no-repeat bottom;
	}
a:link #qol, a:visited #qol {
	background-position:-241px 2.6em;
	}
a:hover #qol, a:active #qol {
	background-position: 0 2.6em;
	}	

#tool {
	background:url(images2/web3tool.jpg) no-repeat bottom;
	}
a:link #tool, a:visited #tool {
	background-position:-241px 2.6em;
	}
a:hover #tool, a:active #tool {
	background-position: 0 2.6em;
	}
	
#conf {
	background:url(images2/web3conf.jpg) no-repeat bottom;
	}
a:link #conf, a:visited #conf {
	background-position: -241px 2.6em;
	}
a:hover #conf, a:active #conf {
	background-position: 0 2.6em;
	}
	
.survey {
	width:320px;
	float:left;
/*	border-right: 1px solid #6A6A6A; */
	margin:30px;
	padding:0 0 30px 0;
	font-size:1.5em;
	}

.survey p a:link, .survey p a:visited {
	text-decoration:none;
	color:#FFF;
	}
.survey p a:hover, .survey p a:active {
	color:#C5F017;
	}
	
#brochure a {
	background:url(images2/brochure.jpg) top left no-repeat;
	display:block;
	height:330px; width:240px;
	text-indent:-5000px;
	border:none;
	margin-bottom:40px;
	}
	
.bottom{
	background:#D8D1C5;
	color:#323232;
	width:950px;
	clear:both;
	padding:10px 0 20px 0;
	margin:0;
	}
.news1 {
	width:615px;
	/*-- border-right: 1px solid #6A6A6A; --*/
	float:left;
	}
.news1 h2 {
	color:#323232;
	padding:10px 68px 0 68px;
	}
.news1 h3 {
	color:#38689C;
	padding:10px 68px 0 68px;
	margin-bottom:0;
	}
	
.news1 p {
	padding:0 50px 5px 68px;
	}
	
.news2 {
	width:285px;
	margin:30px 0 0 21px;
	float:left;
	}
.quotes {
	width:264px;
	background:url(images2/quotes.gif) no-repeat;
	height:170px;
	overflow:hidden;
	}
	
.quotes h2 {
	text-indent: -5000px;
	}
	
.quotes q {
	display:block;
	text-indent: -5000px;
	}
.news2 p {
	margin:-20px 0 30px 0;
	width:180px;
	}	

	
p a:link, p a:visited {
	color:#05ACE5;
	}
	
#footer {
	clear:both;
	width:950px;
	height:121px;
	background: url(images2/footer2.jpg) no-repeat bottom;
	text-align:center;
/*	text-indent:-2000px; */
	margin:0 0 -20px 0;
}

#button_slides {
	behavior: url(images2/iepngfix.htc);
	width:137px; height:192px;
	background:url(images2/slides_btn.png) no-repeat top left;
	position:absolute;
	top:170px; right:0px;
	}