body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img,table{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

body {
    background-color:#393939;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color:#4D4D4F;
	text-decoration: none;
    text-align: center;
}
table {
	clear:both;	
}

/*----clearfix----*/
.clearfix:after {content: "."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix {display:inline-table;}
/* backslash hack hides from IE mac \*/
.clearfix {display:block;}


/* ----------------------------------------*/
a:visited {
	color: #000000;
	text-decoration: none;
    font-size:12px;
    font-family: sans-serif;
    }
a:link {
    color: #000000;
    text-decoration: none;
    font-size:12px;
    font-family: sans-serif;
    }
a:hover {
	color: #455392;
	text-decoration: none;
    font-size:12px;
    font-family: sans-serif;
    }
a:active {
	color: #5162ac;
    text-decoration: none;
    font-size:12px;
    font-family: sans-serif;
    }
/* ----------------------------------------*/



hr {
	line-height: 1px;
	font-size: 1px;
}
/* ----------------------------------------*/
.smallText {
    font-family: verdana;
    font-size: 10px;
    color:#fff;
	padding: 5px 0;
}
.smallText a {
	color:#fff;	
}
.smallText a:hover {
	color:#CCC;
}

span.mediumText {
    font-family: verdana;
    font-size: 12px;
    color:gray;
}

span.largeText {
    font-family: Arial;
    font-weight:normal;
    font-size: 16px;
    color:#000000;
}
.subTitle {
    font-family: sans-serif;
    font-size: 16px;
    color: #5162ac;
    text-decoration: none;
    font-weight: normal;
    text-align:center;
    display:block;
    padding-bottom:15px;
}
#poweredby {
	position:relative;
	top:6px;
}

/* ----------------------------------------*/
h1 {
	font: bold 3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFF;
	padding:20px 0 0 0;
}
h2 {
    font: 1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align:left;
    margin: 0 0 5px 0;
    color:#3e649e;
}
h3 {
    font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align:left;
    margin: 0 0 10px 0;
    color:#000;
}
h4 {
    font: bold 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align:left;
    margin: 0 0 10px 0;
    color:#5a7aa1;
}
h5 {
    font: bold 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align:left;
    margin: 0 0 5px 0;
    color:#000000;
}


/* ----------------------------------------*/
#leftColumn {
    /*border:0;
    width:160px;
    height:100%;
	background-image:url(bg-leftColumn.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#1f2b3b;*/
}
#leftColumn table {
    border:0;
    width:160px;
    height:100%;
	background-image:url(bg-leftColumn.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#1f2b3b;
}
#centerColumnNoRight {
    width:auto;
    height:250px;
    width:765px;
    background-color:#FFFFFF;
    background-image:url(bg-centerColumnNoRight.gif);
    background-position:bottom left;
    background-repeat:no-repeat;
    padding:15px;
    margin:0 0 40px 0;
}
/*#centerColumnNoRight p {
    font: 0.9em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
    color:#000000;
    width: 600px;
    margin: 0 20px 20px 0;
}*/
#centerColumnNoRight ul {
    font: 0.8em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 0 0 20px 0;
}
/*.mainBody p {
	font: 1em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#303030;
	clear:both;
}*/
.mainBody a {
	font: bold 1em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0e7ade;
	text-decoration:underline;
}
.mainBody a:hover {
	text-decoration:none;
}
.rightImage {
	float:right;
    padding:10px;
}
#rightColumn {
    width:148px;
    height:100%;
}
#forecast {
	width:725px;
	height:151px;
	margin:0 auto;
	background:url(bg-forecast.gif) no-repeat;
}
#basic {
	width:725px;
	height:57px;
	margin:0 auto;
	background:url(bg-basic.gif) no-repeat;
}
#basic a, #basic a:hover, #basic a:visited {
	color:#d6dfe9;
}
#forecast table {
	width:100%;
	text-align:center;
}
#forecast table p {
	text-align:center;
	font: 0.9em/0.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;	
	width:100%;
	margin:12px 0;
}
#forecast table img {
	border: 1px solid #bbbbbb;
}
#current {
	width:725px;
	height:150px;
	background:url(bg-current.gif);
	margin:0 auto;
}
#current table {
	width:100%;	
}
#current table p {
	text-align:center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;	
	width:100%;
}
#conditionHeader th p {
	font-size:0.9em;
	font-weight:bold;
	/*line-height:2.5em;*/
	margin:10px 0 5px 0;
}
#conditionFocus td p {
	font-size:1em;
	/*line-height:2.1em;*/
	font-weight:bold;
	color:#3e649e;
	margin: 0 0 5px 0;
}
.hi {
	color:#cc0000;
}
.low {
	color:#0099e0;
}
#conditionExtra td {
	font-size:0.7em;
   margin-top: 10px;
	/*line-height:2em;*/
}
#solar{
	width:725px;
	height:56px;
	background:url(bg-solar.gif);
	margin:0 auto 20px auto;	
}
#solar table {
	width:725px;	
	text-align:center;
}
#solar table p {
	font: 0.9em/1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 auto;	
}
#solar table td {
	padding:0 10px;
	
}
#solarHeader td p {
	font-weight:bold;	
}
#solarDetails td p {
	margin:0 0 3px 0;
}
#graphcluster {
/*
	width:724px;
	background:url(bg-graphcluster.gif) no-repeat #323232;
	margin:0 auto;
	padding:14px 0 0 0;
*/
   width: 726px;
   height: auto;
   margin: 0 0 0 0;
   padding: 10px 2px 0px 2px;
	background:url(bg-graphcluster.gif) no-repeat #323232;
}
#graphcluster_bottom{
	height:20px;
   width: 724px;
	background:url(bg-graphcluster_bottom.gif) no-repeat #323232;
	clear:both;
	margin:0;
}
.graph {
/*
	width:360px;
	height:232px;
	float:left;
	border:1px solid #fff;
*/

   width: auto;
   height: auto;
   margin: 2px 2px 2px 2px;
   padding: 0 0 0 0;
   border:1px solid #fff;
   float: left;
}
.graph h4 {
	font: bold 1.1em/1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;	
	text-align:center;
}
#mapcontainer {
	width:725px;
	margin:20px auto 0 auto;
}
.map {
	width:359px;
	height:263px;
	float:left;
	border:1px solid #000;
}
.map h4 {
	font: bold 1.1em/1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;	
	text-align:center;	
}

