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

body {margin:0px; background:#c86217 url(images/bg.jpg) top repeat-x;}
body,td,th {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
h1 {font-size:14px; color:#457030; font-weight:bold; margin:0px 0px 5px 0px; padding-bottom:1px; width:100%; border-bottom:#bdb5a2 solid 1px; text-transform:uppercase;}
h2 {font-size:14px; color:#c86217; font-weight:bold; margin:0px 0px 0px 0px;}
h2 a:link {color: #c86217; text-decoration:none;}
h2 a:visited {color: #c86217; text-decoration:none;}
h2 a:hover {color:#FF0000; text-decoration:none;}
h2 a:active {color: #c86217; text-decoration:none;}
h3 {font-size:14px; color:#457030; font-weight:bold; margin:0px;}
hr {color:#d2cab8; height:1px; padding-top:0px; margin-bottom:8px;}
form {padding:0px; margin:0px;}
p {margin-top:0px; margin-bottom:10px; line-height:16px;}
input {font-size:12px;}

a:link {color: #477d00; text-decoration:none;}
a:visited {color: #477d00; text-decoration:none;}
a:hover {color:#FF0000; text-decoration:none;}
a:active {color: #477d00; text-decoration:none;}

.highlight {color:#FF0000;}
.tinyText {font-size:10px;}
.titleTextArea {position:absolute; top:10px; right:15px; font:12px normal Arial, Helvetica, sans-serif; color:#000;}
.premium {width:509px; background:#fffec0; float:left; padding:7px; margin-bottom:3px;}
.premiumNameLink a:link {color: #000000; text-decoration:none;}
.premiumNameLink a:visited {color: #000000; text-decoration:none;}
.premiumNameLink a:hover {color:#FF0000; text-decoration:none;}
.premiumNameLink a:active {color: #000000; text-decoration:none;}
.free	{width:509px; float:left; padding:7px; margin-bottom:3px;}
.freeAltRow	{width:509px; float:left; padding:7px; margin-bottom:3px; background-color:#ece6d8;}
.premiumView {width:523px; float:left;}

.wrapper {width:900px; padding:0px; margin:0 auto;}

.header {width:850px; height:105px; margin-left:50px; float:left; background:url(images/searchAreaBG.jpg) bottom right no-repeat; font-size:11px;}
.logo {width:192px; height:105px; float:left;}

.login {width:200px; height:18px; float:left; margin:6px 50px 0px 15px; text-align:left; font-weight:bold;}
.login a:link {color: #fff; text-decoration:none; margin-right:5px;}
.login a:visited {color: #fff; text-decoration:none; margin-right:5px;}
.login a:hover {color:#000; text-decoration:none; margin-right:5px;}
.login a:active {color: #fff; text-decoration:none; margin-right:5px;}
.topNav {width:300px; height:18px; float:right; margin:6px 50px 0px 0px; text-align:right; font-weight:bold;}
.topNav a:link {color: #fff; text-decoration:none; margin-right:5px;}
.topNav a:visited {color: #fff; text-decoration:none; margin-right:5px;}
.topNav a:hover {color:#000; text-decoration:none; margin-right:5px;}
.topNav a:active {color: #fff; text-decoration:none; margin-right:5px;}
.nav {width:590px; height:32px; float:right; margin:6px 50px 0px 0px; text-align:center; font-weight:bold; color:#414141;}
.nav a:link {color: #414141; text-decoration:none;}
.nav a:visited {color: #414141; text-decoration:none;}
.nav a:hover {color:#4f741f; text-decoration:none;}
.nav a:active {color: #414141; text-decoration:none;}
.greentech a:link {color: #31b200; text-decoration:none;}
.greentech a:visited {color: #31b200; text-decoration:none;}
.greentech a:hover {color:#4f741f; text-decoration:none;}
.greentech a:active {color: #31b200; text-decoration:none;}
.search {width:290px; height:20px; float:right; margin:20px 50px 0px 0px; text-align:right;}

.mainImageArea {width:900px; height:369px; float:left; background:url(images/mainImageArea.jpg) no-repeat;}
.mainImage {width:800px; height:343px; float:left; margin-left:50px;}
.cookieCrumb {width:550px; height:15px; float:left; margin:5px 0px 0px 55px; color:#fff; font-weight:bold; color:#f3eee1;}
.cookieCrumb a:link {color: #f3eee1; text-decoration:none;}
.cookieCrumb a:visited {color: #f3eee1; text-decoration:none;}
.cookieCrumb a:hover {color:#c86217; text-decoration:none;}
.cookieCrumb a:active {color: #f3eee1; text-decoration:none;}

.homeButtons {width:560px; height:51px; float:left; margin:20px 0px 0px 50px;}

.contentArea {width:560px; margin:15px 0px 0px 50px; float:left;}
.contentTop {width:559px; height:6px; float:left; background:url(images/contentTop.jpg) no-repeat;}
.contentBottom {width:559px; height:6px; float:left; background:url(images/contentBottom.jpg) no-repeat;}
.content {width:523px; min-height:400px; float:left; background:#f5f1e9; border-right:#d2cab8 solid 3px; border-left:#d2cab8 solid 3px; padding:10px 15px 10px 15px; overflow:hidden; position:relative;}

.homeFeatures {width:560px; height:185px; float:left; margin:17px 0px 0px 50px;}
.feature1 {width:230px; height:150px; float:left; background:url(images/boxPolls.jpg); padding:15px 20px 15px 20px;}
.feature2 {width:271px; height:185px; float:right; background:url(images/boxWeather.jpg); position:relative;}
.feature2temp {font-size:24px; color:#0d2189; font-weight:bold; margin:0px 0px 0px 0px;}
.tinyTextBlue {font-size:10px;}
.tinyTextBlue a:link {color: #0d2189; text-decoration:none;}
.tinyTextBlue a:visited {color: #0d2189; text-decoration:none;}
.tinyTextBlue a:hover {color:#c86217; text-decoration:underline;}
.tinyTextBlue a:active {color: #0d2189; text-decoration:none;}

.adverts {width:187px; height:649px; float:right; background:url(images/adArea.jpg) no-repeat; margin-right:50px; padding:10px 5px 0px 25px; text-align:center;}
.adTitle {width:146px; float:left; background-color:#D7D7D7; text-align:center; font-size:10px; padding:7px;}
.adTitle a:link {color: #737373; text-decoration:none;}
.adTitle a:visited {color: #737373; text-decoration:none;}
.adTitle a:hover {color:#FF0000; text-decoration:none;}
.adTitle a:active {color: #737373; text-decoration:none;}
.adImage {width:160px; height:275px; float:left;}
.spacer {width:100%; height:15px; float:right;}

.partnerLogos {width:100%; height:100px; float:left; text-align:center; margin:15px 0px;}

.footer {width:100%; height:50px; float:left; border-top:#fff solid 1px; background:#bfb9b5; padding-top:5px; text-align:center;}
.footer a:link {color: #414141; text-decoration:none;}
.footer a:visited {color: #414141; text-decoration:none;}
.footer a:hover {color:#c86217; text-decoration:none;}
.footer a:active {color: #414141; text-decoration:none;}

/*DROP DOWN MENU STYLES*/
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display:block;
	width: 130px;
}

#nav li { /* all list items */
	float: left;
	width: 7em;  /*width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position:absolute;
	background: #545456;
	left: -999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul a { /* second-level lists */
	padding-top:5px;
	padding-bottom:5px; 
	color:#fcb034; 
	font-size:9px;
}
#nav li ul a:hover { /* second-level lists */
	text-decoration:underline;
	color:#FFFFFF;
/*	background:#000000;*/
}
#nav li ul li { /* second-level lists */
	padding:0px 10px 0px 10px; 
	border:#FFFFFF; 
	background: #545456;
	border-bottom-style:solid; 
	border-width:1px;
	height:20px;
	text-align:left;
	
}
#nav li ul li:hover { /* second-level lists */
	background: #000000; 
}

#nav li:hover ul { /* lists nested under hovered list items */
	position:relative;
	left: auto;
}