body {background-image: url('images/bg_gradient.gif');  background-repeat: repeat-x; background-color: #8ec4e6; font-family: verdana; font-size: 11px;}
.none {background-repeat: no-repeat; background-color: white; font-family: verdana; font-size: 11px;}

#main {margin: auto;  top: auto;  width: 940px; height: 100%;}

#box_left {position: relative; float: left; width: 732px;  background-color: #E5E5E5;} /*min-height: 565px;*/
#box_space {position: relative; float: left;  width: 6px; }
#box_right {position: relative; float: left; width: 202px; }

table.siteTable {font-family: verdana;}
table.siteTable td.st_left {width: 732px; vertical-align: middle;}
table.siteTable td.st_middle {width: 6px;}
table.siteTable td.st_right {width: 202px; background-color: #E5E5E5; background-image: url('images/rt_bg.gif'); background-repeat: no-repeat; z-index: 2;}

.logout{
	/*position:absolute; 
	top:4px;
	left:664px;*/
	font-size: 10px;
	text-align:right;
}
.logout:link{color:#FFFFFF;}
.logout:hover{color:#CCCCCC;cursor:pointer;}
.logout:visited{color:#FFFFFF;}
.logout:active{color:#FFFFFF;}
/*.logout:link{color:#88B2DC;}
.logout:hover{color:#007EBD;cursor:pointer;}
.logout:visited{color:#88B2DC;}
.logout:active{color:#007EBD;}*/


/* Left Definitions */
#header {float: left; width: 732px; height: 82px; background-image: url('images/header.gif');}
	#beaconlogo {position: relative; float: left; height: 82px; width: 310px;}
	#searchbox {position: relative; float: right; display: block; height: 82px; width: 422px; font-family: verdana; font-size: 10px; 
		color: #3FD9FF; vertical-align: top; }
	table.headTable {font-family: verdana; font-size: 10px; color: #3FD9FF; }

#nav_container {position: relative; float: left; z-index: 3; overflow: visible; width: 732px; height: 24px; line-height: 24px; background-color: #E5E5E5;}
	#nav_content {float: left; position: relative; overflow: visible; left: 3px; right: 3px; margin: 0px; width: 726; 
		height: 24px; line-height: 24px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; border: 0px; border-collapse: collapse;  
		background-image: url('images/nav_off.gif'); background-repeat: repeat-x; }
	
#column_left {float: left; position: relative; width: 163px; background-color: #E5E5E5; margin: 0px; 
		padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;    
		border: 0px; border-collapse: collapse; }
	#greenSection {float: left; position: relative; left: 3px; right: 3px; top: 3px; width: 157px; height: 202px; margin: 0px; 
		padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;   
		border: 0px; border-collapse: collapse; background-image: url('images/bg_greenGradient.gif'); background-repeat: no-repeat;}
		
	#greenSectionLong {float: left; position: relative; top: 3px; left: 3px; right: 3px; /*bottom: 3px;*/  width: 157px; height: 285px; margin: 0px; 
		padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; border: 0px; border-collapse: collapse; 
		/*background-image: url('images/bg_greenGradientLong.gif'); background-repeat: no-repeat;*/ vertical-align: top;}
			#greenCopy {position: relative; margin-left: 10px; margin-right: 5px; margin-top: 15px; font-family: verdana; font-size: 11px; color: #ffffff; }
				h4 {font-family: verdana; font-size: 18px; color: #DCEB13; text-align: left; font-weight: bold; }
				strong.darkgreen {font-family: verdana; font-size: 10px; color: #506E09; font-weight: bold;}
				a:link.greenlink {font-family: verdana; font-size: 10px; color: #506E09; text-decoration: underline; }
				a:active.greenlink {font-family: verdana; font-size: 10px; color: #506E09; text-decoration: underline; }
				a:visited.greenlink {font-family: verdana; font-size: 10px; color: #506E09; text-decoration: underline; }
				a:hover.greenlink {font-family: verdana; font-size: 10px; color: #506E09; text-decoration: underline; }
			
	
	#siteSelectors {float: left; position: relative; left: 3px; right: 3px; top: 3px; bottom: 0px; width: 157px; height: 83px;  padding-left: 0px; padding-right: 0px; 
		padding-top: 0px; padding-bottom: 0px; border: 0px; border-collapse: collapse;  }
	
	#leftBlueBox {float: left; position: relative; top: 3px; left: 3px; right: 3px; bottom: 0px; width: 157px; height: 156px; padding-left: 0px; padding-right: 0px;
		margin: 0px; padding-top: 0px; padding-bottom: 0px;  border: 0px; border-collapse: collapse; 
		/*background-image: url('images/bg_leftBlueBox.gif'); background-repeat: no-repeat;*/}
	
		
#column_main {float: right; position: relative;  display: block; width: 566px; top: 3px; right: 3px;  
	 background-color: #ffffff; min-height: 444px; height: auto !important; height: 444px;}
#column_main_CO {float: right; position: relative;  display: block; width: 540px; top: 3px; right: 3px;  
	 background-color: #ffffff; min-height: 444px; height: auto !important; height: 444px;}	 
	/*#bodyBox {float: left; position: relative; display: block; top: 3px; bottom: 3px; height: 100%;  width: 566px;  background-color: #ffffff; }*/
		h1.blue {position: relative; margin-top: 15px; margin-left: 20px; margin-bottom: 15px; font-family: arial; 
			font-size: 18px; color: #007AB8; text-align: left; font-weight: normal;}
		h1.orange {position: relative; margin-top: 20px; margin-bottom: 40px; margin-left: 20px; font-family: arial; 
			font-size: 24px; color: #FEA610; text-align: left;}
		#bodyCopy {position: relative; width: 526px;  margin-left: 20px; margin-right: 20px; font-family: verdana; 
			text-align: left; font-size: 11px; color: #007AB8; line-height: 15px; margin-bottom: 15px; }
		#bodyCopy2 {position: relative; width: 238px;  margin-left: 20px; margin-right: 20px; font-family: verdana; 
			text-align: left; font-size: 11px; color: #007AB8; line-height: 15px; margin-bottom: 15px; float:left;}
		#divEventImages {position: relative; width: 220px;  margin-left: 20px; margin-right: 0px; font-family: verdana; overflow:hidden; 
			text-align: left; font-size: 11px; color: #007AB8; line-height: 15px; margin-bottom: 15px; float:right; }
		table {font-family: verdana; text-align: left; font-size: 11px;	color: #007AB8;}
			table td {font-family: verdana; text-align: left; font-size: 11px;	color: #007AB8;}
		
			h2 {margin-bottom: 10px; margin-left: 0px; margin-right: 0px; font-family: verdana; font-size: 12px;
				color: #007AB8; font-weight: bold; text-align: left;}
				
		#flashmovie {position: relative; display: block;  width: 566px; }
			#flashcontent {position: relative; display: block;  }
				#flashmovie {position: relative;}
				
		#flashHomeBottom {float: left; width: 566px; height: 159px; margin-top: 3px;}
			 
	
#footer_left {float: left; position: relative; width: 732px; height: 15px; line-height: 15px; background-image: url('images/footerLeft.gif');
	font-family: verdana; font-size: 9px; color: #6A6A6A; border: 0px; border-collapse: collapse; text-align: center; padding: 0px; margin: 0px;  top: 0; bottom: 0;  }
	
/* Right Definitions */

		
#column_right {float: left; position: relative; width: 202px; }
	#box_right_top {float: left; position: relative; width: 202px; height: 106px; }
	#graySection {float: left; position: relative; z-index: 1; display: block; left: 3px; right: 3px; top: 3px;  width: 196px; height: 285px; margin: 0px;
		 padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; border: 0px;
		 /*background-image: url('images/bg_graySection.gif'); background-repeat: no-repeat;*/}
	#greenSectionRight {float: left; position: relative; top: 3px; left: 3px; right: 3px; width: 196px; height: 159px; margin: 0px;
		padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;  	  
		 border: 0px; border-collapse: collapse; background-image: url('images/bg_greenSectionRight.gif'); background-repeat: no-repeat;}
		 
#foot_space {float: left; width: 6px; }
#footer_right {float: left; position: relative; width: 202px; height: 15px; }

a:link {font-family: arial, verdana; font-size: 11px; color: #E26F12; text-decoration: underline;}
a:active {font-family: arial, verdana; font-size: 11px; color: #E26F12; text-decoration: underline;}
a:visited {font-family: arial, verdana; font-size: 11px; color: #E26F12; text-decoration: underline;}
a:hover {font-family: arial, verdana; font-size: 11px; color: #E26F12; text-decoration: underline;}

a:link.footerlink {font-family: verdana; font-size: 9px; color: #6A6A6A; text-decoration: none;}
a:active.footerlink {font-family: verdana; font-size: 9px; color: #6A6A6A; text-decoration: none; }
a:visited.footerlink {font-family: verdana; font-size: 9px; color: #6A6A6A; text-decoration: none; }
a:hover.footerlink {font-family: verdana; font-size: 9px; color: #002D6C; text-decoration: none; }

img {border: 0px;}
input {font-family: verdana; font-size: 11px;}
select {font-family: verdana; font-size: 11px;}


/*  ASP.Net 2.0 Grids.  The server side equivalent is a table.  
    Tables basic layout for the admin  */
.NetGrids {font-family: verdana; font-size: 10px;}
.NetGrids.td {font-family: verdana; font-size: 10px;}
.NetGridsHeader {font-family: verdana; font-size: 10px;}

#AdminEvents_Grid { position:relative; left:10%; right:10%;   margin: 0px; background-color:#EEEEEE; font-family: verdana;  }
