/* =============================================================================

CONTAINER HEIGHT FIXES FOR MOZILLA

============================================================================= */

#header:after,
#mainContent:after,
#splashContent:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* =============================================================================

GENERAL STYLES

============================================================================= */

a img {
border-width: 0;
}

a {
color: #F36B00;
text-decoration: none;
}

a:hover {
color: #760006;
text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
}

form {
margin: 0;
padding: 0;
}

form input {
vertical-align: middle;
color: #333;
margin: 0;
padding: 0;
}

.leftImage {
float: left;
padding: 0 8px 5px 0;
}

.rightImage {
float: right;
padding: 0 0 5px 8px;
}

ul, 
li {
margin: 0;
padding: 0;
}

table {
margin: 0;
padding: 0;
}

.row0 {
background: #eee;
}

.row1 {
background: #ccc;
}


/* =============================================================================

STRUCTURAL/LAYOUT STYLES - PROBABLY SHOULD NOT BE MODIFIED

============================================================================= */

body {
	background: #fff url('/images/page_bg.jpg') repeat-x;
	margin: 0;
	font:x-small Verdana,Sans-serif;
}
/* Begin font hack for Opera */
html>body {font-size:small;}
/* End font hack for Opera */


#header {
text-align: right;

}

#container {
	min-height: 100%; 
	width: 804px;
	margin: 0 auto;
	padding: 0;
	font-size: 90%;
}

* html #container {
  	height: 100%
} 

#subWrapper {
width: 788px;
margin-left: 24px;
border: solid #888;
border-width: 0 1px;
background: #fff;
padding: 0;
font-size: 90%;
}

/* =============================================================================

HEADER & TOP NAVIGATION

============================================================================= */

#logo {
width: 261px;
height: 44px;
background: transparent;
float: left;
}

#loginStatus {
float: right;
color: #eee;
padding-top: 15px;
}

#loginStatus a {
color: #fff;
}

#topRow {
height: 41px;
margin-left: 261px;
}
 
#navWrapper {
padding: 0; 
text-align: right;
height: 31px;
width: 514px;
float: right;
background: url('/images/nav_bg.jpg') top repeat-x;
}

#nav { 
float: right;
width: 514px;
padding: 0;
margin: 0;
text-align: center;
}

#nav li {
float: right; /* needs to be floated to display bg color */
margin: 0;
display: inline;
position: relative;
top: 0;
left: 0;
z-index: 85;
}  

#nav li a {
/* float: left; */
display: block;
margin: 0;
padding: 0;
cursor: pointer;
font-family: helvetica, sans-serif;
font-weight: bold;
font-size: 100%;
color: #F56101;
text-decoration: none;
border-right: 0;
background: #FEFEF6;
} 

#nav li a:hover {
color : #42495c; 
background-color: #fff;

cursor: pointer;
}

#nav li.off a:hover,
#nav li:hover a,
#nav li.over a,
#nav li.on a {
color: #42495c;
background-color: #fff;
}

#nav li.off ul,
#nav li.on ul {
margin: 0;
padding: 5px 0 0 0;
display: none;
position : absolute; 
left : -2px;
top: 29px;
background-color: #fff;
border: 2px solid #BC8A41;
}

#nav li.on ul,
#nav li.off:hover ul,
#nav li.over ul {
display: block;
}

#nav li ul li {
padding: 0; 
margin: 0;
display: block;
clear: left;
width : auto; 
background-image: none;
text-align: left;
} 

#nav li.off ul a:hover,
#nav li.over ul a:hover {
padding: 15px 5px 0 5px;
background-image: none;
text-decoration: underline;
color: #FF9900;
}

#nav li.off:hover ul li,
#nav li.on:hover ul li {
/*float: none; - BREAKS LISTS IN IE7 */ 
margin: 0;
list-style-type:circle;
}

/*#nav li ul li:hover,
#nav li ul li.over {margin: 0; padding: 0;}*/

#nav li.on ul a, 
#nav li.off ul a {
  float: none;
  color: #42495c;
  margin: 0;
  padding: 5px 0 5px 15px;
  width: 120px;
  font-weight: normal;
  font-size: 11px;
  background: url(/images/expanded_li_bg.gif) no-repeat left;
  display: block;
  position: relative;
  text-decoration: none;
}

