body{
	font-family: arial, verdana, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-color: #fffff;
	background:url(media/bg-main.gif) repeat;
}

img {border:none;text-align:center;}
a {text-decoration:none; color:#990000;}
a.b{color:#000;}
a hover{text-decoration: underline;}

#container {
	position:relative;
	width:830px;
	left:48.3%;
	margin-left:-390px;
	background:url(media/bg.gif) repeat-y center;
	overflow:none;
}
#page{
	position:relative;
	left:49%;
	margin-left:-390px;
	width:800px;
	border: 1px solid #888888;
	background-color:#ffffff;
}


#header{
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #fff;;
	height: 123px;
	border-bottom:1px solid #888888;
	padding:0px;
	background:url("media/header5.jpg") no-repeat;
}

#sideLeft{
	float: none;
	width:150px;
	height:100%;
	background-color: #efefef;
	padding:0px 0px 1px 0px;
	margin-top: 1px;
}

#scrollup{
	position: relative;
	overflow: hidden;
	border: 1px solid #888;
	height: 60px;
	width: 145px
}

.headline{
	position: absolute;
	top: 190px;
	left: 5px;
	height: 70px;
	width:140px;
	font:bold 11px/12px arial, verdana, sans-serif;
}



#sideRight{
	float: none;
	width:165px;
	height:100%;
	text-align:center;
	padding:0px 0px 0px 0px;
}

.select {
	list-style-image:url(media/blt_lrg.gif);
	margin:0px 0 0px 5px;
	font:bold 14px/16px arial, verdana, sans-serif;
	color:#555;
}

#preamble {	
}
#content_bg {	
}
.scoll{
	display: none;
	margin-left: -1000px;
}
#splash {	
	//background:url("media/bg-splash.jpg") no-repeat;
	//background:url("media/gradient-grey.gif") repeat-x;
}


#tool {	
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background:url("media/tool.jpg") no-repeat;
	height: 102px;
	color: #000;
	width: 801px;
	font-size: 32px;
	font:normal 32px "Arial,Helvetica,sans-serif";
}
#subtool {	
	font-size: 24px;
	font:normal 24px "Arial,Helvetica,sans-serif";
	margin: 0;
	padding: 0;
}
#top {
	position:relative;
	left:48.3%;
	margin-left:-390px;
	background:url(media/top.gif) no-repeat;
	width:830px;
	height:22px;
	}
	
#bottom {
	position:relative;
	left:48.3%;
	margin-left:-390px;
	margin-top: 0pcx;
	background:url(media/bg-bottom.gif) no-repeat;
	width:830px;
	height:22px;
	}
	
#extraDiv2 {
	width:48.3%;
	position:absolute;
	top:0;
	left:0;
	height:127px;
	background:url(media/topLeft_bg.gif) repeat-x;
	z-index:10;
	}
#extraDiv3 {
	width:49%;
	position:absolute;
	top:0;
	right:0;
	height:141px;
	background:url(media/topRight_bg.gif) repeat-x;
	z-index:10;
	}
	
#content{
	float:none;
	width: 465px;
	text-align:top;
	margin:0px 0px 0px 0px;
	padding:10px 10px 20px 10px; 
	height:100%;
	font-size: 12px;
	background:url("media/gradient-grey.gif") repeat-x;
	border-left:1px solid #888;
	border-right:1px solid #888;	
	font:normal 11px/16px "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;
}	
#tool_content{
	float:none;
	width: 620px;
	height: 100%;
	min-height: 400px;
	text-align:top;
	margin:0px 0px 0px 0px;
	padding:10px 10px 20px 10px; 
	height:100%;
	font-size: 12px;
	background:url("media/gradient-grey.gif") repeat-x;
	border-left:1px solid #888;
	border-right:1px solid #888;	
	font:normal 11px/16px "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;
}
#survey_content{
	float:none;
	width: 780px;
	height: 100%;
	min-height: 400px;
	text-align:top;
	margin:0px 0px 0px 0px;
	padding:10px 10px 20px 10px; 
	height:100%;
	font-size: 12px;
	background:url("media/gradient-grey.gif") bottom left;
	font:normal 11px/16px "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;
}
#title{
	width:420px;
	margin-left:10px;
	margin-right:10px;
	font:normal 42px/26px arial, verdana,Helvetica,sans-serif;
	font-style:none;
	color:#333333;
	margin-top:19px;
}

#footer{
	clear: both;
	border-top: 1px solid #888888;
	padding:5px;
	font-size:x-small;
	text-align:center;
}

/* NAV */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin:0 auto;
	background:url("media/top_nav_bg_repeat_30.gif") repeat-x right;
	background-repeat: repeat-x;
	height: 20px;
}

#nav a {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	height: 14px;
	margin: 0px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 2em;
	padding-right: 2em;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	white-space: none;
}

#nav li {
	float: left;
	width: auto;
	position: relative;
	border-right:1px solid #888;
	list-style: none;
}

#nav li:hover,
#nav li.sfhover,
#nav a:focus, #nav a:hover, #nav a:active {
	background:#666;
	z-index:999;
}

#nav li ul {
	position: absolute;
	width: 200px;
	left: -999em;
	float: none;
	height: 20px;
	background:url("media/top_nav_bg_repeat_30.gif");
	white-space: none;
	z-index:999;
	opacity: 0.9999;
	border-right: none;
}

