/* 
	background grey: rgb(37,40,40);
	blue color: rgb(107,163,200);
	login text color: color: #B27A00;
	dropdown background: #2A2D2F;
	orange color: rgb(204,135,17);
*/

body, html {	
	margin: 0 0 1px;
	padding: 0;
	background: rgb(37,40,40);
	height: 100%;			
}
#headerImage{
	position: relative;		
	width:1024px;
	height:210px;
	margin: 0 auto;
	/*background: url("../images/header/image5.jpg") no-repeat;*/	
}
#headerImage ul.header{
	margin: 0;
}
#headerImage ul.header li {
	position:absolute;
	float:left;
	top: 0;
	left: 0;
	list-style: none;
}
#headerImage ul.header li img {
	border: 0;
	padding: 0;
	width: 1024px;
	height: 210px;
	background: none;
}
#headerImage ul.header li.show {
	z-index:50;
}
.transparent {
	position: absolute;
	top: 120px;
	width: 1024px;
	height: 90px;	
	background-color: rgb(37,40,40);
	filter: alpha(opacity=82);
	opacity: 0.82;
	-moz-opacity:0.82;
	z-index: 100;
}
.transparent hr{
	position: absolute;
	top: 46px;
	left: 95px;
	width: 860px;
	height: 0;
	border: 0;
	margin: 0;
	padding: 0;	
	border-top: 1px solid rgb(107,163,200);  	
	background: rgb(107,163,200);
	z-index: 150;
}
#logo{
	position: absolute;
	top: 125px;
	left: 40px;
	width: 392px;
	height: 69px;
	background: url("../images/logo.png");
	z-index: 200;	
}
#loginDiv{
	position: absolute;
	top: 20px;
	left: 660px;	
}
.loginFields{
	/*position: absolute;*/
	width: 100px;
	background-color: rgb(22,26,26);
	border: 1px solid rgb(204,135,17);
	margin-left: 10px;
	padding: 3px;
	color: #B27A00;
	font-family: "Century Gothic"; 
	font-size:11px;	
	text-align:right;	
}
#submit_button{
	background-color: rgb(22,26,26);
	border: 1px solid rgb(22,26,26);
	color: #B27A00;
	padding-left: 5px;
	padding-right: 5px;
	width: 50px;
	text-align:center;
	font-family: "Century Gothic"; 
	font-size:11px;	
	cursor:hand;
	cursor:pointer;	
}
.errorMessage{
	position: absolute;
	top: -20px;
	left: 10px;
	font-family: "Century Gothic";
	font-size: 12px;
	color: red;
	background: none;
	padding: 3px;
	width: 265px;
}


/* Navigation Style */

.dropdown { 
	position: absolute;
	top: 175px;
	left: 5px;
	width: 1014px; 
	height:59px;
	font-family: Helvetica, sans-serif;
	font-size:18px;
	background: url("../images/navBar.png");
	z-index: 999;
}

/* Basic List Styling (First/Base Level) */

.dropdown ul {
	padding-left: 60px;
	margin: 5px auto; 
	list-style:none;
	width: 775px;			 
}
.dropdown ul li {
	float:left;
	position:relative;
	display:inline;
	/*background:url("../images/separator.gif") right center no-repeat;*/
	background:url("../images/verticalOrange.png") right center no-repeat;			
}
.dropdown ul li.lastItem {
	float:left;
	position:relative;
	display:inline;
	background: none;	
}
.dropdown ul li a {	 
	padding:7px 15px;
	display:block; 
	text-decoration:none;	 
	text-align:center;
	letter-spacing:2px;
	color:rgb(107,163,200); /* <a> tag text color */
	outline: none;			
}
.dropdown ul li a:hover {
	color: rgb(204,135,17);
	/*background:url("../images/separator.gif") right center no-repeat;*/
	/*background:url("../images/verticalOrange.png") right center no-repeat;*/
}
.dropdown ul li.lastItem a:hover {
	color: rgb(204,135,17);
	background: #2A2D2F;	
}

/* Second Level Drop Down Menu */

.dropdown ul li ul {display: none; width:auto;}
.dropdown ul li:hover ul {
	font-family: "Century Gothic"; 
	font-size:12px;
	display:block; 
	position:absolute; 
	top:30px;	 
	left:0;
	padding: 0;
}
.dropdown ul li:hover ul li a {
	text-align: left;
	letter-spacing: normal;	 
	display:block; 
	background:#2A2D2F; 
	color:rgb(107,163,200); 
	width:175px;
	outline: none; 
}
.dropdown ul li:hover ul li a:hover {color:rgb(204,135,17);}

/* Third Level Drop Down Menu */

.dropdown ul li:hover ul li ul {display:none; width:auto;}
/* Remove This ---> */
.dropdown ul li:hover ul li:hover ul {
	font-family: "Century Gothic"; 
	font-size:12px; 
	display:block; 
	position:absolute;
	left:205px; 
	top:-5px;
}
.dropdown ul li:hover ul li:hover ul li a {
	text-align: left;
	letter-spacing: normal;	 
	display:block; 
	background:#2A2D2F; 
	color:rgb(107,163,200);
	white-space: nowrap;
	outline: none; 
}
.dropdown ul li:hover ul li:hover ul li a:hover {color:rgb(204,135,17);}
/* <---- Remove This */

/* Fourth Level Drop Down Menu */
.dropdown ul li:hover ul li:hover ul li ul {display:none; width:auto;}
/* 
.dropdown ul li ul li:hover ul li:hover ul {
	font-family: "Century Gothic"; 
	font-size:12px; 
	display:block; 
	position:absolute;
	left:60px; 
	top:-5px;
}
.dropdown ul li:hover ul li:hover ul li a {
	text-align: left;
	letter-spacing: normal;	 
	display:block; 
	background:#2A2D2F; 
	color:rgb(107,163,200);
	white-space: nowrap; 
}
.dropdown ul li:hover ul li:hover ul li a:hover {color:rgb(204,135,17);}
*/

#facebook{
	position: absolute;
	top: 5px;
	left: 880px;
	margin: 3px 25px 0 0;
	width:120px;
	height:30px;
	background:url("../images/facebook.png") right center no-repeat;
	cursor: hand;
	cursor: pointer;
}