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

#Local_Exchange {
	display:inline-block;
	position: relative;
	left: -3px;
	top: -8px;
	width: 830px;
	padding-bottom: 9px;
	overflow: visible;
	z-index: 0;
}

#Local_Exchange_content {
	position: relative;
	left: 2px;
	top: 10px;
	width: 832px;
	text-align: center;
	float: left;
	background-color: #F0E8D2;
	background-image: url(/images/main_gradient_sub.gif);
	background-position: left;
	background-repeat: repeat-y;
	overflow: visible;
    padding-bottom: 0px;
	padding-top: 0px;
	border-bottom: 5px solid #00B925;
	margin: 0px;
	z-index: 0;
}

#Local_Exchange_content_2 {
	position: relative;
	left: 2px;
	top: 0px;
	width: 828px;
	text-align: center;
	float: left;	
	overflow: visible;
    padding-top: 80px;
	padding-bottom: 40px;	
	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: relative;
	text-align: center;
	left: 120px;
	float:left;
	
	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_2 {
	position: relative;
	left: -4px;
	top: -20px;
	width: 829px;
	text-align: center;
	float: left;	
	overflow: hidden;
    padding-top: 150px;
	padding-bottom: 30px;
		
	z-index: 2;
}

#Local_fire_content_2 {
	position: relative;
	left: -5px;
	top: 0px;
	width: 829px;
	text-align: center;
	float: left;	
	overflow: visible;
    padding-top: 130px;
	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: 6px;
	
	width:816px;
	text-align: center;
	float:left;
}

#map_2a {    
	text-align: center;
	border: 1px solid #00CC00;
	-moz-border-radius:7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px;	 	
}
.local_borderH {
    color: #FFFFFF;
    border-top: 1px solid #006600;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #006600;
	background-color:#006600;
	vertical-align: middle;
	text-align:center;	
}
.local_borderH_R {
    color:#FFFFFF;
    border-top: 1px solid #006600;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #006600;
	border-right: 1px solid #006600;
	background-color:#006600;
	vertical-align: middle;
	text-align:center;	
}
.local_borderH_L {
	color:#FFFFFF;
	border-top: 1px solid #006600;
	border-left: 1px solid #006600;
	border-bottom: 1px solid #006600;
	background-color:#006600;
	vertical-align: middle;
	text-align:center;
}
.local_border {
    border-left: 1px solid #006600;
    border-bottom: 1px solid #006600;
}
.local_borderR {
    border-left: 1px solid #006600;
    border-bottom: 1px solid #006600;
	border-right: 1px solid #006600;
}
.fireI_borderH {
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
    color: #FFFFFF;
    border-top: 1px solid #006600;
    border-left: 1px solid #006600;
	border-right: 1px solid #006600;
    border-bottom: 1px solid #006600;
	background-color:#006600;
	vertical-align: middle;
	text-align:center;
	padding:2px;	
}

.fireI_border {
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
    text-align:center;
    border-left: 1px solid #006600;
    border-bottom: 1px solid #006600;
	padding:2px;
}
.fireI_borderR {
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
    text-align:center;
    border-left: 1px solid #006600;
    border-bottom: 1px solid #006600;
	border-right: 1px solid #006600;
	padding:2px;
}
.fireI_border_B {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	border-left: 1px solid #006600;
	border-bottom: 1px solid #006600;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}
.fireI_borderR_B {
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
    text-align:center;
    border-left: 1px solid #006600;
    border-bottom: 1px solid #006600;
	border-right: 1px solid #006600;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}
#alert1 {
    position: relative;
	left: 0px;
	top: -50px;
	text-align: center;
	border-top-width: 3px;
	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: 90px;
	top: 107px;
	z-index: 20;
	border: 3px groove #009900;
} 
#local_radio {
	position: absolute;
	left: 220px;
	top: 80px;
	width: 210px;
	text-align: center;	
	z-index: 20;
} 
#fire_Radar_WU_title {
	position: absolute;
	text-align: center;
	left: 116px;
	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;
	border: 1px solid #000; -moz-border-radius:6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 5px 5px 3px #888; -webkit-box-shadow: 5px 5px 3px #888; -khtml-box-shadow: 5px 5px 3px #888; box-shadow: 5px 5px 3px #888;	
} 

#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_map10 {
	position: relative;
	left: 7px;
	top: 110px;
	text-align: center;
	padding-bottom: 0px;
}
#precip_alert {
	position: relative;
	left: 20px;
	top: 10px;
	width: 800px;
	text-align: center;
	float: left;
}
#precip_controls {
	position: relative;
	left: 20px;
	top: 10px;
	width: 800px;
	text-align: center;
	float: left;
	padding-bottom:5px;
}
.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;
	-moz-border-radius:7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px;
}

#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;	
}