#nav li.off ul a:hover,
#nav li.on ul a:hover {
padding: 5px 0 5px 15px;
width: 120px;
background: #AA2200;
color: #fff;
text-decoration: none;
}

#navContact {
width: 105px;
padding-top: 7px;
padding-bottom: 7px;
border-right-style:solid;
border-right-width: thin;
border-right-color:#CCC
}

#navWebmail {
width: 100px;
padding-top: 7px;
padding-bottom: 7px;
border-right-style:solid;
border-right-width: thin;
border-right-color:#CCC
}

#navSupport {
width: 88px;
padding-top: 7px;
padding-bottom: 7px;
border-right-style:solid;
border-right-width: thin;
border-right-color:#CCC
}

#navAccount {
width: 112px;
padding-top: 7px;
padding-bottom: 7px;
border-right-style:solid;
border-right-width: thin;
border-right-color:#CCC
}

#navServices {
width: 92px;
padding-top: 7px;
padding-bottom: 7px;
border-right-style:solid;
border-right-width: thin;
border-right-color:#CCC
}


/* =============================================================================

LEFT COLUMN POSITIONING & STYLES

============================================================================= */

#panoLeftColumn {
width: 260px;
color: #fff;
float: left;
z-index: 3;
}

#logoBottom {
position: relative;
margin-left: -25px;
z-index: 3;
}


#panoLeftColumnContent {
width: 232px;
margin: 0 12px 0 14px;
border-width: 0 1px 1px 1px;
border-color: #4D4F4E;
border-style: solid;
/*padding: 0 11px 0 16px;*/
padding: 0;
position: relative;
z-index: 3;
background: #C93501 url('/images/leftnav_bg.png') top repeat-x;
text-align: left;
/*height: 57px;*/
min-height: 0;
}

#panoLeftColumn ul,
#leftColumn ul {
margin: 0;
/*padding: 0;*/
}

#panoLeftColumn li,
#leftColumn li {
margin: 0;
padding: 0;
list-style-image: url('/images/daisy_bullet_red1.gif');
}

#panoLeftColumn h4,
#leftColumn h4 {
color: #000;
font-weight: bold;
display: inline;
font-size: 110%;
}

#panoLeftColumn li h3,
#leftColumn li h3 {
color: #eee;
font-weight: bold;
display: inline;
font-size: 110%;
}

#panoLeftColumn h2,
#leftColumn h2 {
color: #C4C4C4;
font-size: 120%;
margin-top: 0;
}

#leftcolumncontainer h2 {
color: #760006;
}

#panoLeftColumn a,
#leftColumn a {
color: #FFE4A2;
font-weight: bold;
}

#panoLeftColumn a:hover,
#leftColumn a:hover {
color: #fff;
}

.topStar {
background: #C93501 url('/images/leftnav_bg.png') top repeat-x;
}

.bottomTransition{
background: url('/images/weather_bg.png') top right no-repeat;
}


#leftColumnContainer {
padding: 0 22px 20px 21px;
border-bottom: 1px solid #A9A385;
margin-top: 10px;
}

.weather a{
color: #961300 !important;
}

.weather {
color: #000000;
}

.leftColumnGrey{
margin:0;
background: #fff url('/images/child_leftnav_bg.jpg') top repeat-x;
width: 232px;
border-width: 0 1px 1px 1px;
border-color: #4D4F4E;
border-style: solid;
/*padding: 0 11px 0 16px;*/
padding: 0;
position: relative;
z-index: 3;
text-align: left;
/*height: 57px;*/
min-height: 0;
left: -17px;
color: #F36B00;
float:left;
}

#panoLeftColumn .leftColumnGrey #leftColumnContainer .menu a{
color: #F36B00;
font-size: 110%;
}

#panoLeftColumn .leftColumnGrey #leftColumnContainer .submenu li{
list-style-image: none;
width: 190px;
}

#panoLeftColumn .leftColumnGrey #leftColumnContainer .submenu li ul li{
width: 180px;
list-style-image: none;
}

