html, body { 
	margin: 0;
	padding: 0; }

body	{ 
	color: #333; 
	font: 14px Verdana, Arial, sans-serif; 
	line-height: 18px; 
	}


#container {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 760px;
	}

#header {
	margin: 0 0 15px 0;
	background:url("images/BriteSite_Header_1.jpg") no-repeat bottom left;
	width:700px; 
	height:110px; 
	margin: 0 auto; 
	}
	
#menu	{
	background-color:#D46E30; 
	}
#menu li	{
	display: inline; 
	font: #fff;
	font-size: 16px; 
	font-weight: bold; 
	padding: 0 18px;
	}
	
#menu a	{
	color: #fff;
	 text-decoration:none;
	}
	
#menu a:hover	{
	color: #000;
	}



#navigation
	{
	float: left;
	width: 160px;
	padding: 5px; 
	text-align:center; 
	font-weight:bold; color:#fff;
	}

#navigation h3
	{
	color: #666633;
	text-align: center;
    	} 

#navigation a:visited, #navigation a 
	{
	display:block; 
	width:154px; 
	height:40xpx; 
	line-height:20px; 
	margin:0 auto; 
	border-top: 1px solid #fff; 
	border-bottom:1px solid #000; 
	text-align:center; 	
	text-decoration:none;
	background: #D46E30;
	color: #fff;
	}

#navigation a:hover 
	{background: #fff; 
	color:#000;}
	
#navigation ul	{ margin-left: 0px; padding: 0 2px 2px; }
#navigation a 	{ text-decoration: none; }
#navigation li	{ list-style-type:none; border: 1px; }
	
#extra {
	float: right;
	width: 150px;
}

#extra h3  {
	color: #666633;
	text-align: center;
    } 

#extra p, ul {
	font-size: 12px;
	font-style: italic;
	color: #0000FF;
    }
ul.aff  {
    font-size: 10px;
    }

#content { 
	float: left;
	width: 56%;
}

#pics	{padding: 20px;
	}

.button	{
    background:url("images/Order_Button_2.jpg");
	float: right;
	width: 72px;
	height: 50px;
	}
	
.longdesc	{
	width: 95%;
	}

.shortdesc
	{
	width: 95%;
	min-height: 100px;
	}

.shortdesc p	{

	margin-left: 112px;
	}

.shortdesc img {
	padding-right: 0px;
	}	

.eventdesc
	{
	width: 95%;
	min-height: 200px;
	}

.eventdesc p	{

	margin-left: 10px;
	}

.eventdesc img {
	padding-right: 0px;
	}	
 
.divider	{
	background:url("images/arrowlr.jpg") no-repeat center;
	height: 33px;
	margin: auto;
	clear: both;
	padding: 10 0;
	}
	
.usa {
     font-size:125%; 
     color:#666633;
     text-align:center;
     }

#footer {
	clear: both;
	background: #D46E30; 
	border-bottom: 2px solid #999; 
	clear: both; 
	width: 100%; 
	}

#footer a		{ color: #fff; }
#footer	p		{ color: #fff; margin: 0; padding: 0 18px 10px; }

#footer ul		{ border-bottom: 1px solid #555; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
#footer li		{ display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }
#footer a:hover		{ color: #000; }


h1  	{ color: #004b6f; }

h2	{ color: #666633;
	  text-align: center;  }

h3      { color: #333; }

a		{ color: #337810; }
a:link 	        {color:#337810} /* unvisited link */
a:visited 	{color:#337810} /* visited link */
a:hover 	{color:#337810; font-weight: bold;} /* mouse over link */
a:active 	{color:#337810} /* selected link */
		

.popup {
	background-color: #FFFFFF;
	left: 0px;
	border: 0px solid #000000;
	position: relative;
	top: 10px;
	/*width: 112px;*/
	float: left;
	}

.popup a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
	padding:0;
	z-index:999;
	}

.popup a img {
	border: 0;
	}

.popup a.p1, .popup a.p1:visited {
	background: #FFFFFF;
	border: 0px solid #000000;
	display: block;
	height: 75px;
	left: 0;
	text-decoration: none;
	top: 0;
	/*width: 112px;*/
	}

.popup a.p1:hover {
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
	}

.popup a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 200px;
	position: absolute;
	top: -10px;
	width: 200px;
	z-index:999; }


		