/* ----------------------------------------*/
div.master {
	width:925px;
    height:auto;
    margin:auto;
    padding:0px;
    background-color:#dfdfdf;
	text-align: center;

}
.header_container {
    width:925px;
    height:124px;
    background-image:url(../../images/logo-WeatherElement.jpg);
    margin:0 auto;
    text-align:center;
}
.header_containerMembers {
    width:925px;
    height:124px;
    background-image:url(bg_header.jpg);
    margin:0 auto;
    text-align:center;
}
#home_button {
	border:0;
	margin: 20px 0 0 0 ;
}
.tagLine {
	width:925px;
	height: 65px;
	background-image:url(../../images/bg-tagline.gif);
	background-position:bottom;
	background-color:#d6dfe9;m
	background-repeat:repeat-x;
}
.taglineTop {
    background-image:url(../../images/bg-taglineTop.gif);
    background-position: top;
    background-repeat:repeat-x;
    width:100%;
    height:7px;
}
.tagLine p {
	padding:3px;
	font:1em/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:black;
	text-align:left;
}
div.mainBody {
    min-height:350px;
    margin:0px;
    background-color:#1f2b3b;
    width:auto;
    overflow:visible;
	padding:0 0 15px 0;
}

div.footer {
    height:auto;
    margin:auto;
    background-color:#1f2b3b;
    width:auto;
    text-align:center;
}
/* ----------------------------------------*/

div.titleBox {
    width:auto;
    background-color: #a4b4b0;
    height:25px;
    line-height: 25px;
    color: #000000;
    font-weight:bold;
    font-size: 14px;
    font-family: verdana;
    text-align:center;
}

#linkBox {
    background-image:url(../../images/bg-button.gif);
    width:131px;
	height:29px;
    text-align: center;
    padding:0px;
	margin: 0 auto;
}
#linkBox a {
	font: bold 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:white;
}
#linkBox a:hover {
	font: bold 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#linkBox:hover {
    background-image:url(../../images/bg-button-on.gif);
}

