﻿/* Layout Styles*/
body {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.top 
{
  margin: 0px auto;
	padding: 0px;
	border: 0px;
}
.outerContainer 
{
  margin: 0px auto;
	padding: 0px;
	border: 0px;
}
.container {
	margin: 0px auto;
	padding: 0px;
	border: 0px;
}
.masthead {
	margin: 0px auto;
	padding: 0px;
	border: 0px;
}
.mastheadContainer
{
    margin: 0px auto;
    padding: 0px;
    border: 0px;
}
.contentHeader
{
    margin: 0px auto;
    padding: 0px;
    border: 0px;
}
.footer {
	margin: 0px auto;
	padding: 0px;
	border: 0px;
}
.contentFooter 
{
    margin: 0px auto;
	  padding: 0px;
	  border: 0px;
}
body 
{
  font-family: Comic Sans MS, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 11pt;  
	background-color:#8081ff;
}
.top
{
  position:relative;
  background-image: url(../NewStyleImages/header.gif);
  background-repeat:no-repeat;
  background-position:center center;
  width: 100%; 
  height: 295px;
  overflow:visible;
  z-index: 2;
  top: 0px;
  left: 0px;
}
.outerContainer 
{
   position:relative;
   top:0px;
   width: 830px;
   z-index:1;
}
.footer 
{
  position:relative;
  top:0px;
  width: 100%; 
  height: 85px;
  text-align:center;
  overflow:visible;
  z-index:200;
  left: 0px;
}

.masthead
{
  position:relative;
  top: 140px;
  width: 100%; 
  height: 165px;
  overflow:visible;
  z-index: 3;
  left: 0px;  
}
.mastheadContainer
{
    position:relative;
    width: 830px;
    height: 110px;
    z-index: 4;
    top: 0px;
    left: 0px;
}
.buttonContainer
{
  position:absolute;
  display:inline-block;
  top:15px;
  width: 173px;
  height:65px;  
}
.buttonContainerBackground
{
  position:absolute;
  top:1px;
  left:1px;
  width: 173px;
  height:65px;
  background: url(../NewStyleImages/Button.png);
  background-repeat:no-repeat;  
  background-position:top left;
}
* html .buttonContainerBackground
{
  position:absolute;
  top:1px;
  left:1px;
  width: 173px;
  height:65px;
  background: url(../NewStyleImages/Button.gif);
  background-repeat:no-repeat;  
  background-position:top left;
  opacity:0.8;
  filter:alpha(opacity=80)
}
.buttonSelectedContainer
{
  position:absolute;
  display:inline-block;
  top:0px;
  width: 173px;
  height:65px;
  background-image: url(../NewStyleImages/ButtonSelected.png);
  background-repeat:no-repeat;  
  background-position:top left;
}
* html .buttonSelectedContainer
{
  position:absolute;
  display:inline-block;
  top:0px;
  width: 173px;
  height:65px;
  background-image: url(../NewStyleImages/ButtonSelected.gif);
  background-repeat:no-repeat;  
  background-position:top left;
}
.contentHeader
{
    position: absolute;
    top:50px;
    left:0px;
    background-color:White;
    border-top:solid 1px black;
    border-left:solid 1px black;
    border-right:solid 1px black;
    width: 828px;
    height: 120px;
    z-index: 1;
}
.searchContainer
{
    position: absolute;
    top:15px;
    left:510px;
    width: 320px;
    height: 45px;
    background-image: url(../StyleImages/searchBox.jpg);
    background-repeat: no-repeat;
}
.container {
  position:relative;
  top:0px;
  width: 828px;
  min-height:300px;
  border-left:solid 1px black;
  border-right:solid 1px black;
  z-index=10;
}
.background
{
  position:relative; 
  background-color:White; 
  width: 828px; 
  padding-bottom:30px;
  top: 0px;
}
.content
{
  position:relative;
  width:790px;
  top:0px;
  left: 0px;
}
.contentInner
{
  position:relative;
  top:0px;
  left: 15px;
  width: 790px;
}
.contentFooter 
{
  position:relative; 
  background-color:White;
  width: 828px;
  font-size:9pt;
  height:80px;
  border-bottom:solid 1px black;
  border-left:solid 1px black;
  border-right:solid 1px black;
  top: 0px;
  left: 0px;
}
.footerLinks
{
  position:relative; 
  top:30px;
}
.copyrightFooter
{
  width:100%; 
  text-align:center; 
  color:#2D2D2D; 
  font-size:9pt; 
  padding-top:5px;
  height:30px;
  z-index:5;
}
.logoContainer
{
  position:absolute; 
  top:-181px; 
  left:-81px; 
  height:266px; 
  width:262px;
  right: 571px;
  z-index:100;
}
.logo{
  height:266px; 
  width:262px;
  border-style:none;
}
.footerContainer
{
  position:absolute; 
  top:-55px; 
  left:-80px; 
  width:305px;
  height:187px; 
  right: 571px;
  z-index:200;
}
.logoFooter{
  width:305px;
  height:187px; 
  border-style:none;
}
/* Navigation Menu Styles*/
.menu_Navigation
{
  text-decoration:none;  
  font-size:10pt;
}
.menu_Navigation div a
{
  text-decoration:none;
  color: #000000; 
  font-size:10pt;
}
.menu_Navigation_hover {
  text-decoration:none;
  color: #006600; 
  font-size:10pt;
  cursor:pointer;
}
.menu_Navigation_hover div a
{
  text-decoration:none;
  color: #006600; 
  font-size:10pt;
}
.popup_menu {
  border-color:Gray;
  border-width:1px;
  border-style:solid;
  width: 150px;
  text-decoration:none; 
  font-size:10pt;
  z-index:101;
}
.popup_menu div a 
{
  text-decoration:none;
  color: #000000; 
  font-size:10pt;
}
.popup_menu_hover {
  text-decoration:none;
  color: #006600; 
  font-size:10pt;
}
.popup_menu_hover div a 
{
  text-decoration:none;
  color: #006600; 
  font-size:10pt;
}

/* Link Styles */
a {
    color: #000000;
    text-decoration: underline;
}
a:hover {
    color: #006600;
    text-decoration: none;
}
/* Label Styles*/
.pageSubtitle
{
    position:absolute;
    color: #000000;
    font-size: 20pt;    
    text-align:left;
}
.sectionTitle
{
    position:relative;
    color: #000000;
    font-size: 16pt;    
    text-align:center;
}
.largeLabel
{
    color: #000000;
    font-size: 14pt;    
    text-align:left;
}
/* Image Gallery Styles*/
.pictureFrame
{
    position: absolute;
    top: 5px;
    left: 56px;
    height: 446px;
    width: 542px;
    z-index: 101;
}    
.imgBack
{
    z-index: 102;
    left: 29px;
    position: absolute;
    top: 230px;
}
.imgForward
{
    z-index: 100;
    left: 582px;
    position: absolute;
    top: 230px;
}
/*Weather Styles*/
.forecast
{
  Height:31px;
  width:100%;
  font-size:8pt;
  left: 0px; 
  position: absolute; 
  top: 76px;
}
.high_temp
{
  width:100%;
  font-size:9pt;
  left: 0px; 
  position: absolute; 
  top: 107px;
  color:Red;
}
.low_temp
{
  width:100%;
  font-size:9pt;
  left: 0px; 
  position: absolute; 
  top: 120px;
  color:Navy;
}
.forecast_Large
{
  Height:31px;
  width:100%;
  left: 0px; 
  line-height:17px;
  position: absolute; 
  top: 76px;
}
.high_temp_Large
{
  width:100%;
  left: 0px; 
  position: absolute; 
  top: 107px;
  color:Red;
}
.low_temp_Large
{
  width:100%;
  left: 0px; 
  position: absolute; 
  top: 120px;
  color:Navy;
}