#panoLeftColumn .leftColumnGrey .leftColumnContainer a{
color: #F36B00;
}

.leftColumnItem {
margin-top: 20px;
}

#weatherLogin {
background: url('/images/weather_bg.png') 0px 0px no-repeat;
margin-bottom: 10px;
padding: 0 10px 0px 21px;
}

#weatherLogin form .field {
width: 125px;
margin-top: 7px;
border-width: 1px;
border-style: solid; 
border-color: #999 #ccc #ccc #999;
vertical-align: middle;
}

#weatherLogin form .button {
margin: 5px 0 5px 8px;
vertical-align: middle;
}

#weatherLogin #filler {
height: 30px;
}



#membersNav {
padding: 16px 0 0 0;
}

#panoLeftColumn #sectionName {
border-top: 1px solid #945641;
height: 22px;
padding: 4px 0 0 7px;
background: #BC4002 url('/images/section_name_bg.jpg') top repeat-x;
}

#panoLeftColumn #sectionName img {
position: relative;
vertical-align: middle;
margin-right: 7px;
}

#panoLeftColumn #sectionName h3 {
display: inline;
font-size: 13px;
}

#leftColumn {
width: 234px;
float: left;
text-align: left;
background: url('/images/child_leftnav_bg.jpg') top repeat-x;
margin: 0 12px 0 14px;
}


#leftColumnBottom {
width: 205px;
padding: 0 11px 14px 16px;
margin: 6px 0 0 0;
background: #C73401 url('/images/leftnav_bottom_bg.png') top repeat-x;
border: 1px solid #4D4F4E;
color: #fff;
}

#leftColumn .specials {
border: 1px solid #DC6018;
background: #FF8705 url('/images/specials_bg.jpg') left repeat-y;
padding: 12px 17px;
}

#leftColumn .specials h2 {
color: #fff;
font-size: 18px;
font-family: Times, "Times New Roman", serif; 
}

#leftColumn .specials a {
color: #333;
font-weight: normal;
}

#leftNav {
padding: 34px;
min-height: 350px;
float: left;
position: relative;
background: url('/images/child_leftnav_bg.jpg') top repeat-x;
width: 166px;
}

#leftNav h4 a {
color: #7B7A78;
font-size: 110%;
margin: 8px;
display: block;
}

#leftNav h4 a:hover {
color: #C93501;
}

#leftNav ul.leftNavItems li {
list-style-image: none;
}

#leftNav ul.leftNavItems li,
#leftNav ul.leftNavItems li a {
color: #DE6401;
}

#leftNav ul.leftNavItems li a {
padding: 7px 0;
display: block;
font-weight: normal;
}

#leftNav ul.leftNavItems li a:hover {
color: #C93501;
}

.menu, menu ul {
  margin:0;
  list-style:none;
}

.menu {
/*	width:335px;*/
  font-size:110%;
  padding: 10px;
  font-weight: bold;
}

.submenu, .submenu1 {
  width:200px;
  font-size:100%;
  padding-left: 10px;
  font-weight: bold;
}

.submenu1 li{
  list-style-image: none !important;
}

.submenu a, .extlink a {
  color: #861900 !important;
}

.menu li {
	padding:0;
	margin-bottom:1px;
	list-style-type: none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	background-image:url(bg.gif);
}
.menu a {
	display:block;
	padding:2px 10px;
/*	color: #FFC;*/
	text-decoration:none;
}

.menu ul li {
	padding-left:15px;
	left: 30px;
	/*padding-top: 10px;*/
}

.hidden {display:none;}

.stuff{
	background-image:url(circuit3.gif);
	background-repeat: no-repeat;
}

/* =============================================================================

CENTER COUMN (MAIN CONTENT AREA)

============================================================================= */

#contentTop {
/*padding: 7px 0 6px 248px;
position: absolute;*/
bottom: 1;
/*float: right;*/
position: relative;
left: -12px;
}

#contentTop img {
z-index: 0;
}

#mainContent {
padding: 0 0 12px 0px;
width: 525px;
float: left;
}


#contentArea {
/*margin-left: 234px;*/
padding: 19px;
/*width: 525px;
float: right;*/
}

.titleBar {
background: url('/images/titlebar_bg.jpg') top repeat-x;
}