#nav li li {
	border-right: none;
	background:#666;
	background:url("media/top_nav_bg_repeat_30.gif") repeat-x right;
	float:none;
	white-space: none;
	width: 200px;
}
#nav li li a{
	border-right: none;
	background:#666;
	background:url("media/top_nav_bg_repeat_30.gif") repeat-x right;
	float:none;
	white-space: none;
}

#nav li:hover ul, #nav li.sfhover ul {
	left:-1px;
	top:20px;
	white-space: none;
	z-index:999;
}


/* quick hacks for IE */
*html #nav li li {
	margin-bottom:-3px;
}
*html #nav li li li {
	margin-bottom:-1px;
}
*+html #nav li li {
	margin-bottom:-3px;
}
*+html #nav li li li {
	margin-bottom:-1px;
}
/* ****** Sub Nav */
#subnav {
	position:relative;
	margin:0 auto;
	z-index: 990;
	border-bottom:1px solid #888;
}

#subnav ul {
	margin: 0px;
	padding: 0;
	width: 800px;
	z-index: 990;
}

#subnav ul li {
	padding-bottom: 0;
	display: inline;
	list-style: none;
	padding-top: 2px;
}

#subnav ul li a {
	position: relative;
 	float:left;
	display: block;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	height: 18px;
	margin-top: 0px;
	padding-bottom: 2px;
	padding-top: 4px;
	padding-left: 2em;
	padding-right: 2em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background:url("media/bg-sub.gif");
	background-repeat: repeat-x;
	border-right:1px solid #888;
	border-bottom:1px solid #ccc;
}

#subnav ul li a:hover {
	background:url("");
	background-color: #fff;
	z-index: 991;
}

#subnav  ul li a.navSelect{
	color: #000;
}

#subnav ul li a.subNavSelect{
	background:url("");
	background-color: #fff;
}	

#linkContainer{
	position:relative;
	top:4px;
	height:16px;
	padding:0px;
	margin:0px;
}

#sideLeftLink a{
	display:block;
	color:#000;
	font-size:7.5pt;
	padding:5px;
	background-color:#cbcbcb;
	border-bottom:1px solid #888;	
	border-left: 10px solid #555;
}

/* The following rule prevents gaps appearing in between navigation items and divider images Netscape and Firefox */
#sideLeftLink img {display:block;vertical-align:top;}

#sideLeftLink a:hover {background-color:#999;border-left: 10px solid #333;}
#sideLeftLink a.navSelect{
	color: #000;
	background-color: #efefef;
}

/* SIDE PANEL BOXES */

.leftPanel {
	width:124px;
	margin:10px; 
	border: 1px solid #888888;
 	background-color:#ffffff;
	text-align:left;
	font-size:8pt;
}

.leftPanel ul li{
	display: inline;
	list-style: none;
	padding-top:10px;
	text-indent: -1em;
	padding-left: 0px;
	margin-left: 0;
}
.leftPanel ul li a{
	display: inline;
	padding-top:10px;
	text-indent: -1em;
	padding-left: 0px;
	margin-left: 0;
}

 .panelItem {
	color:#333333;
	margin:5px;
	padding-left: 3px;
}

 .point {
	padding:5px;
	color:#333333;
	margin:5px;
}

.point:first-letter {
	color:#ff9900;
	font-size:medium;
	font-weight:bold;
}

h1 {font-size:x-large;}

.rightPanel {
	width:150px;
	margin:5px; 
	border: 1px solid #888888;
 	background-color:#ffffff;
	text-align:left;
	font-size:8pt;
}

.rightPanel ul li{
	display: inline;
	list-style: none;
	padding-top:10px;
	text-indent: -1em;
	padding-left: 0px;
	margin-left: 0;
}
.rightPanel ul li a{
	display: inline;
	padding-top:10px;
	text-indent: -1em;
	padding-left: 0px;
	margin-left: 0;
}

 .panelItem {
	padding:5px;
	color:#333333;
	margin:5px;
	padding-left: 10px;
}

 .point {
	padding:5px;
	color:#333333;
	margin:5px;
}

.point:first-letter {
	color:#ff9900;
	font-size:medium;
	font-weight:bold;
}

h1 {font-size:x-large;}




.survey{
	float: left;
	padding: 30px;
}
.survey table{
	background: #eee;
	width: 705px;
}
.survey .surveytextarea{
	width: 700px;
	height: 100px;
}
.survey tr{
	width: 700px;
}
.survey .surveytext{
	width: 580px;
	height: 13px;
}
.surveylabel{
	background: #ccc;
	font-weight: bold;
	padding-right: 4px;
	padding-left: 7px;
}
.msg{
	font-style: italic;
	color: #888;
}
.survey h1{
	font-size: 30px;
	color: #c71f22;
}
.sectionheader{
	background: #eee;
	font-size: 14px;
	font-weight: bold;
}
.surveytextshort{
	width: 157px;
}
.shortlabel{
	width: 50px;
}
.surveymatrix{
	font-size: 10px;
	padding: 5px;
	margin-left: 30px;
}
.fill{
	width: 500px;
}
.surveynumber{
	width: 100px;
}
.yn{
	white-space: nowrap;
}
.surveylinedmatrix td{
	vertical-align: top;
	border: 1px solid #888;
}
.bld{
	font-weight: bold;
	font-size: 14px;
}