#button2 {
    background-color: #a4b4b0;
    text-decoration: none;
    min-height:16px;
    text-align: center;
    color: black;
    font-size: 12px;
    font-family: verdana;
    padding:5px;
    border:1px solid black;
    display:table-cell;
    cursor:default;
    position:relative;


}
#button2:hover {
    background-color: #dfdfdf;
    cursor:pointer;

}

/* ----MenuVertical----*/
.menu_Box_vertical {
    float:left;
    text-align:left;
}
.menu_Title_vertical {
	/*font: bold Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	padding: 8px 0;*/
	display:none;
}
.menu_List_container_vertical {
    background:url(bg-vertical_nav.gif);
    width:158px;
    height:40px;
    margin: 0 auto;  
}
.menu_List_vertical {
    list-style:none;
}
.menu_List_vertical li {

    position:relative;
}
.menu_List_vertical a {
    font: bold 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:158px; 
    display:block;
    color:white;
    background-image:url(bg-vertical_nav.gif);
    padding:7px 0;
    text-align:center;
    white-space:nowrap;
}
#menu_Override_hidden_vertical {
    display:block;
    background-image:url(bg-vertical_nav.gif);
    font: 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding:7px 0;
}
#menu_Override_active_vertical {
    display:block;
    background-image:url(bg-vertical_nav.gif);
    font: 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding:7px 0;
}
#menu_Override_active_vertical:hover {
    font: bold 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; 
    display:block;
    padding:7px 0;
    text-align:center;
    white-space:nowrap;
}
.menu_List_vertical a {
    text-decoration: none;
}
.menu_List_vertical a:hover {
    font: bold 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; 
    display:block;
    color:black;
    background-image:url(bg-vertical_nav-on.gif);
    padding:7px 0;
    text-align:center;
    white-space:nowrap;
}
.menu_List_vertical a:active {
    color:#939393;
    font: bold 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; 
    text-decoration: none;
    background-image:url(bg-vertical_nav-on.gif); 
    padding:7px 0;
} 
/* ----Breadcrumbs----*/
.menu_Box_breadcrumbs {
	background:url(bg-breadcrumbs.gif) repeat-x;
    text-align:left;
	width:925px;
    height:28px;
    margin: 0 auto;
}
.menu_Title_breadcrumbs {display:none;}
.menu_List_breadcrumbs {
    list-style:none;
	padding:0 0 0 10px;
}
.menu_List_breadcrumbs li {
    float:left;
    position:relative;
	padding:4px 0;
	display:inline;
}
/*.menu_List_breadcrumbs li:before {
	content: " > ";
	margin: 0 5px;
}*/
.menu_List_breadcrumbs li:last-child:before {content: "";}

/*IE workaround*/
/*All IE browsers*/
.menu_List_breadcrumbs li {
	background: url("gt.gif") no-repeat;
	background-position: 0 50%;
	padding: 4px 5px 4px 10px;
	margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
.menu_List_breadcrumbs { height: 1%; }

.menu_List_breadcrumbs li{
	display: block;
	float: left;
}
/*End hide*/
/*Mac IE 5*/
.menu_List_breadcrumbs li:first-child { background:none; }


.menu_List_breadcrumbs a {
    font: 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; 
    display:block;
    color:#000;
    float:left;
    text-align:center;
    white-space:nowrap;
}
.menu_List_breadcrumbs a:hover {
	text-decoration:underline;	
}
#menu_Override_hidden_breadcrumbs {
    display:block;
    font: 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#menu_Override_active_breadcrumbs {
    display:block;
    font: 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#menu_Override_active_breadcrumbs:hover {
    font: bold 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; 
    display:block;
    float:left;
    text-align:center;
    white-space:nowrap;
}
.menu_List_breadcrumbs a:hover {
    font: 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; 
    display:block;
    color:black;
    float:left;
    text-align:center;
    white-space:nowrap;
}
.menu_List_breadcrumbs a:active {
    color:#393939;
    font: 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; 
    text-decoration: none;
    cursor:pointer;
} 

