body {
min-height: 100%;
height: 100%;
	margin: 0 auto;
	
	background:#424242;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:center;
}

h1, h2, h3 {
	margin-top: 0;
}

h1 {
	font-size: 16px;
}
h2 {
font-size: 12px;
}

h3 {
	font-size: 12px;
	margin-bottom: 0px;
}
h4 {
	font-size: 14px;
	color: #1D5473;
	margin-bottom: 4px;
	border-bottom: 1px dotted #CCCCCC;
	margin-top:0px;
}
h5 {
	font-size: 14px;
	color: #2f2f2f;
	margin-bottom: 4px;
	margin-top: 0px;
}
h6 {
	font-size: 12px;
	margin-bottom: 5px;
}

ul {
	list-style-image: url(images/img07.gif);
}
p {
	margin-top: 0px;
	line-height:15px;
}

a {
	text-decoration: none;
	
	
}

a:hover {
	border-bottom: none;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}
#content {
width:998px;
margin: 0 auto;
padding:0;
text-align:left;
}

/* Menu */

#menuW {
	width: 998px;
	height: 31px;
margin: 0 auto;
	background:url(images/img06.jpg) center repeat-x;
	text-align:left;
}



#menu {
width: 100%;
float: left;
height: 31px;
margin: 0 auto;
display:block;
padding: 5px 0px 0 0px;
}




#menu a {
color: #FFF;
text-decoration: none;
font-size: 14px;

border-left: 1px dotted #FDEEC3;
padding: 6px 10px 9px 10px;
font-weight:bold;
}

#menu a:hover {
color: #000;
background:url(images/img062.jpg) top repeat-x;
font-size: 14px;
}
#menu h6 {
color: #FFF;
text-decoration: none;
font-size: 14px;
border-left: 1px dotted #FDEEC3;
padding: 1px 10px 1px 10px;
font-weight:bold;
}
#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
width: 16em;
font-size: 11px;
}

#menu ul ul ul {
top: 0;
left: 100%;
width: 16em;
font-size: 11px;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}










/* Content padding:30px 10px;*/

#cwrapper {

	width: 998px;

    min-height:300px;
	margin: 0 auto;
	padding:0px 0px;;
	background:#FFFFFF;
	text-align:left;
}
#cwrapper2 {
   
	
    min-height:300px;
	margin: 0 auto;
	padding:0px 10px;;
	background:#FFFFFF;
	text-align:left;
}
#col1 {
   width:140px;
   float:left;
   border:1px #666258 solid;
   background:#666258;
   text-align:left;
}

#col2 {

   width:330px;
   float:left;
   text-align:left;

}

#col2long {

   width:540px;
   float:left;
   text-align:left;

}

.classListing {
float:left;
width:540px;
height:100px;
border:1px solid #EFEFEF;
margin-bottom:10px;
text-align:left;
}
.classListing2 {
float:left;
width:100%;
padding:10px 10px;
text-align:left;
}

.thumbWrapper {
float:left;
width:112px;
height:100%;
text-align:left;
}


.infoWrapper {
float:left;
padding:4px 4px;
width:400px;
text-align:left;
}
.infoWrapper2 {
float:left;
padding:4px 4px;
text-align:left;

}
.infoWrapper h3 {
padding:2px 0 5px 0;
font-size: 13px;
color:#000033;
border:none;
text-align:left;
}
.infoWrapper h3 a{
text-align:left;
font-size: 13px;
color:#000033;
border-bottom: 1px dotted #CCCCCC;
}
.infoWrapper h4 {
text-align:left;
font-size: 10px;
color:#000000;
border:none;
}

.infoWrapper h6 {
float:right;
font-size: 12px;
color:#000000;
text-align:left;
}
#col3 {
   width:185px;
   float:left;
text-align:left;
}

#col4 {
   width:260px;
   float:left;
   clear:right;
text-align:left;
}



#col3 a{
    color:#000033;


	display:block;
	margin:0px;
	padding:5px 0px 5px 0px;
	text-decoration:underline;
	
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

}
#col2 a{color:#000033;}
#col3 a:hover{text-decoration:none;}


#col4 a{
    color:#000033;
    

	display:block;
	margin:0px;
	padding:5px 0px 5px 0px;
	text-decoration:underline;
	
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

}




#col4 a:hover{text-decoration:none;}


