/* CSS Document this css is for Local Exchange until I can work out anther <p> code */
/*-------- Start Local Exchange -------- */

#Local_Exchange {
	position: absolute;
	left: -5px;
	top: 160px;
	width: 830px;
	overflow: hidden;
	background-color: #000000;
	border-top: 2px none  #000000;
	border-right: 5px solid #006633;
	border-bottom: 20px solid #006633;
	border-left: 5px solid #006633;
	padding-bottom: 11px;
	padding-top: 3px;
	padding-right: 6px;
	padding-left: 0px;
	z-index: 0;
}

#Local_Exchange_content {
	position: relative;
	left: 4px;
	top: -48px;
	width: 829px;
	text-align: center;
	float: left;
	background-color: #F0E8D2;
	margin-top: 60px;
	overflow: hidden;
    padding-bottom: 0px;
	padding-top: 0px;
	border-bottom: 5px solid #00B925;
	margin-bottom: 2px;
	z-index: 0;
}

#Local_Exchange_content_2 {
	position: relative;
	left: -1px;
	top: -20px;
	width: 829px;
	text-align: center;
	float: left;	
	overflow: hidden;
    padding-top: 150px;	
	z-index: 2;
}


.Exchange_text {
	width: 100%;
	margin: .2cm 0cm -.01cm .0cm;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	border: none;
	text-align: center;	
} 

.Exchange_text_color {
	width: 100%;
	margin: .2cm 0cm -.01cm .0cm;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #006600;
} 

#Local_Exchange_title {
	position: absolute;
	text-align: center;
	left: 120px;
	top: 95px;	
	z-index: 10;		
} 

#Local_Exchange_Text {
	position: absolute;
	width: 600px;
	height: 21px;
	text-align: center;
	left: -2px;
	top: -40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 1px 0px 0px;	
	font-weight: bold;
	background-color: #006600;
	color: #FFFFFF;
	z-index: 1;		
} 

p.Bottom_text {
	border: none;
	width: 100%;
	margin: .2cm 0cm -.01cm .0cm;
	font-family: Arial;
	font-size: 5px;
	font-weight: bold;
	color: #FFFFFF;
}
/*-------- END Local Exchange -------- */

/*-------- Start Local Marine -------- */

#Local_Radar {
	position: absolute;
	width: 90px;
	height: 90px;
	text-align: center;
	left: 703px;
	top: 40px;
	z-index: 20;
	border: 3px groove #009900;
} 

#Local_Marine_title {
	position: absolute;
	text-align: center;
	left: 333px;
	top: 60px;	
	z-index: 5;		
} 

#Local_Marine_content {
	position: relative;
	left: 4px;
	top: -48px;
	width: 829px;
	text-align: center;
	float: left;
	background-color: #F0E8D2;
	margin-top: 60px;
	overflow: hidden;
    padding-bottom: 0px;
	padding-top: 0px;
	border-bottom: 5px solid #00B925;
	margin-bottom: 2px;
	z-index: 0;
}

#Local_Marine_content_2 {
	position: relative;
	left: -5px;
	top: -20px;
	width: 829px;
	text-align: center;
	float: left;	
	overflow: hidden;
    padding-top: 150px;
	padding-bottom: 30px;
		
	z-index: 2;
}

#Local_fire_content {
	position: relative;
	left: 2px;
	top: -48px;
	width: 832px;
	text-align: center;
	float: left;
	background-color: #F0E8D2;
	margin-top: 60px;
	overflow: hidden;
    padding-bottom: 0px;
	padding-top: 0px;
	border-bottom: 5px solid #00B925;
	margin-bottom: 2px;
	background-image: url(/1/images/gradient_Left.jpg);
	background-repeat: repeat-y;
	background-position: left;
	z-index: 0;
}

#Local_fire_content_2 {
	position: relative;
	left: -13px;
	top: 0px;
	width: 845px;
	text-align: center;
	float: left;	
	overflow: hidden;
    padding-top: 130px;
	background-image: url(/1/images/gradient_Right.jpg);
	background-position: right;
	background-repeat: repeat-y;
	padding-bottom: 40px;	
	z-index: 2;
}


#Precip {
	position: relative;
	left: -5px;
	top: -20px;
	width: 829px;
	float: left;	
	text-align: center;
	z-index: 2;
}
/*-------- Gizmo for Marine -------- */


#Local_Gizmo_title {
	position: absolute;
	left: 18px;
	top: 35px;	
	width: 300px;
	text-align: center;
	padding: 1px;
	z-index: 20;
}


#Stats2 {
	position: absolute;
	left: -28px;
	top: 60px;	
	margin: 0 20px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 1px;
	z-index: 2;
}

#Stats3 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	padding: 1px;
	font-weight: bold;
}

/*-------- END Gizmo for Marine -------- */