.titleBar .inner,
.titleBar .innerRight {
height: 25px;
padding: 11px 0 0 18px;
background: url('/images/titlebar_left_curve.jpg') top left no-repeat;
}

.titleBar .innerRight {
background: url('/images/titlebar_right_curve.jpg') top right no-repeat;
}

.titleBar h2 {
color: #6E0000;
font-size: 180%;
font-family: Times, "Times New Roman", serif; 
}

.leftCurve {
background: url('/images/titlebar_left_curve.jpg') top left no-repeat;
}

#pageTitle {
margin-bottom: 1.5em;
}

#mainContent h2.pageTitle {
color: #760300;
font-size: 175%;
font-weight: bold;
display: inline;
}

#mainContent ul li {
margin-left: 2em;
}

table #two {
border: 1px solid #000000;
}

#mainContent table {
border: 1px solid #ddd;
margin: 1px 0;
}

#mainContent table td {
padding: .75em;
}

#mainContent tr.sectionHeading {
background: #494949;
color: #fff;
}

#onlineSignup {
margin-top: 1.5em;
}

.intro {
  font-size: 120%;
}


/* =============================================================================

HOME/SPLASH PAGE SPECIFIC STYLING

============================================================================= */

#splashContent {
margin: 0;
min-height: 393px;
position: relative;
}

#splashImage,
#childImage { 
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
background-position: 0 4px;
background-repeat: no-repeat;
}

#home #panoLeftColumnContent {
/*min-height: 400px;*/
padding: 0 11px 0 16px;
width: 205px;
float: left;
}

#home #weatherLogin {
background: url('/images/weather_bg.png') -16px 0px no-repeat;
}

#home #leftColumn h2 {
margin-top: 16px;
}

#home #leftColumn {
background: none;
}

#splashBottomBar {
position: absolute;
top: 234px;
background-color: #fff;
height: 22px;
padding: 5px 10px 0 0;
width: 768px;
opacity: .67; 
border: solid #9E9391;
border-width: 1px 0;
text-align: right;
color: #000;
}

#home #contentArea {
padding: 8px 9px 0 0px;
}

.homepageFeature {
width: 49.5%;
margin-right: 2px;
float: left;
}

.homepageFeatureFull {
width: 100%;
float: left;
}

.homepageFeature .content,
.homepageFeatureFull .content {
margin: 5px;
padding: 5px;
background: url('/images/homepage_feature_bg.jpg') top repeat-x;
}

.homepageFeature .content li,
.homepageFeatureFull .content li {
list-style-image: url('/images/daisy_bullet.gif');
line-height: 125%;
margin: 4px 0 4px 23px;
vertical-align: top;
}

.homepageFeature .content a,
.homepageFeatureFull .content a {
color: #861900;
font-weight: bold;
}

.homepageFeature .content a:hover,
.homepageFeatureFull .content a:hover {
color: #E27300;
}

.homepageFeatureFull .news  {
padding: 0 10px;
}

.homepageFeatureFull .news li  {
border-bottom: 1px dotted #999;
padding-bottom: 4px;
}

.homepageFeatureFull .news img  {
display: none;
}

.homepageFeatureFull .news p  {
margin: 0;
padding: 0;
}

/* =============================================================================

CHILD/INTERIOR PAGE SPECIFIC STYLING

============================================================================= */

#childImage {
background: #000;
}

#childBottomBar {
position: absolute;
top: 111px;
background-color: #fff;
height: 22px;
padding: 5px 10px 0 0;
/*width: 768px;*/
opacity: .67; 
border: solid #9E9391;
border-width: 1px 0;
text-align: right;
color: #000;
}


/* =============================================================================

FOOTER

============================================================================= */


#position10 {
clear: both;
padding: 9px 0;
background: #494949;
}

#position10 .content {
color: #eee;
padding: 0 15px;
margin: 0 auto;
}

#position10 .content a {
color: #E39A4D;
}

#siteCredit {
    float: right;
 }

/* =============================================================================

LightBox

============================================================================= */


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.lightboximages img{
/*height: 150px;
width: 216px;*/
border: #AA2200 solid 1px;
}