@charset "utf-8";
/* CSS Document */

body{
	text-align: center;
	font: 11px "trebuchet ms", arail, helvetica, sans-serif; 
	color:#000;
	background-image: url('/images/qa_bg.gif');
	}

#container{
	margin-left: auto;
	margin-right: auto;
	width:810px;
	text-align: left;
	}

#wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 810px;
	text-align: left;
	border:1px solid #999;
	padding:5px;
	background-color:#fff;
	}

#top{
	border:1px solid #ccc;
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
	background-image: url('/images/bg_top.gif');
	height:74px;
	}

#flash{
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
	margin:5px;
	}

#nav{
	background:#ededed;
	background-image: url('/images/bg_nav.gif');
	height:18px;
	text-align:center;
	}

#contentwrapper{
	margin: 0 auto;
	width: 760px;
	/*height:350px;*/
	height:360px;	
	text-align: left;
	position:relative;
	}

#contentarea{
	width: 230px;
	/*height: 310px;*/
	height: 340px;
	position: absolute;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	top:0;
	left:250px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:4px;
	background-image: url('/images/blue_bg.jpg');
	background-position: bottom;
	background-repeat:no-repeat;
	}

#leftpanel{
	width: 230px;
	/*height: 310px;*/
	height: 340px;
	position: absolute;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	top:0;
	left:0px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:4px;
	background-image: url('/images/blue_bg.jpg');
	background-position: bottom;
	background-repeat:no-repeat;
	}

#boxtop1{
	width: 260px;
	height: 25px;
	position: absolute;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:0px;
	left:500px;
	background-color:#cce5ff;
	padding:4px;
	background-image: url('/images/sep.gif');
	background-repeat:repeat-x;	
	}

#boxtop2{
	width: 260px;
	height: 25px;
	position: absolute;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*margin-top:80px;*/
	margin-top:75px;	
	left:500px;
	background-color:#cce5ff;
	padding:4px;
	background-image: url('/images/sep.gif');
	background-repeat:repeat-x;	
	}

#boxtop3{
	width: 260px;
	height: 25px;
	position: absolute;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:170px;
	left:500px;
	background-color:#cce5ff;
	padding:4px;
	background-image: url('/images/sep.gif');
	background-repeat:repeat-x;		
	}

#boxtop4{
	width: 260px;
	height: 25px;
	position: absolute;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:270px;
	left:500px;
	background-color:#cce5ff;
	padding:4px;
	background-image: url('/images/sep.gif');
	background-repeat:repeat-x;		
	}

#rightpanel1{
	width: 260px;
	/*height: 50px;*/
	height: 50px;	
	position: absolute;
	margin-top:25px;
	left:500px;
	background-color:#cce5ff;
	/*border:1px solid #999;*/
	padding:0px 4px 2px 4px;
	}

#rightpanel2{
	width: 260px;
	/*height: 50px;*/
	height: 70px;
	position: absolute;
	/*margin-top:100px;*/
	margin-top:100px;	
	left:500px;
	background-color:#cce5ff;
	padding:0px 4px 2px 4px;
	}

#rightpanel3{
	width: 260px;
	/*height: 50px;*/
	height: 70px;
	position: absolute;
	margin-top:200px;
	left:500px;
	background-color:#cce5ff;
	padding:0px 4px 2px 4px;
	}

#rightpanel4{
	width: 260px;
	/*height: 50px;*/
	height: 48px;
	position: absolute;
	margin-top:300px;
	left:500px;
	background-color:#cce5ff;
	padding:0px 4px 2px 4px;
	}

#clear{
	clear:both;
	}

#footertop{
	background-image: url('/images/bg_footertop.gif');
	}

#footer{
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;
	background-image: url('/images/bg_footer.gif');
	height:22px;
	padding-top:2px;
	}

a{
	text-decoration:none;
	}

a:link{
	color:#333333;
	}
	
a:visited{
	color:#333333;
	}

a:hover, a:active{
	text-decoration:underline;
	color:blue;
	}