/* ----MenuHorizontal----*/
.menu_Box_horizontal {
    float:left;
    position:relative;
    left:50%;
    text-align:left;
}
.menu_Title_horizontal {
    display:none;
}
.menu_List_container_horizontal {
    background:url(../../images/bg-header_nav.gif);
    width:925px;
    height:34px;
    margin: 0 auto;  
}
.menu_List_horizontal {
    list-style:none;
    position:relative;
    left:-50%;
}
.menu_List_horizontal li {
    float:left;
    position:relative;
}
.menu_List_horizontal a {
    font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; 
    display:block;
    color:white;
    background-image:url(../../images/bg-header_nav.gif);
    padding:6px 15px;
    float:left;
    text-align:center;
    white-space:nowrap;
}
#menu_Override_hidden_horizontal {
    display:block;
    background-image:url(../../images/bg-header_nav.gif);
    font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 6px 15px;
}
#menu_Override_active_horizontal {
    display:block;
    background-image:url(../../images/bg-header_nav.gif);
    font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding:6px 15px;
}
#menu_Override_active_horizontal:hover {
    font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; 
    display:block;
    padding:6px 15px;
    float:left;
    text-align:center;
    white-space:nowrap;
}
.menu_List_horizontal a:hover {
    font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; 
    display:block;
    color:black;
    background-image:url(bg-header_nav-on.gif);
    padding:6px 15px;
    float:left;
    text-align:center;
    white-space:nowrap;
}
.menu_List_horizontal a:active {
    color:#393939;
    font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; 
    text-decoration: none;
    background-image:url(bg-header_nav-on.gif); 
    cursor:pointer;
    ppadding:6px 15px;
} 
/* ----MenuHorizontal2----*/
.menu_Box_horizontal2 {
    float:left;
    position:relative;
    left:50%;
    text-align:left;
}
.menu_Title_horizontal2 {
    display:none;
}
.menu_List_container_horizontal2 {
    background:url(bg-footer.gif);
    width:925px;
    height:34px;
    margin: 0 auto;  
}
.menu_List_horizontal2 {
    list-style:none;
    position:relative;
    left:-50%;
}
.menu_List_horizontal2 li {
    float:left;
    position:relative;
}
.menu_List_horizontal2 a {
    font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; 
    display:block;
    color:white;
    background-image:url(bg-footer.gif);
    padding:6px 15px;
    float:left;
    text-align:center;
    white-space:nowrap;
}
#menu_Override_hidden_horizontal2 {
    display:block;
    background-image:url(bg-footer.gif);
    font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding:6px 15px;
}
#menu_Override_active_horizontal2 {
    display:block;
    background-image:url(bg-footer.gif);
    font: 1em Arial, Helvetica, sans-serif;
    padding:6px 15px;
}
#menu_Override_active_horizontal2:hover {
    font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; 
    display:block;
    padding:6px 15px;
    float:left;
    text-align:center;
    white-space:nowrap;
}
.menu_List_horizontal2 a:hover {
    font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; 
    display:block;
    color:black;
    background-image:url(bg-footer-on.gif);
    padding:6px 15px;
    float:left;
    text-align:center;
    white-space:nowrap;
}
.menu_List_horizontal2 a:active {
    color:#393939;
    font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; 
    text-decoration: none;
    background-image:url(bg-footer-on.gif); 
    cursor:pointer;
    ppadding:6px 15px;
} 
/* ----Menu2----*/ 
.menu_Box_2 {
    width:auto;
    height:auto;
}
.menu_Title_2 {
    width:auto;
    background-color: #a4b4b0;
    height:25px;
    line-height: 25px;
    color: red;
    font-weight:bold;
    font-size: 14px;
    font-family: verdana;
    text-align:center;
}
.menu_List_2 {
    list-style: lower-greek;
    padding-left:30px;
}
.menu_List_2 a {
    text-decoration: none;
    list-style: lower-greek;
    display:block;
    color:#000000;
    background-color: #a4b4b0;
    text-decoration: none;
    font-size: 14px;
    line-height:16px;
    cursor:pointer;
    padding:4px;
}
#menu_Override_2 {
    text-decoration: none;
    list-style: lower-greek;
    display:block;
    color:gray;
    background-color: #a4b4b0;
    text-decoration: none;
    font-size: 14px;
    line-height:16px;
    cursor:pointer;
    padding:4px;
}
#menu_Override_2:hover {
    font-size: 14px;
    text-decoration: none;
    background-color: #dfdfdf;
    cursor:pointer;
    padding:4px;
    padding-left:10px;
}
.menu_List_2 a:hover {
    color:#000000;
    font-size: 14px;
    text-decoration: none;
    background-color: #dfdfdf;
    cursor:pointer;
    padding:4px;
    padding-left:10px;
}
.menu_List_2 a:active {
    color:#000000;
    font-size: 14px;
    text-decoration: none;
    background-color: #5162ac;
    cursor:pointer;
    padding:4px;
    padding-left:14px;
}
/* ----Menu3----*/ 
.menu_Box_3 {
    width:200px;
    margin:0px;
    padding:0px;
}
.menu_Title_3 {
    width:200px;
    background-color: #a4b4b0;
    height:25px;
    line-height: 25px;
    color: black;
    font-weight:bold;
    font-size: 14px;
    font-family: verdana;
    text-align:center;
    padding:0px;
    margin:0px;
    border:2px solid black;
}
.menu_List_3 {
    list-style: none;
    padding:0px;
    margin:0px;
}
.menu_List_3 a {
    text-decoration: none;
    list-style: none;
    display:block;
    color:#000000;
    background-color: #a4b4b0;
    text-decoration: none;
    font-size: 14px;
    line-height:16px;
    cursor:pointer;
    padding:4px;
    border-bottom:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
}
.menu_List_3 a:hover {
    color:#000000;
    font-size: 14px;
    text-decoration: none;
    background-color: #dfdfdf;
    cursor:pointer;
}
.menu_List_3 a:active {
    color:#000000;
    font-size: 14px;
    text-decoration: none;
    background-color: #5162ac;
    cursor:pointer;
    padding:4px;
    padding-left:14px;
}
#menu_Override_3 {
    text-decoration: none;
    list-style: lower-greek;
    display:block;
    color:gray;
    background-color: #a4b4b0;
    text-decoration: none;
    font-size: 14px;
    line-height:16px;
    cursor:pointer;
}
#menu_Override_3:hover {
    font-size: 14px;
    text-decoration: none;
    background-color: #dfdfdf;
    cursor:pointer;
    padding:4px;
    padding-left:10px;
}

