/* HDR_FTR.CSS - has all header and footer info except for some form info    */
/*     */
/*     */

#header {
	float: left;
	clear: both; 
	display: block; 
	width: 100%; 
	margin-top: 0px;  
	margin-bottom: 0px; 
	border-left: 0px solid #165587; 
	border-right: 0px solid #165587; 
	background-color: #FFFFFF; 
}

/* HEADER - TOP ROW with QW logo, region select and login form */

#logoRow {
	clear: both; 
	display: block; 
	width: 100%; 
	height: 70px;
	border-bottom: 3px solid #165587; 
	padding-top: 15px; 
	margin-top: 0px;  
	margin-bottom: 0px; 
	background-color: #efefef; 
}
#qwLogo {
	float: left;
	margin-left: 5px;	
	margin-right: 10px;	
}
#regionForm {
	float: left;	
	margin-left: 200px;	
	text-align: center;	
}
#loginForm {
	float: right;	
	margin-right: 10px;	
	text-align: right;	
}
#loginWelcome {
	float: right;	
	height: 58px; 
	margin-right: 10px;	
	text-align: right;	
}
ul#welcomeNav {
	margin: 0;
	padding-left: 0;
	list-style: none;
	float: left;
}
#welcomeNav li {
	float: left;
}
#welcomeNav a {
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold; 
	color: #000;
	font-size: 14px; 
	text-transform: uppercase;
	text-decoration: underline;
	border: 0;
	padding: 3px 15px;
	display: block; 
}
#welcomeNav a:hover {
	color: #f60;
	text-decoration: underline;
}
.welcomeHead {
	margin-top: 0px;	
	text-align: center;
	font-weight: bold; 
	font-size: 14px; 
	color: #000; 
	font-family: arial, helvetica, sans-serif; 
}


/* HEADER - MIDDLE ROW with two slogans and date */

#sloganDate {
	clear: both; 
	display: block; 
	float: left;
	width: 100%; 
	background-color: #fff;
	margin-top: 4px; 
	margin-bottom: 4px; 
}
#slogan1 {
	float: left; 
	width: 38%; 
	max-width: 400px;	
}
#slogan2 {
	float: left; 
	width: 25%; 
	max-width: 260px;	
} 
#date1 {
	float: right; 
	width: 31%; 
	max-width: 330px;	
	padding-right: 15px; 
}
.sloganText {
	margin-left: 25px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	font-size: 13px; 
	color: #165587; 
	font-family: Georgia, "Times New Roman", times, serif; 
	font-style: italic; 
	font-weight: bold; 
}
.betaText {
	margin-top: 0px; 
	margin-bottom: 0px; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal; 
	color: #165587; 
	text-align: center; 
	font-family: verdana, arial, helvetica, sans-serif; 
	text-decoration: none
}
.navdateText {
	margin-top: 0px; 
	margin-bottom: 0px; 
	font-size: 12px; 
	font-weight: bold; 
	font-style: normal; 
	color: #165587; 
	text-align: right; 
	font-family: verdana, arial, helvetica, sans-serif; 
	text-decoration: none
}

/* HEADER - MAIN MENU  */

#mainMenu {
	clear: both; 
	display: block; 
	float: left;
	width: 100%; 
	background-color: #165587; 
}
ul#mainNav {
	margin: 0;
	padding-left: 0;
	list-style: none;
	float: left;
}
#mainNav li {
	float: left;
}
#mainNav a {
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold; 
	color: #fff;
	font-size: 14px; 
	text-transform: uppercase;
	text-decoration: none;
	border: 0;
	padding: 3px 15px;
	display: block; 
}
#mainNav a:hover {
	color: #f60;
	text-decoration: underline
}
ul#signinNav {
	margin: 0;
	padding-left: 0;
	list-style: none;
	float: left;
}
#signinNav li {
	float: left;
}
#signinNav a {
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold; 
	color: #ff0;
	font-size: 14px; 
	text-transform: uppercase;
	text-decoration: none;
	border: 0;
	padding: 3px 15px;
	display: block; 
}
#signinNav a:hover {
	color: #f60;
	text-decoration: underline
}
.signinOption {
	color: #ff0;
}
.signinOption a {
	color: #ff0;
}
.signinName {
	color: #ff0;
	font-size: 13px; 
	font-weight: bold; 
	padding-top: 3px; 
	padding-right: 15px; 
	font-family: arial, helvetica, sans-serif; 
}
ul#rightNav {
	margin: 0;
	padding-left: 0;
	list-style: none;
	float: right;
}
#rightNav li {
	float: left;
}
#rightNav a {
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold; 
	color: #fff;
	font-size: 14px; 
	text-transform: uppercase;
	text-decoration: none;
	border: 0;
	padding: 3px 15px;
	display: block; 
}
#rightNav a:hover {
	color: #f60;
	text-decoration: underline
}


/* FOOTER  */

#footer {
	clear: both; 
	display: block; 
	width: 100%; 
	border-bottom: 1px solid #165587; 
	border-top: 5px solid #165587; 
	text-align: center; 
	margin-top: 10px; 
	margin-bottom: 20px; 
	padding: 0px; 
	background-color: #fff; 
}
#footer p {
	margin: 3px; 
}
.footText {
	font-size: 11px; font-family: arial, helvetica, sans-serif; 
}
.footText A {
	font-size: 11px; font-family: arial, helvetica, sans-serif; text-decoration: none;
}
.footText A:link {
	font-size: 11px; font-family: arial, helvetica, sans-serif; text-decoration: none;
}
.footText A:hover {
	text-decoration: underline;
}
#sitemeter {
	margin-top: 10px; 
	margin-bottom: 10px;	
}