#col2 h3{
    color:#000033;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding:12px 0px 0px 0;
	margin:0;
    border-bottom:1px #C0C0C0 solid;
	text-align:left;
}
  
#col2 p{
    color:#000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:4px 0px 3px 0;
    margin:0;
	text-align:left;
}

#col4 h3{
    color:#000033;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding:12px 0px 0px 0;
	margin:0;
    border-bottom:1px #C0C0C0 solid;
	text-align:left;
}

#col4 p{
    color:#000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:4px 0px 3px 0;
    margin:0;
	text-align:left;
}


.cHead{
    width:100%;
    height:25px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
	margin: 0;
	background:url(images/img06.jpg) bottom repeat-x;
}
.cHead h2{
     padding:5px 1px 0px 5px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	color:#FFFFFF;
}
#col1 p{

    color:#0000EE;
	background:#EDE4CC;
	
	display:block;
	margin:0px;
	padding:3px 1px 0px 3px; 

	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
}
#col3 p{

    color:#0000EE;
	
	
	display:block;
	margin:0px;
	padding:3px 1px 0px 3px; 

	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
}
#col1 a{
    color:#000000;
	background:#EDE4CC;
	
	display:block;
	margin:0px;
	padding:3px 1px 0px 3px; 
	border-bottom:1px #BDB49D solid;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#classSmall a{
    color:#000033;
	background:#DDEAF8;
	height:18px;
	display:block;
	margin:0px;
	padding:3px 1px 0px 3px; 
	border-bottom:1px #345574 solid;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
}

#col1 a:hover{
	background:#FDF7E9;
}


#bottom {

clear:both;
width:998px;
height:80px;
color:#FFFFFF;
padding:10px 0px;
text-align: center;
margin:0
}
#bottom a{
font-size:13px;
color:#FFFFFF;
font-weight:bold;
padding:10px 8px;
}
.spacer{
width:15px;
height:100%;
   float:left;
   
   
}




.hotels a {
	font-size: 10px;
	border-bottom: none;
}
#hotel_widget {
	margin: 10px 0;
	text-align: center;
	padding-left: 15px;
}
#hotel_promos {
	margin-bottom: 20px;
	font-weight: bold;
}




/* This controls global text in the html <pre> tags */
pre {  font-family: arial, helvetica, 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; }

/* Font settings for the Left Navagation links */

.sideLink { font-size:11px; color:#000000; text-decoration:none; font-weight:normal;}
a.sideLink:link { font-size:11px; color:#000000; text-decoration:none; font-weight:normal;}
a.sideLink:active { font-size:11px; color:#000000; text-decoration:none; font-weight:normal;}
a.sideLink:hover { font-size:11px; color:#000000; text-decoration:underline; font-weight:normal;}

/* Font settings for the nav_xxx.html templates not selected */

.navBar { font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold;}
a.navBar:link { font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold;}
a.navBar:hover {font-size:12px; color:#FFFFFF; text-decoration:underline; font-weight:bold;}

/* Font settings for the nav_xxx.html templates  selected */

.navBarAct { font-size:12px; color:#FFCC00; text-decoration:none; font-weight:bold;}
a.navBarAct:link { font-size:12px; color:#FFCC00; text-decoration:none; font-weight:bold;}
a.navBarAct:hover {font-size:12px; color:#FFCC00; text-decoration:underline; font-weight:bold;}



/* Color Font and Link settings for the Lt. Blue Headers */

	.headerTD {padding: 5px;background:url(../../../../images/img06.jpg) bottom repeat-x;}
	.headerText {  font-size: 13px; font-weight: bold; color: #FFFFFF;}
	.headerDate {   color:#FFFFFF;  font-size: 11px; font-weight: normal;}
                a.zoneDay { font-size: 11px; font-weight: bold; color: #FFFFFF; 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:#000000; padding-left: 5px; font-size: 16px;  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: 11px; color: #FF0000; }
	#forecastRow .low {font-size: 11px; color: #0000FF; }
	#forecastRow .pop {font-size: 11px; 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: #FFCC00;}
.rowColor2 { background: #C0C0C0;}

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

#contact-area {
	width: 515px;
	margin-top: 25px;
}
#contact-area small{
	color:#3300CC;
}
#contact-area input, #contact-area textarea , #contact-area select{
	padding: 2px;
	width: 390px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #345574;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus , #contact-area select:focus{
	border: 2px solid #3333FF;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 95px;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 14px;
}