body {

	margin: 0;
	font-size: 12px;
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
	color: #666;
	background: url('images/back.gif') top left repeat-x #fff;

	
}

a, a:active, a:visited{

	color: #285877;

}

a:hover{

	text-decoration: none;

}

h2{

	color: #285877;
	font-size: 24px;

}

h3{

	color: #285877;
	font-size: 18px;

}


#page {	

	display: block;
	text-align: center;
	background: url('images/leaves2.jpg') top left no-repeat;

}

#layout {

	width: 800px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;

}

.alt {

	display: none;

}

#header {

	height: 65px;
	padding: 50px 0 0 0;

}

#header h1 a{

	color: #fff;
	font-size: 30px;
	font-weight: bold;

}

#topNav ul{

	list-style: none;
	margin: 0;
	padding: 0;
	float: right;

}

#topNav ul li{

	float: left;
	margin: 28px 0 0 0;

}

#topNav ul li a{

	display: block;
	color: #285877;
	font-size: 14px;
	padding: 10px;
	text-decoration: none;
	background: #fff;
	margin: 0 0 0 5px;
	border: 1px solid #fff;
	font-weight: bold;
	

}

#topNav ul li a:hover{

	background: #285877;
	color: #fff;

}


#mapContainer{

	float: right;
	padding: 0 0 0 15px;

}

#mapContainer img{

	border: 1px solid #000;

}

#mapContainer h2{

	margin: 0;

}

#featured {
	float: left;
	width: 350px;
	margin-bottom: 10px;

}

#featured img{

	border: 1px solid #000;

}

#featured h2{
	
	margin: 0;

}

#featured h3{
	
	margin: 3px 0 0 0;

}

#featured p{

	margin: 0;

}

#content{

	padding: 15px 0 0 0;

}

#content .container{

	clear: both;
	padding: 0;
	margin: 0;
	padding: 0px 0 0 0;

}

#content .container h2{

	margin: 0;

}

#content .container h3{

	margin: 0;
	font-size: 15px;
	color: #444;

}

#content .container .breadcrumbs{

	font-size: 10px;

}

.camera{

	margin: 20px 0 0 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	min-height: 260px;
	padding: 10px;
	font-size: 14px;
	clear: right;

}

.camera.odd{


}

.camera img{

	border: 1px solid #000;
	float: right;
	margin: 0 0 10px 10px;
	width: 350px;
	height: 260px;
}

.adwords{
	
	margin: 15px 0 0 0;
	/*border-top: 1px solid #999;
	padding: 5px 0 0 10px;
	background: #eee;
	border-bottom: 1px solid #999;
	*/

}

#cityList{

	margin: 10px 0 0 0;

}

#cityList ul{

	list-style: none;
	margin: 0;
	padding: 0;

}

#cityList ul li{

	float: left;
	margin: 3px;


}

#cityList ul li a{

	padding: 0 9px 0 3px;

}

#homeCityList{

	margin: 10px 0 0 0;

}

#homeCityList ul{

	padding: 0 0 0 20px;
	margin: 0 0 0 20px;

}

#homeCityList ul li{

	margin: 3px 0 0 0;

}

#homeCityList ul ul{

	margin: 0 0 0 5px;

}

#homeCityList .rightLinks{

	margin: 0 0 0 420px;

}

#homeCityList .leftLinks{

	float: left;

}


#bottom {

	clear: both;
	margin: 5px 0 0px 0;
	padding: 10px 0 10px 0;
	text-align: right;
	font-size: 9px;
	color: #999;
	background: url('images/bottomLeaves.gif') top left no-repeat;
	height: 15px;
	
}

#bottom a{

	color: #999;

}

.clear{

	clear: both;
	
}

.hidden{

	display: none;

}

#map{

	width: 395px;
	height: 240px;
	border: 1px solid #999;

}

#map h4{

	margin: 0 0 5px 0;
	font-size: 16px;

}

.webcamOnCity{

	background: #eee;
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #ccc;

}

.webcamOnCity h4{


	font-size: 18px;
	color: #777;
	margin: 0 0 10px 0;

}

.webcamOnCity p{

	margin: 0 0 5px 0;
	font-size: 14px;

}

.webcamOnCity img{

	margin: 0 15px 0 0;
	border: 1px solid #000;

}

.markerTooltip {

	color: #000;
    background: #fff;
    padding: 4px 6px;
    white-space: nowrap;
    border: #333 solid 1px;
    opacity: 0.75;
   }

.alert{

	font-size: 15px;
	color: red;

}

.hideFrom{

	display: none;

}

.footNav {
	margin: 0 auto;
	padding: 5px 0;
	width: 95%;
	line-height: 1.8em;
}

.footNav li {
	display: inline;
	padding: 10px;
	width: 45px;
}

.footNav li a {text-align: left;}