html,body{
	background : url(../images/bg.jpg) repeat-x #b2d5e9;
	margin:0;
	padding:0;
	font-family : Arial, Helvetica, Verdana, Geneva,sans-serif;
	height:100%; /* needed for container min-height */
}

html{
	font-size:62.5%;
}





img{border:none;}

.clearDiv{clear:both;}

div#wrap{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	min-width:940px;
	
}

div#content, div#contenthome, div#defaultQuestion{
width:675px;
	margin:0 auto; /* center, not in IE5 */
	padding:2em 1em 1em;
	font-size:140%;
}


div#contenthome, div#defaultQuestion{
	width:940px;
	text-align : center;
	padding-top:12em;
	position:relative;
	z-index : 20;
	height : 385px;
}

div#defaultQuestion{
	background : url(../images/questionbg.jpg) no-repeat;
	padding-top:15em;
	height : 365px;
	margin:auto;
}

div#defaultQuestion h1{
	font-weight:bold;
	color:#FFF;
	font-size:180%;
	margin:0px 0px 7px 0px;
}


.qlist{
	list-style : none;
	width:160px;
	margin:0;
	padding:0;
	margin:auto;
	
}

.qlist li{
	padding:0px 0px 7px 0px;
}

.qlist a{
	display:block;
	color:#333333;
	font-size:120%;
	font-weight:bold;
	text-decoration : none;
	padding:0px 10px 0px 0px;
	background : url(../images/greyBtn.gif) no-repeat 100% 6px;
}



div#contentquestions{
display:block;
background : url(../images/contentg.jpg) no-repeat;
	width:960px;
	margin:0 auto; /* center, not in IE5 */
	font-size:140%;
	position:relative;
	z-index : 20;
	height : 600px;
}




div#paper{
display:block;
background : url(../images/paper.jpg) no-repeat;
width:675px;
height:477px; 
z-index : 14;
position:relative;
margin-top:4em;
}

h3{
	margin:0;
	padding:0;
}


div#paperinner,div#termsDiv{
	overflow : auto;
	height:310px;
	width:635px;
	margin:0px 0px 30px 20px;
}


div#termsDiv{
	border:solid 1px #cccccc;
	overflow : auto;
	height:350px;
}

div#termsDiv h2{
margin:0;
padding:0;
}

div#termsDiv p{
padding-top:0px;
margin-top:0px;
}





#dataTable{
border-collapse : collapse;
table-layout : auto;
}

#topLine{
border-collapse : collapse;
table-layout : auto;
margin: 0px 0px 0px 20px;
}


#topLine th{ 
text-align : left;
padding:5px;
}


#topLine #thLeft{
	width:200px;
}

#topLine #thRight{
	width:400px;
}


#dataTable td{
padding:5px;
border-collapse : collapse;
table-layout : auto;
border:solid 1px #cccccc;
}

.leftCol{
	font-weight:bold;
	width:200px;
}


.rightCol a{
text-decoration : none;
	color:#000;
}

.rightCol a:hover{
	color:#000;
	text-decoration : underline;
}


.oddRow{background : #FFFFFF;}
.oddRow:hover{background : #f4f7b0;}

.evenRow{background : #e8e8e8;}

.evenRow:hover{background : #f4f7b0;}

.selected{background : #f3f7b3;}


#footer{
	background : #000;
	min-height:20px;
	color:#FFF;
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	z-index : 31;
}


#clouds{
	background : url(../images/clouds.png) repeat-x 0% 130%;
	min-height:100%;
	position:absolute;
	width:100%;
	top:0;
	z-index : 11;
	
}



#footer ul{
	list-style : none;
	display:inline;
	padding:0;
	margin:0;
}

#footer #rightList{
	float:right;
}

#footer #rightFooter{
	padding:5px 0px 0px 0px;
}


#footer ul li{
	display:inline;
	padding:5px 10px 5px 20px;
	font-size:120%;
	font-weight:bold;
}

#footer ul a{
	color:#FFF;
	text-decoration:none;
}

.greyList{
	color:#999999;
}


div#paperinner,div#termsDiv, div#getViewDiv{
 scrollbar-face-color:#d7de1f; 
 scrollbar-arrow-color:#000;
 scrollbar-base-color:#cccccc;
 scrollbar-track-color:#FFFFFF; 
 scrollbar-dark-shadow-color:#CCCCCC; 
 scrollbar-3dlight-color:#CCCCCC; 
 scrollbar-highlight-color:#000;
}



#navUL{
	list-style : none;
	display:block;
}

#navUL li{
	display:block;
	float:left;
	width:20px;
	padding:5px 0px 0px 0px;
}