#boat_1 {
	position: absolute;
	left: 568px;
	top: 55px;	
	width: 100px;
	height: 83px;
	text-align: center;
	padding: 1px;
	z-index: 2;
}

#boat_2 {
	position: absolute;
	left: 518px;
	top: 50px;	
	width: 100px;
	height: 83px;
	text-align: center;
	padding: 1px;
	z-index: 2;
}

#boat_3 {
	position: absolute;
	left: 258px;
	top: 60px;	
	width: 100px;
	height: 83px;
	text-align: center;
	padding: 1px;
	z-index: 2;
}

#map_1 {
    position: relative;
	left: 10px;
	top: 0px;
	text-align: center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #00CC00;
}

#map_2 {
    position: relative;
	left: 0px;
	top: 0px;
	text-align: center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #00CC00;
}

#fire_map {
	position: relative;
	left: 7px;
	top: 120px;
	text-align: center;
	padding-bottom: 100px;
}

#fire_WU_title {
	position: absolute;
	text-align: center;
	left: 325px;
	top: 45px;	
	z-index: 5;		
} 

#fireIcon1a {
	position: absolute;
	left: 375px;
	top: 74px;
	width: 250px;
	height: 20px;
	text-align: center;
	z-index: 2;
	font-size: 15px;
	font-family: Arial;
}

#fireIcon2 {
	position: absolute;
	left: 290px;
	top: 140px;	
	width: 20px;
	height: 20px;
	text-align: center;
	z-index: -1;
}

#fire_Gizmo_title {
	position: absolute;
	left: 31px;
	top: 15px;	
	width: 300px;
	text-align: center;
	padding: 1px;
	z-index: 20;
}

#fireStats2 {
	position: absolute;
	left: 0px;
	top: 40px;	
	margin: 0 20px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 1px;
	z-index: 2;
}

#fire_Radar_WU {
	position: absolute;
	width: 90px;
	height: 90px;
	text-align: center;
	left: 110px;
	top: 107px;
	z-index: 20;
	border: 3px groove #009900;
} 

#fire_Radar_WU_title {
	position: absolute;
	text-align: center;
	left: 136px;
	top: 88px;
}

#fire_WU_title_2 {
	position: absolute;	
	text-align: center;
	left: 620px;
	top: 20px;	
	z-index: 10;
}

#Photo_fire {
	position: absolute;
	left: 654px;
	top: 48px;
	height: 145px;
	width: 145px;
	background-color: #000000;
	text-align: center;	
} 

#Photo1_fire {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 145px;
	width: 145px;
	background-color: #000000;
	text-align: center;
	z-index: 10;	
} 
#Local_Radar_WU {
	position: absolute;
	width: 90px;
	height: 90px;
	text-align: center;
	left: 90px;
	top: 127px;
	z-index: 20;
	border: 3px groove #009900;
} 

#Local_Radar_WU_title {
	position: absolute;
	text-align: center;
	left: 116px;
	top: 108px;
} 

#Local_WU_title {
	position: absolute;
	text-align: center;
	left: 300px;
	top: 70px;	
	z-index: 5;		
} 

#Local_WU_title_2 {
	position: absolute;
	
	text-align: center;
	left: 620px;
	top: 40px;	
	z-index: 5;		
} 

#Local_WU_menu {
	position: relative;
	left: 241px;
	top: -15px;
	width: 350px;
	text-align: center;
	float: left;
}

.WU_menu_1 {    	
	text-align: center;		
	z-index: 5;		
} 

#map_WU {
	position: relative;
	left: 17px;
	top: 10px;
	width: 800px;
	height:600px;
	text-align: center;
	border: 3px solid #00CC00;
	float: left;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background-color: #000000;
}

#WU_Bottom_Page_icon {
	position: relative;
	left: 195px;
	top: -20px;	
	text-align: left;
	float: left;	
 }

#rain_1 {
	position: absolute;
	left: 560px;
	top: 125px;	
	width: 20px;
	height: 20px;
	text-align: center;
	z-index: -1;
}

#rain_2 {
	position: absolute;
	left: 520px;
	top: 108px;	
	width: 20px;
	height: 20px;
	text-align: center;
	z-index: -1;
}

#rain_3 {
	position: absolute;
	left: 200px;
	top: 120px;	
	width: 20px;
	height: 20px;
	text-align: center;
	z-index: 0;
}

#wind_WU_hr_3 {
	position: absolute;	
	width: 300px;	
	left: 280px;
	top: 105px;
	text-align: center;		
	z-index: 0;
}

#Photo_Local {
	position: absolute;
	left: 654px;
	top: 68px;
	height: 145px;
	width: 145px;
	background-color: #000000;
	text-align: center;	
} 

#Photo1_Local {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 145px;
	width: 145px;
	background-color: #000000;
	text-align: center;
	z-index: 10;	
}