body {
	background-color:#CCCCCC;
	margin:0px 0px; padding:0px;
	text-align:center;
	font-family: arial; 
}
html { margin:0; padding:0px; }

img { behavior: url("scripts/pngbehavior.htc"); }

* html #bodydiv { width:927px; height:auto; display:block; /*margin-left:auto; margin-right:auto;*/ background-repeat:repeat-y; background-image:url(/images/bg_fade.png);  }
#bodydiv { width:957px; margin-bottom:30px; display:table; margin-left:auto; margin-right:auto; background-repeat:repeat-y; background-image:url(/images/bg_fade.png);  }



/*-------------------------------------------------------------------------------------------------------*/
/*--------------------------------------- HEADER STYLES ------------------------------------*/

* html #headerdiv { float:left; margin:0; padding:0px; width:915px; margin-left:3px; }
#headerdiv {  float:left; width:915px; margin-left:6px; margin-right:6px; }



#logo { margin:0px; padding:0px; background-image:url(/images/header.png); background-repeat:no-repeat; float:left; width:915px; height:139px;  }

* html #logoheadertext { margin:0px; padding:0px; width:915px; float:left; text-align:center; margin-bottom:5px; color:#CC0000; border-top:2px solid #993366; line-height:15px; font-family:Arial, Helvetica, sans-serif; background-color:#FFFFFF;  }
 #logoheadertext { width:915px; float:left; text-align:center; margin-bottom:5px; ; color:#CC0000; border-top:2px solid #993366; line-height:15px; font-family:Arial, Helvetica, sans-serif; background-color:#FFFFFF;  }

 #logoheadertext h1 { margin:0px; padding:0px; margin-left:60px; margin-top:5px; width:800px; font-size:11px; float:left; text-align:center; }
 * html #logoheadertext h1 { margin:0px; padding:0px; margin-left:35px; margin-top:5px; width:780px; font-size:11px; float:left; text-align:center;  }
* html  #logofootertext { margin:0px; padding:0px; width:530px; float:left; margin-left:55px; text-align:left; font-weight:bold; margin-top:70px; font-size:12px; color:#ffffff; }
 #logofootertext { width:700px; text-align:left; font-weight:bold; margin-left:110px; margin-top:110px; font-size:12px; color:#ffffff; }
 

#mainnav { margin:0px; padding:0px; float:left; width:915px; height:35px; background-image:url(/images/mainnav_fade.png); background-repeat:repeat-x; }
 * html #mainnav ul { margin:0 auto; margin-left:100px; padding:0px; padding-left:40px; height:35px; width:765px; list-style-type:none; }
 #mainnav ul { margin:0 auto; padding:0px; padding-left:140px; height:35px; width:850px; list-style-type:none; }
 #mainnav ul li { float:left; margin:10px; /*margin-left:20px; margin-right:20px;*/ font-size:12px; font-weight:bold; height:17px }
 #mainnav ul li a { text-decoration:none; color:#336699; }
 #mainnav ul li a:hover { color:#FF9900; } 
 
#secondarynav { float:left; width:915px; height:27px; background-image:url(/images/subheadnav_fade.png); background-repeat:repeat-x; }
 * html #secondarynav ul { margin:0 auto; padding:0px; padding-left:81px; height:27px; width:850px; list-style-type:none; }
 #secondarynav ul { margin:0 auto;  padding:0px; padding-left:45px; height:27px; width:700px; list-style-type:none; }
 #secondarynav ul li { float:left; margin:8px; margin-left:30px; margin-right:30px; font-size:11px; font-weight:bold; }
 #secondarynav ul li a { text-decoration:none; color:#336699; }
 #secondarynav ul li a:hover { color:#000000; } 


/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- CONTENT BODY DIV -------------------------------------*/

#contentdiv { float:left; width:955px; }

* html #leftnav { float:left; width:165px; margin:0px; margin-left:10px; margin-right:0px; }
 #leftnav { float:left; width:175px; margin:20px; }

* html #main_content_area { float:left; width:850px; font-size:12px; margin-left:20px; margin-top:20px; padding-bottom:20px;}
#main_content_area { float:left; width:850px; font-size:12px; margin-left:35px; margin-top:20px; margin-bottom:20px;}
#main_content_area h1 { margin:0px; padding:0px; font-weight:bold; font-size:13px;}
* html #main_content_area h2 { margin:0px; padding:0px; font-weight:bold; font-size:13px; background-image:url(../images/cams_title_bg.png); background-repeat:repeat-x; width:850; border-bottom:2px solid #993366; margin-bottom:15px; margin-top:10px;}

#main_content_area h2 { float:left; margin:0px; padding:0px; font-weight:bold; font-size:13px; background-image:url(../images/cams_title_bg.png); background-repeat:repeat-x; width:850px; border-bottom:2px solid #993366;  margin-top:15px;}

* html #featuredcam { float:left; width:320px; padding:10px; margin-top:10px; background-color:#993366; margin-left:80px;}
#featuredcam { float:left; width:324px; padding:10px; background-color:#993366; margin-top:15px;  margin-left:175px;  }

.cams_page_list_div { float:left; width:850px; }
.cams_page_list_div ul { margin:0px; padding:0px; text-align:left; list-style:none; }
.cams_page_list_div ul li { margin:0px; padding:5px; text-align:left; font-size:13px; border-bottom:2px solid #99cc66; }


/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- FOOTER DIV -------------------------------------*/

* html #footerdiv { float:left; margin:0; padding:0px; width:915px; margin-left:3px; }
#footerdiv { float:left; width:915px; margin-left:6px; padding-bottom:15px; }
#footerdiv h1 { margin:0; padding:0px; font-size:12px; padding-top:5px; padding-bottom:5px; background-color:#336699; color:#FFFFFF; }
#footerdiv h1 a { color:#FFFFFF; margin-left:10px; margin-right:10px; }
#footerdiv p { margin:0; padding:0px; font-size:12px; padding-top:10px; padding-bottom:5px; }
#footerdiv p a { color:#0000ff; margin-left:10px; margin-right:10px; }


#footerdiv h2 { margin:0; padding:0px; font-size:10px; padding-top:10px; margin-left:100px; padding-bottom:5px; text-align:left; width:700px; font-weight:normal; }
* html #footerdiv h2 { margin:0; padding:0px; font-size:10px; padding-top:10px; padding-bottom:5px; text-align:left; width:700px; font-weight:normal; }
#footerdiv h2 a { margin:0px; padding:0px; color:#0000ff; font-weight:normal; }


* html #bottomfade { float:left; margin:0; padding:0px; background-image:url(/images/bg_bottom_fade.png); background-repeat:repeat-x; width:927px; height:6px; }
#bottomfade { float:left; background-image:url(/images/bg_bottom_fade.png); background-repeat:repeat-x; width:927px; height:6px; }