#navUL li.on{
	color:#333;
	font-weight:bold;
	text-decoration:none;
}

#navUL li.off a{
	color:#999;
	font-weight:bold;
	text-decoration:none;
}


#navUL .imageli{
	width:35px;
	padding:0px 0px 0px 0px;
}

#countBox{float:left;margin:0px 20px 0px 20px;}


#countBox img{float:left;}

#countBoxInner{
	float:left;
	width:200px;
	min-height:24px;
	height:auto!important;
	height:24px;
	background : #333;
	color:#FFF;
	text-align:center;
	padding-top:5px;
	font-weight:bold;
	font-size:90%;
}


#countBoxInner span{
	color:#d7de20;
}

.floatLeft{
	float:left;
}

.floatRight{
	float:right;
}

.questions{
position : absolute;
	display:block;
}


.questions a{
	display:inline;
	width:100%;
	clear:both;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	float:left;
	position : relative;
	text-align : center;
}

.questions a:hover{
	text-decoration:underline;
}


#question1{
	left:325px;
	top:200px;
	width:346px;
	height:229px;
	background : url(../images/question_1.gif) no-repeat;
}
#question1 a{
font-size:200%;
top:85px;
}

#question2{
	left:108px;
	top:67px;
	width:271px;
	height:181px;	
	background : url(../images/question_2.gif) no-repeat;
}

#question2 a{
	font-size:170%;
	top:65px;
}


#question3{
	left:570px;
	top:52px;
	width:300px;
	height:184px;
	background : url(../images/question_3.gif) no-repeat;
}

#question3 a{
font-size:180%;
top:65px;
}

#question4{
	left:730px;
	top:245px;
	width:172px;
	height:103px;
	background : url(../images/question_4.gif) no-repeat;
}

#question4 a{
font-size:120%;
top:20px;
}

#question5{
	left:597px;
	top:353px;
	width:271px;
	height:136px;
	background : url(../images/question_5.gif) no-repeat;
	

}
#question5 a{
font-size:150%;
top:50px;
}

#question6{
	left:160px;
	top:330px;
	width:172px;
	height:102px;
	background : url(../images/question_6.gif) no-repeat;
	clear:none;
}

#question6 a{
font-size:120%;
top:20px;
}


.para{
	padding:0;
	margin:auto;
	margin-bottom:20px;
	margin-top:0;
	color:#FFF;
	font-size:140%;
	text-align : center;
	width:435px;
}


.para span{
	color:#000;
}


#getViewDiv{
	border:solid 1px #cccccc;
	width:610px;
	height:265px;
	overflow : auto;
	font-size:200%;
	color:#333;
	margin:20px 0px 0px 20px;
	padding:10px 10px;
}


#paper div.countBoxInner{
	float:left;
	margin:35px 0px 0px 20px;
}

#paper div.countBoxInner #countBoxInner{
	text-align : left;
	padding-left:10px;
	width:190px;
}

#getviewButtons{
	float:left;
	margin:35px 0px 0px 220px;
}

#addviewButtons{
	float:left;
	margin:35px 0px 0px 100px;
}


#termsButtons{
	float:left;
	padding:10px 0px 0px 610px;
}


#errorDiv{
	float:left;
	width:380px;
	height:70px;
	margin:10px 0px 0px 20px;
}



#addViewHdr,#getViewHdr{
	font-size:120%;
	color:#666;
	font-weight:bold;
	padding:10px 0px 0px 20px;
	margin:0;
}


#addViewDiv{
	border:solid 1px #cccccc;
	width:610px;
	height:265px;
	overflow : auto;
	font-size:200%;
	color:#333;
	margin:20px 0px 0px 20px;
	padding:0px 0px;
}


#textInput{
	width:630px;
	height:265px;
	overflow : auto;
	font-size:200%;
	color:#333;
	overflow : auto;
	margin:20px 0px 0px 20px;
	padding:0px 0px;
	border:solid 1px #cccccc;
	font-family : Arial, Helvetica, Verdana, Geneva,sans-serif;
}


#thanksDiv h4{
	font-size:110%;
	margin:0px 0px 10px 20px;
	color:#333;
}


#thanksDiv p{
	width:630px;
	font-size:200%;
	border-top : solid 1px #CCC;
	margin:10px 0px 0px 20px;
	padding-top:10px;
	color:#333;
}

#thanksDiv #getviewButtons{
	position:absolute;
	top:366px;
	left:220px;
}

#errorDiv{
	color:red;
	font-weight:bold;
}

.termsLink{
	color:#000;
	text-decoration : none;
}


.termsLink:hover{
	text-decoration : underline;
}



.termsHdr{
	font-size:130%;
	margin-top:30px 0px 0px 0px;
	padding:0;
}