/* This controls global text in the html <pre> tags */
pre {  font-family: arial, helvetica, sans-serif;
           font-size:12px;
          color:#000000;}

/* General global font settings used in several templates */

#sectionw {
	margin: 0 auto;
	background-color: #FFFFFF;
	min-height: 800px;
}

.small { font-size:10px; color:#000000; text-decoration:none; font-weight:normal;}
.smallBold { font-size:10px; color:#000000; text-decoration:none; font-weight:bold;}
.normal { font-size:12px; color:#000000; text-decoration:none; font-weight:normal;}
.normalBold { font-size:12px; color:#000000; text-decoration:none; font-weight:bold;}
.large { font-size:16px; color:#000000; text-decoration:none; font-weight:normal;}
.largeBold { font-size:16px; color:#000000; text-decoration:none; font-weight:bold;}

a.redLink:link{font-size: 12px; color: #FF0000; text-decoration:none; }
a.redLink:hover {font-size: 12px; color: #FF0000; text-decoration:underline; }
a.redLink:visited {font-size: 12px; color: #FF0000; text-decoration:none; }
.redLink{font-size: 12px; color: #FF0000; text-decoration:none; }

/* Settings for the nav_xxx.html templates not selected */

.weather  {
    padding-top: 30px;
	background-color: #ffffff;
}

/* Local Header */

#local  {
    background-color: #FFFFFF;
}

/* Box */

.box { border: 2px solid #b1c0d8; margin: 10px; clear: both; border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;}
.box1 {width: 320px; margin: 10px; border: 0; float: left;}
.box2 {width: 320px; margin: 10px; border: 0; float: right;}
.box3 {width: 684px; margin: 10px; border: 0; line-height: 1.5;}
.box4 {width: 640px; height: 540px; margin-left: 44px; margin-right: 44px; border: 0; line-height: 1.5;}	
.box5 {width: 600px; height: 600px; margin-left: 64px; margin-right: 64px; border: 0; line-height: 1.5;}
.box5 h1 {color: #2b477d; font-size: small; padding: 10px 10px 10px 0;}
.box6 {width: 684px; margin: auto; border: 0; line-height: 1.5;}
.box7 {width: 640px; margin: 10px; border: 0; line-height: 1.5;}

.mos {background-color: #eeeeee; text-align: center; }
.mos2 {text-align: center; min-width: 40px; max-width: 55px; font-size:12px; color:#000000; text-decoration:none; font-weight:bold;}
.mos3 {text-align: center; width: 140px; font-size:12px; color:#000000; text-decoration:none; font-weight:bold;}
.mos4 {text-align: center; min-width: 40px; max-width: 55px; font-size:12px; color:#000000; text-decoration:none; font-weight:normal;}

/* Color Font and Link settings for the Lt. Blue Headers */
    .header h1 {color: #2b477d; font-size: small; padding-left: 5px;}
	.headerTD {min-height: 40px; border-bottom: 1px solid #b1c0d8;}
	.headerText {  font-size: 13px; font-weight: bold; color: #cc9900;}
	.headerDate {   color:#2b477d;  font-size: 11px; font-weight: normal;}
            .zoneHour { width: 240px; font-size: 11px; font-weight: bold; color: #cc9900; font-style: italic; text-align: right; vertical-align: top;}
            .zoneHour a{ text-decoration:none; }
			.zoneDay { font-size: 11px; font-weight: bold; color: #cc9900; font-style: italic; float: right; vertical-align: top;}
			.zoneDay a{ text-decoration:none; color: cc9900;}
			.zoneDayHF {font-size: 11px; font-weight: bold; color: #cc9900; font-style: italic; }
			.basicHeaderText{ padding-left: 5px;font-size: 16px; font-weight: bold; }
			.fcExpire {font-size: 11px; color: #FF0000;  font-weight:bold;}

/* Advisory Title name in zonesection, warnings and special templates  */

		 	.warnTitle {color: #FF0000; font-weight: bold; font-size: 14px; }
            a.warnTitle:link {text-decoration:none; color: #FF0000; font-weight: bold; font-size: 14px; }
            a.warnTitle:hover {text-decoration:underline; color: #FF0000; font-weight: bold; font-size: 14px; }
			.afd { padding-left: 5px;}

/* font settings for local_header.html and radar_header.html template */
    
	#localHeader { width: 684px; margin: 10px; border: 0; }
	#localHeader .Place { color:#cc9900; padding-left: 5px; font-size: small;  font-weight: bold; }
	#localHeader .Wxn {  padding-left: 5px; font-weight: bold; }
	#localHeader .Label {color:#000000; font-size: 10px;  font-weight: bold; }
	#localHeader .Value { color:#000000; font-size: 10px;}
	#localHeader .lat { text-align: right; }
               #localHeader a.Icao  {font-size: 10px; color: #cc9900; text-decoration:none; }
               #localHeader a.Icao:hover  {font-size: 10px; color: #ff0000; text-decoration:underline; }
               #localHeader a.Icao:visited  {font-size: 10px; color: #000000; text-decoration:none; }

/* Font settings for zonesection  */
	#forecastDetail {margin-left: 5px;}
	#forecastDetail .Title { color:#000000; font-weight: bold; font-size: 13px; }
	#forecastDetail .wx {color: #000000; font-size: 12px; text-align: center;}
	#forecastDetail .include {color: #0000FF; font-size: 12px; font-weight:bold;}
               #forecastDetail .cities {color: #000000; font-size: 11px;}

/* Font settings for zone_rows  */
	#forecastRow {margin: auto; }
	#forecastRow .Title { font-size: 12px;  font-weight: bold; text-align: center; padding: 18px; vertical-align: top;}
	#forecastRow .wx { font-size: 12px;  font-weight: normal; text-align: center; padding-left: 18px; padding-right: 18px; }
	#forecastRow .high {font-size: 12px; color: #FF0000; }
	#forecastRow .low {font-size: 12px; color: #0000FF; }
	#forecastRow .pop {font-size: 12px; color: #238E23; }

/* font settings for current template */
	#currents { }
	#currents .Wx { font-size: 14px; color:#000000;  font-weight: bold; text-align: center;}
	#currents .Temp { font-size: 16px; color:#000000;  font-weight: bold; text-align: center;}
	#currents .Label {font-weight: bold; font-size:12px; color:#000000; line-height: 1.5; text-align: right; padding-right: 10px;}
	#currents .Value {font-weight: normal; font-size:12px; color:#000000; line-height: 1.5; }

/* font settings in astro template */
	#astro {}
	#astro .Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none; line-height: 1.5; text-align: right; padding-right: 10px;}
               #astro a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none; text-align: right; padding-right: 10px;}
               #astro a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline; text-align: right; padding-right: 10px;}
	#astro .Value {font-weight: normal; font-size:12px; color:#000000;}
               #astro .Moonname {font-weight: normal; font-size:11px; color:#000000; text-align: center;}

/* row background colors for mos and your weather settings */

.rowColor1 { background: #FFFFFF;}
.rowColor2 { background: #EEEEEE;}

/* Ridge Radar Control */
/* id radarTable is an addition for */
/* IE and Mozilla Compatablilty */
#radarTable{
   position: absolute;
   height:580px;
   width:600px;
}

.radarmap {
    position : relative;
    left : 0;
    top : 0;
    height : 550px;
    width : 600px;
}
.image2 {
    position : absolute;
    left : 0;
    top : 0;
}
.image3 {
    position : absolute;
    left : 0;
    top : 0;
}
.image4 {
    position : absolute;
    left : 0;
    top : 0;
}
.image5 {
    position : absolute;
    left : 0;
    top : 0;
}
.image6 {
    position : absolute;
    left : 0;
    top : 0;
}
.image7 {
    position : absolute;
    left : 0;
    top : 0;
}
.image8 {
    position : absolute;
    left : 0;
    top : 0;
}
.image9 {
    position : absolute;
    left : 0;
    top : 0;
}
.image10 {
    position : absolute;
    left : 0;
    top : 0;
}

.div-table{display:table; width: 150px; margin: 30px; border: 0; float: left;}
.div-table2{display:table; width: 150px; margin: 10px 30px; border: 0; float: right; text-align: center;}
.div-table-row{display:table-row;}
.div-table-col{display:table-cell; border: 0;}
