body  {
    margin: 0;
	padding: 0;
    text-align: center;
    background-color: #61B7CF;
	color: #000000;
	background-image: url(../../images/backgrounds/gradient.jpg);
	background-repeat: repeat-x;
	font: 13px Arial, Helvetica, sans-serif;
}

#wrapper
{
    margin-left: auto;
    margin-right: auto;
	border: 1px solid #61B7CF;
    width: 900px;
    text-align: left;
	background-color: #FFFFFF;
    color: #000000;
}

#header {
    background-color:#39AECF;
}

#header-bottom {
    height: 20px;
	padding: 2px 10px 2px 2px;
	color: #FFFFFF;
    text-align: right;
}

#header-bottom ul {
   margin: 0;
   padding: 0;
}
   
#header-bottom li {
    display: inline;
}

#header-bottom li a {
    text-decoration: none;
	color: #FFFFFF;
}

#header-bottom li a:hover {
	text-decoration: underline;
}

#main {
    position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 10px;
}

#content {
    position: relative;    
    margin-left: 191px;
	padding-left: 10px;
	padding-right: 10px;
	width: 689px;
	min-height: 700px;
	height: auto;
	background-color: #FFFFFF;
	color: #000000;
}

#sidebar {
    position: absolute;
	top: 0;
	left: 0;
    width: 180px;
	margin: 0;
	border-right: 1px dotted #39AECF;
	padding-right: 10px;
	background-color: #FFFFFF;
	
}

#sitesearch {
    text-align: right;
	background-color: #FFFFFF;
	color: #000000;
}

/* Main Menu */
#p7PMnav {
	margin: 0;
	padding:0;
	background-color: #FFFFFF;	
	color: #000000;
}
#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #39AECF;	
	color: #000000;
}
#p7PMnav ul {
	margin: 0;
	padding: 0;
	border: 1px solid #39AECF;
	background-color: #39AECF;
	color: #000000;	
	z-index: 10000;
}
#p7PMnav a {
	display: block;
	text-decoration: none;
	padding: 4px 10px;
	color: #000000;
	line-height: 1.2;
}
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
	text-decoration: underline;
	background-color: #39AECF;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: .01px;
}

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
	background-color: #39AECF;
	color: #000000;
	font-weight: bold;
}
/* ------ the trigger link styles ------- */

/*the normal trigger link */
#p7PMnav .p7PMtrg, #p7PMnav .p7PMon {
    background-color: #FFFFFF;
	background-image: url(../../p7pm/img/p7PM_teal_east.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
}

/*non trigger link */
#p7PMnav .p7PMnontrg {
    background-color: #FFFFFF;
	text-align: right;
}

/* the active trigger link style */
#p7PMnav .p7PMon {	
	background-color: #39AECF;
	color: #000000;
	font-weight: bold;
}

/*the submenu classes */

#p7PMnav .p7PMhide {
	left: -9000px;
	border: 0;
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;	
}

/* Top level menu width */
#p7PMnav {
	width: 190px;	
}

/* 2nd and subsequent Submenu widths */
#p7PMnav ul {
    border-right: 2px solid #057D9F;
	border-bottom: 2px solid #057D9F;
	width: 190px;
	background-color: #39AECF;
	color: #000000;
}
/* end Main Menu */

h4 {
    color: #A67400;
	font-size: 13px;
}

#footer  {
    background-color: #6F83D6;	
	background-image: url(../../images/banners/footer.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 900px;
	font-size: 80%;
}

#copyright  {
    text-align: center;
}

/* 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 */




.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: 10px;
	background-color: #E8F6FA;
}

.nav {
	margin: 0;	
	padding: 0;
	background: #E8F6FA;
	list-style-type: none;
	width: 100%;
	float: left;
	font-size: 90%;
	font-weight: bold;	
}

.nav li {
	margin: 0;
	padding: 0;
	background-color: #39AECF;	
	float: left;
}

.nav a  {
    float: left;
	width: 110px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 2.5;
	text-align: center;
	border-right: 1px solid #E8F6FA;
	background: url(../../images/backgrounds/tab.gif) no-repeat;
}

.nav a:hover {
	background-color: #057D9F;
	background-position: -220px 0;
	text-decoration: underline;
}	

/* Settings for the nav_xxx.html templates  selected */

.navBarAct a {
	background-color: #FFFFFF;
	background-position: -110px 0;
	color: #A67400;
	text-decoration: none;
}

.navBarAct a:hover {
    background-color: #FFFFFF;
	background-position: -110px 0;
	color: #A67400;
	text-decoration: none;
}

/* Local Header */

#local  {
    border: 1px solid #39AECF;
    background-color: #FFFFFF;
}

/* Box */

.box {border: 1px solid #39AECF; margin-top: 10px; clear: both;}
.box1 {border: 1px solid #39AECF; width: 370px; height: 180px; margin-top: 10px; margin-bottom: 10px; float: left;}
.box2 {border: 1px solid #39AECF; width: 305px; height: 180px; margin-top: 10px; margin-bottom: 10px; float: right;}
.box3 {border: 1px solid #39AECF; margin-top: 10px; line-height: 1.5;}
	
/* Color Font and Link settings for the Lt. Blue Headers */
    .header h1 {color: #1533AE; font-size: small; padding-left: 5px;}
	.headerTD {padding: 2px; height: 40px; background: #E8F6FA;}
	.headerText {  font-size: 13px; font-weight: bold; color: #1533AE;}
	.headerDate {   color:#1533AE;  font-size: 11px; font-weight: normal;}
                a.zoneDay { font-size: 11px; font-weight: bold; color: #A67400; text-decoration:none; 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 { }
	#localHeader .Place { color:#A67400; 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 a.Icao  {font-size: 10px; color: #FF0000; text-decoration:none; }
               #localHeader a.Icao:hover  {font-size: 10px; color: #FF0000; text-decoration:underline; }
               #localHeader a.Icao:visited  {font-size: 10px; color: #FF0000; text-decoration:none; }

/* Font settings for zonesection  */
	#forecastDetail {margin-left: 5px;}
	#forecastDetail .dayTitle { color:#000000; font-weight: bold; font-size: 13px;}
	#forecastDetail .wx {color: #000000; font-size: 12px;}
	#forecastDetail .include {color: #0000FF; font-size: 12px; font-weight:bold;}
               #forecastDetail .cities {color: #000000; font-size: 11px;}

/* Font settings for zone_rows  */
	#forecastRow {}
	#forecastRow .Title { font-size: 12px;  font-weight: bold; }
	#forecastRow .wx { font-size: 12px;  font-weight: normal;}
	#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; }
	#currents .Temp { font-size: 16px; color:#000000;  font-weight: bold;}
	#currents .Label {font-weight: bold; font-size:12px; color:#000000; }
	#currents .Value {font-weight: normal; font-size:12px; color:#000000;}

/* font settings in astro template */
	#astro {}
	#astro .Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none; }
               #astro a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
                 #astro a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
	#astro .Value {font-weight: normal; font-size:12px; color:#000000;}
                #astro .Moonname {font-weight: normal; font-size:11px; color:#000000;}

/* 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{
   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;
}


#caradarTable{

 height:480px;
   width:580px;


}
.caradarmap {
    position : relative;
    left : 0;
    top : 0;
    height : 480px;
    width : 580px;
}