/* ----------------------------------------*/

.table1 {
    font-size:14px;
    color:#000000;
    padding:4px;
    font-family:sans-serif;
    background-color:;
    border:1px solid black;
}

.table1 td {
    padding:2px;
    min-width: 35px;
    text-align: center;
    border-bottom:1px solid #a4b4b0;
}

.table1_namecell {
    background-color:#a4b4b0;
    color:black;
    font-weight: bold;
}

div.table1_links {
    //background-color:#a4b4b0;
    color:#455392;
}

div.table1_links:hover {
    background-color:#a4b4b0;
    color:#000000;
    cursor:pointer;
}
/* ----------------------------------------*/
























/* ----------------------------------------*/

#rightBox {
    width:auto;
    background-color: #a4b4b0;
    border:1px solid #a4b4b0;
    text-decoration: none;
    min-height:100px;
    color: #455392;
    font-size: 14px;
    font-family: sans-serif;
    padding:2px;
    margin:3px;
    cursor:default;
    text-align:center;
    font-weight:bold;
}

#rightBox:hover {
    border:1px solid #000000;
    cursor:pointer;
}
/* ----------------------------------------*/
#contentBox {
    width:auto;
    height:auto;
    padding:5px;
    border:1px solid #a4b4b0;
    display: block;
}

#contentList {
    list-style: decimal;
    padding-left:30px;
}

#contentList a {
    width:auto;
    text-decoration: none;
    display:block;
    color:#000000;
    background-color: #a4b4b0;
    text-decoration: none;
    font-size: 14px;
    line-height:16px;
    cursor:pointer;
    padding:4px;
    margin:4px;
    border:1px solid #a4b4b0;
}

#contentList a:hover {
    color:#000000;
    font-size: 14px;
    text-decoration: none;
    background-color: #dfdfdf;
    cursor:pointer;
    padding-left:10px;
    border:1px solid black;
}





/* ----------------------------------------*/


.adminTextarea {
    width:85%;
    height:200px;
    border:1px solid black;
    padding:5px;
    font-size:11px;
    font-family:verdana;
}

.adminTextbox {
    width:85%;
    border:1px solid black;
    padding:5px;
    font-size:11px;
    font-family:verdana;
}