/*Layout CSS For main site */
body{
	text-align:center;
	}

.pagecentre {
	position:relative;
	width:780px;
	margin:0 auto;
	text-align:center;
 	border:1px solid #FFFFFF;
}
 
.outer {
	position:relative;
 	text-align:center;
 	border:1px solid #FFFFFF;
	margin:0 auto;
 	width:780px;
}
	
.topbar {
	text-align:left;
 	height:70px;
 	background:#FFFFFF;
	width:777px;
	}

.topbarleft {
	float:left;
	text-align:left;
	width:25%;
	
	}
	
.topbarright {
	float:left;
	text-align:right;
	width:25%;
	
	}

.a2zsearch {

	float:right;
	text-align:right;
	width:50%;
	background:#448B9A;
	}

.navigation {
	text-align:center;
	clear:both;
	width:777px;
	background:#448B9A;
/* 	border:2px solid #ffffff; */
	}
	
	
.navigation3 {
	width:777px;
	background:#ffffff;
/*border:2px solid #ffffff;*/
	}
	
.search {
	float:left;
	text-align:left;
	width:40%;
	background:#448B9A;
	}
	
.weather {
	float:left;
	text-align:left;
	width:40%;
	background:#448B9A;
	}
.datetime {
	border:1px solid #000000;
	clear:both;
	float:left;
	text-align:left;
	width:100px;
	background-color:#448B9A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:#FFFFFF;
	height:19px;
	padding:7px 0px 0px 0px;
	}
	
	
.atoz {
	float:right;
	text-align:right;
	width:466px;
	height:23px;
	background:#448B9A;
	}
	
.images {
	float:right;
	text-align:right;
	width:466px;
	height:23px;
	background:#448B9A;
	}
	
.menu {
	
	float:left;
	text-align:left;
	width:517px;
	height:24px;
	background:#13425B;
	}
	
.dropdown {
	border:1px solid #FFFFFF;
/*	display:block;*/
	vertical-align:middle;
	float:right;
	text-align:right;
	width:258px;
	height:24px;
	background:#13425B;
	}
	
.image_holder {
	
	text-align:left;
	width:510px;
	height:40px;
	}
	
.image_cell {
	float:left;
	text-align:left;
	border:1px solid #ffffff;
	width:60px;
	height:40px;
	}

.navigation2{
	width:720px;
	background-color:#448B9A;
	
	}
	
.frontcontent {
	clear:none;
	text-align:left;
	float:left;
	width:55%;
	}

.content {
	clear:both;
	text-align:left;
	width:780px;
	}
	
.content1 {

	clear:none;
	text-align:left;
	float:left;
	width:55%;
	}
	
.content2 {

	clear:none;
	text-align:left;
	float:left;
	width:55%;
	}
	
.content3 {
	clear:none;
	text-align:left;
	float:right;
	width:42%;
	}
	
.footer {
	clear:both;
	text-align:left;
	width:777px;
	height:40px;
	background:#034e6d;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	padding:3px;
	margin:auto;
	}

	
.footer_left {
	text-align:left;
	float:left;
	width:308px;
	}
	
.footer_right {
	text-align:right;
	float:right;
	width:438px;
	}
	
	
