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

body{
background-color:#c3d6e2;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
}

#header{
width:100%;
height:76px;
background-image:url(images/headerBG.jpg);
border-bottom:2px solid #173058;
}

#headerContent{
margin:0 auto 0 auto;
width:1024px;
z-index:1;
position:relative
}

#phone{
z-index:10;
position:relative;
}

.container{
width:1024px;
height:650px;
margin:0px auto 0 auto;
background-image:url(images/header_bg.jpg);
background-repeat:no-repeat;
overflow:hidden;
}

.featureContainer{
position:relative;
background-image:url(images/greenheader.jpg);
background-position:top;
background-repeat:no-repeat;
top:349px;
width:100%;
height:300px;
z-index:0;
}

.featureBox{
width:182px;
height:150px;
margin:3px;
background-color:#eefadb;
background-image:url(images/featuredBoxbg.jpg);
background-repeat:no-repeat;
background-position:bottom;
float:left;
position:relative;
font-size:12px;
padding:3px;
border:5px solid #ffffff;
overflow:hidden;
z-index:10;
}

.featuredContent{
	display:none;
}

#loginBox{
	width:600px;
	height:500px;
	padding:15px;
	position:absolute;
	background-image:url(images/loginbg.png);
	background-repeat:no-repeat;
	z-index:1;
	font-size:13px;
	left: 380px;
	top: 70px;
	color:#ffffff;
	font-weight:bold;

}

#footer{
width:1024px;
margin:10px auto 10px auto;
text-align:right;
font-size:13px;
}

#twitter{
	position:absolute;
	left: 310px;
	top: 372px;
	z-index:0;
}



/* Font Styles */
h2{
font-size:18px;
}

/* Form Styles */
input{
height:5px;
}

#contentSidebar{
width:550px;
margin:100px 0 0 0;
padding: 0 0 0 10px;
}

.sidebarFormField {
	float: left;
	width: 140px;
	margin: 0px 10px 0px 0px;
	padding: 0 0 0 0;
	text-align: left;
	}
	
	.sidebarFormEmail {
	width: 290px;
	margin: 0 10px 0 0;
	padding: 0px 0 0 0;
	text-align: left;
	}
	
	.sidebarFormSubmit {
	float: left;
	margin: 30px 0 0 0;
	}
	
	.sidebarFormTerms{
	font-size:13px;
	margin:0 0 10px 0;
	}
	
	.inputTxt {
	width: 135px;
	height: 15px;
	margin: 3px 0 0 0;
	padding: 5px 0 0 0px;
	background: #ffffff;
	border: 1px solid #ffffff;
	}
	
	.inputEmail {
	width: 287px;
	height: 18px;
	margin: 3px 0 0 0;
	padding: 5px 0 0 3px;
	background: #ffffff;
	border: 1px solid #ffffff;
	}
	
	.inputSelect {
	height: 23px;
	margin: 3px 0 0 0;
	padding: 0;
	background: #ffffff;
	border: 1px solid #ffffff;
	}
	
	.inputTxtarea {
	width: 287px;
	height: 100px;
	margin: 3px 0 0 0;
	padding: 5px 0 0 3px;
	background: #ffffff;
	border: 1px solid #ffffff;
	}
	
	.inputSubmit {
	height: 30px;
	background: none;
	border: none;
	color: #fff;
	font: normal bold 22px Arial, Helvetica, sans-serif;
	cursor:pointer;
	margin:-25px 0 10px 0;
	}
	
	#promoTerms{
display:none;
font-size:12px;
width:300px;
height:200px;
padding:10px;
color:#ffffff;
background-color:#579743;
position:absolute;
z-index:999999;
top:200px;
left:30px;
}
	
	#success{
	display:none;
	}
	
	
	/*Quizk Styles*/
	
	#greenQuiz{
	width:580px;
	height:500px;
	padding:120px 25px 10px 25px;
	position:absolute;
	background-image:url(images/loginbg.png);
	background-repeat:no-repeat;
	z-index:1;
	font-size:13px;
	left: 380px;
	top: 70px;
	color:#ffffff;
	font-weight:bold;
	display:none;
	}
	
	#greenQuiz div{
display:none;
}

#greenQuiz li{
list-style:none;
width:500px;
margin:4px 0 4px 0;
padding:5px;
cursor:pointer;
}

#greenQuiz li:hover{
list-style:none;
margin:4px 0 4px 0;
width:500px;
background-color:#003300;
color:#ffffff;
padding:5px;
cursor:pointer;
}

.correctAnswer{
list-style:none;
margin:4px 0 4px 0;
width:200px;
background-color:#CC3300;
color:#ffffff;
padding:5px;
cursor:pointer;
}

h3{
margin:0px;
padding:0px;
display:inline;
}
#c3{
display:inline;
margin:0 0 0 25px;
}

.clear{clear:both};
	
/* List Styles */
#travelList{
list-style-type: none;
padding: 0;
margin: 0;
}


/* Link Styles*/
a img{border:none;}

#loginBox A:link {text-decoration: underline;  color:#ffffff;}
#loginBox A:visited {text-decoration: underline;  color:#ffffff;}
#loginBox A:active {text-decoration: underline;  color:#ffffff;}
#loginBox A:hover {text-decoration: underline; color:#ffffff;}

#promoTerms A:link {text-decoration: underline;  color:#ffffff;}
#promoTerms A:visited {text-decoration: underline;  color:#ffffff;}
#promoTerms A:active {text-decoration: underline;  color:#ffffff;}
#promoTerms A:hover {text-decoration: underline; color:#ffffff;}

.featureBox A:link {text-decoration: underline;  color:#3F5628;}
.featureBox A:visited {text-decoration: underline;  color:#3F5628;}
.featureBox A:active {text-decoration: underline;  color:#3F5628;}
.featureBox A:hover {text-decoration: underline; color:#3F5628;}


A:link {text-decoration: underline;  color:#000000;}
A:visited {text-decoration: underline;  color:#000000;}
A:active {text-decoration: underline;  color:#000000;}
A:hover {text-decoration: underline; color:#000000;}