﻿body
{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  font-family: verdana;
  font-size: 12px;
  color: #000000;
} 
.clear{
  clear: both;
}
.clrLeft {
  clear:left;
}
.clrRight {
  clear:right;
}
#mainWrapper {
  left: 0px;
  top: 0px;
  width: 960px;
  background-image: URL(images/bodyBg.png);
  background-position: left top;
  background-repeat: repeat-y;
}
#headerWrapper {
	position:relative;
	width:902px;
}
#headerTop {
	position:relative;
	top:0px;
	width:902px;
	height:128px;
	background-image: URL(images/index_02.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  z-index:2;
}
#headerMain {
	position:relative;
	float:left;
	width:677px;
	height:388px;
	background-image: URL(images/index_04.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  z-index:1;
}
#headerPic {
  position: relative;
  height: 315px;
  margin: 5px 0px 0px 50px;
}
#headerPic img{
  visibility:hidden;
}
#headerAd {
	position:relative;
	float:right;
	width:225px;
	height:388px;
	background-image: URL(images/index_05.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}
#mainContentWrapper {
	position:relative;
	width:862px;
	margin:0px 0px 0px 0px;
  top: 5px;
  left: 0px;
}
#scroller {
  background-position: left center;
  position: relative;
  float:left;
  height: 25px;
  border: 1px solid #999999;
  width: 80%;
  padding: 0px;
  margin: 0px;
  background-image: url(images/scrollerBg.png);
  background-repeat: repeat-x;
}
#scroller ul {
  margin: 0px;
  padding: 5px;
  color: #FFF5B3;
  font-family: verdana;
  font-size: 12px;
  float: left;
  list-style-type: disc;
}
#weather {
  position:relative;
  float:right;
  background-position: left top;
  font-family: verdana;
  font-size: 11px;
  background-image: url(images/weatherBg.png);
  background-repeat: no-repeat;
  width: 160px;
  height: 90px;
  margin-top:-80px;
}
#contentSearch {
  background-position: left top;
  position: relative;
  padding: 10px;
  width: 842px;
  background-color: #F3F3F3;
  border: solid 1px #CCCCCC;
  background-image: url(images/contentSearchBg.png);
  background-repeat: no-repeat;
}
div.contentSearch {
  float: left;
}
#contentSearch .input {
  font-family: verdana;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
}
#contentSearch .searchLabel {
  font-family:verdana;
  font-size:11px;
  font-weight:bold;
  color: #000000;
}
#contentWideHeader {
  width: 842px;
  text-align: left;
}
#contentWideHeader h3 {
  padding: 5px;
  border-bottom-color: #CCCCCC;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
}
#contentWide {
  padding: 10px;
  float: left;
  width: 842px;
  text-align: left;
  background-image: url(images/watermark.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
}  
#contentHeader {
  width:560px;
}
#contentHeader h3 {
  padding: 5px;
  border-bottom-color: #CCCCCC;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
}
#contentWrapper {
	position:relative;
	margin-top:20px;
	margin-bottom:20px;
	width:862px;
	background-image:url('images/contentWrapperBg.jpg');
  background-position:left top;
  background-repeat:no-repeat;
  top: 0px;
  left: 0px;
}
#contentLeft {
  padding:10px;
	float:left;
	width:240px;
	background-color:#FFFFFF;
	border:solid 1px #FFFFFF;
}
#contentLeft p {
  margin:0px;
  font-family:verdana;
  font-size:11px;
}
#contentRight
{
  padding: 10px;
  margin-left: 18px;
  float: left;
  width: 560px;
  text-align: left;
}
#leftCol{
  float:left;
  width:48%;
  padding-right: 5px;
  border-right: solid 1px #CCCCCC;
}
#rightCol{
  float:right;
  width:48%;
}
#contentRight p {

}
#footer {
  position: relative;
  margin-top: 20px;
  width: 862px;
  border: solid 1px #CCCCCC;
  height: 25px;
  padding: 0px;
  margin: 0px;
  background-image: url(images/footerBg.png);
  background-repeat: repeat-x;
}
#footer ul {
  margin:5px 0px 5px 0px;
  padding:0;
}
#footer li {
  display:inline;
  margin-left:30px;
  margin-right:30px;
  list-style-type:none;
}
#footer a
{
  color: #FFFFFF;
  font-size: 12px;
  text-align: center;
}
#footer a:hover {
  color:#FFF5B3;
  font-size:12px;
  text-align:center;
}

#footer p {
  margin:10px 0px 5px 0px;
  color:#000000;
  font-size:12px;
  text-align:center;
}
#paddingBottom {
	position:relative;
	margin-top:20px;
	margin-left:-19px;
	width:901px;
	height:30px;
	background-image:URL(images/index_11.png);
  background-position:left top;
  background-repeat:no-repeat;
}

/*** Nav bar styles ***/

#navWrapper {
  padding-left:140px;
  width:100%;
}
ul.nav,.nav ul {
/*Remove all spacings from the list items*/
	margin:0;
	padding:0;
	cursor:default;
	list-style-type:none;
	display:table;
}
ul.nav {
	display:table;
	overflow: visible;
}
ul.nav > li {
  text-align: center;
  display: table-cell;
  position: relative;
  width: 105px;
  height: 35px;
  padding-top: 8px;
  background-image: url( images/navButton.png);
  background-repeat: no-repeat;
  float: left;
}
ul.nav li > ul {
  /*Make the sub list items invisible*/
  display: none;
  position: relative;
  padding: 5px;
  margin: 10px 0px 0px 0px;
  text-align: left;
  width: 138px;
}
ul.nav li:hover > ul {
  /*When hovered, make them appear*/
  background-position:left top;
  display:block;
}
.nav ul li a {
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display:block;
	padding:5px 0px 0px 0px;
}

/*** Menu colors (customizable) ***/

.nav ul, .nav ul li a
{
  background-color: #F4F4F4;
}

ul.nav li:hover,
.nav ul li a:hover{
	color: #000000;
}

ul.nav li:active,
.nav ul li a:active {
	color:#fff;
}

ul.nav li:visited,
.nav ul li a:visited {
	color:#fff;
}

.nav ul {
  border:1px solid #666666;
}

.nav a{
	text-decoration:none;
}

#navWrapper, #navWrapper a {
  color: #FFFFFF;
}

#navWrapper ul li ul a {
  color: #000000;
}

#navWrapper ul li ul a:hover {
  color: #808080;
}