/*Weather System Layout
.weather_outer{
	text-align:left;
	border:1px solid #0088BB;
	}
	
.weather_top{
	text-align:left;
	width:100%;
	}

.weather_top_weather{
	float:left;
	text-align:left;
	width:30%;
	border:1px solid #0088BB;
	background-color:#0088BB;
	color:#FFFFFF;
	}

.weather_top_min{
	float:left;
	text-align:left;
	width:15%;
	border:1px solid #0088BB;
	background-color:#0088BB;
	color:#FFFFFF;
	}
	
.weather_top_max{
	float:left;
	text-align:left;
	width:15%;
	border:1px solid #0088BB;
	background-color:#0088BB;
	color:#FFFFFF;
	}
	
.weather_top_sunrise{
	float:left;
	text-align:left;
	width:20%;
	border:1px solid #0088BB;
	background-color:#0088BB;
	color:#FFFFFF;
	} 
	
.weather_top_sunset{
	float:left;
	text-align:left;
	width:20%;
	border:1px solid #0088BB;
	background-color:#0088BB;
	color:#FFFFFF;
	}
	
.weather_bottom{
	text-align:left;
	width:100%
	}	
	
.weather_bottom_weather{
	float:left;
	text-align:left;
	width:30%;
	border:1px solid #ffffff;
	background-color:#ffffff;
	color:#0088BB;
	}

.weather_bottom_min{
	float:left;
	text-align:left;
	width:15%;
	border:1px solid #ffffff;
	background-color:#ffffff;
	color:#0088BB;
	}
	
.weather_bottom_max{
	float:left;
	text-align:left;
	width:15%;
	border:1px solid #ffffff;
	background-color:#ffffff;
	color:#0088BB;
	}
	
.weather_bottom_sunrise{
	float:left;
	text-align:left;
	width:20%;
	border:1px solid #ffffff;
	background-color:#ffffff;
	color:#0088BB;
	} 
	
.weather_bottom_sunset{
	float:left;
	text-align:left;
	width:20%;
	border:1px solid #ffffff;
	background-color:#ffffff;
	color:#0088BB;
	}
	
End Weather System Layout*/

/*Navigation System Layout*/
.navigation_cell{
	text-align:center;
	border:1px solid #000000;
	width:495px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	}
		
.navigation_cell_item{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:8pt;
	text-decoration:none;
	text-align:center;
	float:left;
	width:65px;
	}
	
.navigation_cell_item_big{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:8pt;
	text-decoration:none;
	text-align:center;
	float:left;
	width:100px;
	}
	
.navigation_cell_item_vbig{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:8pt;
	text-decoration:none;
	text-align:center;
	float:left;
	width:165px;
	}
	
.navigation_cell_item_small{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:8pt;
	text-decoration:none;
	text-align:center;
	float:left;
	width:63px;
	}

.navigation_cell_item a{
	border:1px solid #FFFFFF;
	display:block;
	width:70px;
	height:20px;
	padding:2px 2px 2px;
	background:#13425B;
	text-decoration:none;
	}
	
.navigation_cell_item_big a{
	border:1px solid #FFFFFF;
	display:block;
	height:20px;
	padding:2px 2px 2px;
	background:#13425B;
	text-decoration:none;
	}
	
.navigation_cell_item_vbig a{
	border:1px solid #FFFFFF;
	display:block;
	height:20px;
	padding:2px 2px 2px;
	background:#13425B;
	text-decoration:none;
	}
	
.navigation_cell_item_small a{
	border:1px solid #FFFFFF;
	display:block;
	height:20px;
	padding:2px 2px 2px;
	background:#003366;
	text-decoration:none;
	}
.navigation_cell_item a:link, .navigation_cell_item a:active, .navigation_cell_item a:visited{
	color:#FFFFFF;
	}
	
.navigation_cell_item_big a:link, .navigation_cell_item_big a:active, .navigation_cell_item_big a:visited{
	color:#FFFFFF;
	}
	
.navigation_cell_item_vbig a:link, .navigation_cell_item_vbig a:active, .navigation_cell_item_vbig a:visited{
	color:#FFFFFF;
	}
	
.navigation_cell_item_small a:link, .navigation_cell_item_small a:active, .navigation_cell_item_small a:visited{
	color:#FFFFFF;
	}

.navigation_cell_item a:hover{
	border:1px solid #000000;
	background:#ffffff;
	color:#000000;
	}
	
.navigation_cell_item_big a:hover{
	border:1px solid #000000;
	background:#ffffff;
	color:#000000;
	}
	
.navigation_cell_item_vbig a:hover{
	border:1px solid #000000;
	background:#ffffff;
	color:#000000;
	}
	
.navigation_cell_item_small a:hover{
	border:1px solid #000000;
	background:#ffffff;
	color:#000000;
	}

	
