body{

	font-family: Arial,sans-serif;

	color: #333333;

	line-height: 1.166;	

	margin: 0px;

	padding: 0px;

}


a img { border:0; }


a:link, a:visited, a:hover {

	color: #006699;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}

/* overrides decoration from previous rule for hovered links */



h1, h2, h3, h4, h5, h6 {

	font-family: Arial,sans-serif;

	margin: 0px;

	padding: 0px;

}



h1{

 font-family: Verdana,Arial,sans-serif;

 font-size: 120%;

 color: #334d55;

}



h2{

 font-size: 14px;
 color: #006699;


}


h2 span {

 font-size: 14px;
 color: #0000ff;

}


h3{

 font-size: 100%;

 color: #334d55;

}



h4{

 font-size: 100%;

 font-weight: normal;

 color: #333333;

}



h5{

 font-size: 100%;

 color: #334d55;

}



ul{

 list-style-type: square;

}



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}



label{

 font: bold 100% Arial,sans-serif;

 color: #334d55;

}

				



/***********************************************/

/* Layout Divs                                 */

/***********************************************/



#masthead{

	margin: 0;

	padding: 10px 0px;

	border-bottom: 1px solid #cccccc;

	width: 100%;

}



#navBar{

	margin: 0 79% 0 0;

	padding: 0px;

	background-color: #eeeeee;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

}



#content{

  float:right;

	width: 75%;

	margin: 0;

	padding: 0 3% 0 0;

}





/***********************************************/

/*Component Divs                               */

/***********************************************/



#siteName{

	margin: 0px;

	padding: 0px 0px 10px 0px;

}





/*************** #pageName styles **************/



#pageName{

	padding: 15px 0px 10px 10px;
        font-size: 18px;

}





/************* #globalNav styles **************/



#globalNav{

color: #cccccc;

padding: 0px 0px 0px 10px;

white-space: nowrap;

}

/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line

   this will force a horizontal scrollbar if there isn't enough room for all links

   remove rule or change value to 'normal' if you want the links to line-wrap */



#globalNav img{

 display: block;

}



#globalNav a {

	font-size: 90%;

	padding: 0px 4px 0px 0px; 

}





/************* #breadCrumb styles *************/



#breadCrumb{

	font-size: 80%;

	padding: 5px 0px 5px 10px;

}





/************** .feature styles ***************/



.feature{

	padding: 0px 0px 10px 10px;

	font-size: 80%;

}



.feature h3{

	padding: 30px 0px 5px 0px;

	text-align: center;

}



.feature img{

	float: left;

	padding: 0px 10px 0px 0px;

	margin: 0 5px 5px 0;

}

/* adjust margins to change separation between the feature image and text flowing around it */





/************** .story styles *****************/



.story{

	clear: both;

	padding: 10px 0px 0px 10px;

	font-size: 80%;

}



.story p{

	padding: 0px 0px 10px 0px;

}





/************* #siteInfo styles ***************/



#siteInfo{

	clear: both;

	border: 1px solid #cccccc;

	font-size: 75%;

	color: #cccccc;

	padding: 10px 10px 10px 10px;

	margin-top: 0px;

}

/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)

	the bottom border of the navBar in cases where they "touch" */



#siteInfo img{

	padding: 4px 4px 4px 0px;

	vertical-align: middle;

}





/************* #search styles ***************/



#search{

	padding: 5px 0px 5px 10px;

	border-bottom: 1px solid #cccccc;

	font-size: 90%;

}



#search form{

 margin: 0px;

 padding: 0px;

}



#search label{

	display: block;

	margin: 0px;

	padding: 0px;

}





/*********** #navBar link styles ***********/



#navBar ul a:link, #navBar ul a:visited {display: block;}

#navBar ul {list-style: none; margin: 0; padding: 0;}



/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

#navBar li {border-bottom: 1px solid #EEE;}



/* fix for browsers that don't need the hack */

html>body #navBar li {border-bottom: none;}





/*********** #sectionLinks styles ***********/



#sectionLinks{

	position: relative;

	margin: 0px;

	padding: 0px;


	border-bottom: 1px solid #cccccc;

	font-size: 90%;

}



#sectionLinks h3{

	padding: 10px 0px 2px 10px;

}



#sectionLinks a:link{

	padding: 2px 0px 2px 10px;

	border-top: 1px solid #cccccc;

	width: 100%;

  voice-family: "\"}\""; 

  voice-family:inherit;

	width: auto;

}



#sectionLinks a:visited{

	border-top: 1px solid #cccccc;

	padding: 2px 0px 2px 10px;

}



#sectionLinks a:hover{

	border-top: 1px solid #cccccc;

	background-color: #dddddd;

	padding: 2px 0px 2px 10px;

}





/*********** .relatedLinks styles ***********/



.relatedLinks{

	margin: 0px;

	padding: 0px 0px 10px 10px;

	font-size: 90%;

}



.relatedLinks h3{

	padding: 10px 0px 2px 0px;

}





/************** #advert styles **************/



#advert{

	padding: 10px 0px 0px 10px;

	font-size: 80%;

	border-top: 1px solid #cccccc;

}



#advert img{

	display: block;

}





/************** #headlines styles **************/



#headlines{

	margin: 0px;

	padding: 10px 0px 20px 10px;

	font-size: 80%;

}



#headlines p{

	padding: 5px 0px 5px 0px;

}





/* HARD CODED IN INDEX.PHP FROM OLD SITE */
#Layer1 {
	position:absolute;
	width:375px;
	height:233px;
	z-index:0;
	left: 636px;
	top: 500px;
	overflow: visible;
}
#Layer2 {
	position:absolute;
	width:200px;
	height:258px;
	z-index:2;
	left: 562px;
	top: 501px;
}
#Layer3 {
	position:absolute;
	width:354px;
	height:232px;
	z-index:0;
	left: 278px;
	top: 492px;
	overflow: visible;
}
#Layer4 {
	position:absolute;
	width:422px;
	height:286px;
	z-index:3;
	left: 396px;
	top: -1px;
}
.style4 {color: #006699}
body {
	background-color: #FFFFFF
}

.forumsTable td
{
	border: 1px solid #cccccc;
	border-collapse: collapse;
}


/* ############### Google Map Styles  ################ */
.googleMapBox
{
	border: 1px solid;
	text-align: center;
	padding: 20px;
}
.googleMapDiv
{
	height: 414px;
	width: 768px;
}


/* FOR CMS - PLEASE DO NOT DELETE */
.freeTextBox
{
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	background-color: #ffffff;
	margin: 5px 5px 5px 5px;
}
.alertbox
{
	border-right: #c4c2c2 1px solid;
	border-top: #c4c2c2 1px solid;
	background: #ffffff;
	border-left: #c4c2c2 1px solid;
	border-bottom: #c4c2c2 1px solid;
	background-color: #ffff99;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
}
.boxinner
{
	border-right: #c4c2c2 1px solid;
	border-top: #c4c2c2 1px solid;
	background: #fff;
	border-left: #c4c2c2 1px solid;
	border-bottom: #c4c2c2 1px solid;
}

.boxouter
{
	border-right: #cccccc 2px solid;
	border-top: 0px;
	margin-bottom: 6px;
	border-left: 0px;
	width: 100%;
	border-bottom: #cccccc 3px solid;
}
.cu
{
	background: #dedede;
	border-bottom: #c4c2c2 1px solid;
	text-align:left;
}
.cu H1
{
	font-weight: bold;
	font-size: 100%;
	margin: 2px;
	color: #3f3f3f;
	padding-top: 0px;
	font-family: Verdana, Geneva, sans-serif;
}

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
    text-align : left; 
    list-style-type : none;
}

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}



#SliderNav {
    background-color:#fff;
    height:150px;
    padding-right:10px;
    padding-left:10px;
    border:solid 1px #C1C1C1;
}

#SliderNav #Slider {
    height:150px;
    padding-top:10px;
    width:100%;
    overflow: hidden; 
}


#SliderNav #SliderContent td div{
    text-align:center;
	    padding:0px 25px 0px 25px;
}

#SliderNav .track{
    width:100%; 
    height:15px;
}

#SliderNav .handle{
    width:140px; 
    height:15px; 
    background-color:#f00; 
    background: #999 url(/Common/Images/custom/handle.gif) center no-repeat;
    background-position: 0 0; /* x-pos y-pos */
    float:left;
    cursor:move;
}
.ScrollControl {
    width:100%;
    padding:0px;
    margin:0px; 
    height:17px;
    background-color:#C1C1C1; 
}

.ScrollControl td{
    padding:0px;
    margin:0px; 
}


.LeftArrow, .RightArrow
{
    width:25px;
    height:17px;
}

#LeftArrow, #RightArrow
{
    width:25px;
    height:17px;
    background-color:#000;
}

#LeftArrow {background: #999 url(/Common/Images/custom/leftarrow.gif) center no-repeat;}
#RightArrow {background: #999 url(/Common/Images/custom/rightarrow.gif) center no-repeat;}
            
/*---------------------*/	

.MonsterTable
{
	width:100%;
	font-size:14px;
	
	}


.MonsterTable table
{
	width:100%;

	}
	
.MonsterTable table td
{
	vertical-align:top;

	}
	
	
#RightCol .MonsterTable table td
{
	padding:0px 0px 10px 0px;
	border-collapse:collapse;
	}
	
#RightCol .MonsterTable table 
{
	margin:0px;
	padding:0px;
	border-collapse:collapse;}
	
#RightCol .MonsterTable 
{
	margin:5px 0px 0px 0px;
	padding:0px;
	border-collapse:collapse;}
	
	
/*------------------------*/

.HideEle
{
	display:none;}

.videoCell 
{
	text-align:center;}
.Temp1 
{
	padding:10px;}

.Temp1 a
{
	text-decoration:none;}

.Temp1 h2
{	
	font-size:16px;
	display:inline;
	padding:0px;
	margin:0px;
	border-bottom:solid 1px #CADB44;
	}
	
.Temp1 .right
{
	float:right;
	}
	
.Temp1 table
{
	width:auto;
	border:none;}
	
.Temp1 table td
{
	border:none;}
	
.Temp1 .left
{
	float:left;
	}

.Temp1 .full
{
	width:100%;
	}
	
.Temp1 .iconImage
{
	float:left;
	margin-bottom:5px;
	}
	
.Temp1 .highlight
{
	float:right;	
	}

.Temp1 .SecLink
{
	margin-top:5px;
	margin-left:4px;
	 padding-left:12px;
	 background: #fff url(/Common/Images/custom/arr_grr.gif) left center no-repeat;
	 display:block;
	}
	
.Temp1 .SecLink:hover
{
	text-decoration:underline;
}

.Temp1 p
{
	padding:0px 0px 0px 3px;
	margin:0px;
	font-size:12px;}



/*------------------------*/

.Temp2
{
	border-left:none;
	border-right:none;}
.Temp2 h2
{
	font-size:16px;
	background: transparent url(/Common/Images/custom/GreenBarLeft.gif) left top no-repeat;
	padding:0px;
	margin:0px;
	height:31px;}
	
.Temp2 h2 span
{
	background: transparent url(/Common/Images/custom/GreenBarRight.jpg) right top no-repeat;
	display:block;
	padding-top:6px;
	height:31px;
	margin-left:8px;}
	
.Temp2 h2 span strong 
{
	margin-top:10px;}
	
.Temp2 .body 
{
	background: #fff url(/Common/Images/custom/Temp2Background.jpg) right top repeat-x;
	border-right:solid 1px #999;
	border-left:solid 1px #999;
	padding:5px;
	padding-bottom:10px;}
	
.Temp2 .footer span
{
	background: transparent url(/Common/Images/custom/Footright.gif) right top no-repeat;
	display:block;
	height:4px;
	margin-left:4px;
}
	
.Temp2 .footer
{
	background: transparent url(/Common/Images/custom/Footleft.gif) left top no-repeat;
	display:block;
	height:4px;
	}
	
.Temp2 .SecLink 
{
	 margin-top:5px;
	 margin-left:4px;
	 padding-left:12px;
	 background: #fff url(/Common/Images/custom/arr_grr.gif) left center no-repeat;
	 display:block;
	}

	

	


/*------------------------*/



.Temp3
{
	border-left:none;
	border-right:none;}
.Temp3 h2
{
	font-size:16px;
	background: transparent url(/Common/Images/custom/GreenBarLeft.gif) left top no-repeat;
	padding:0px;
	margin:0px;
	height:31px;}
	
.Temp3 h2 span
{
	background: transparent url(/Common/Images/custom/GreenBarRight.jpg) right top no-repeat;
	display:block;
	padding-top:6px;
	height:31px;
	margin-left:8px;}
	
.Temp3 h2 span strong 
{
	margin-top:10px;}
	
.Temp3 .body 
{
	background: transparent;
	border-right:solid 1px #999;
	border-left:solid 1px #999;
	padding:5px;
	padding-left:100px;}
	
.Temp3 .footer span
{
	background: transparent url(/Common/Images/custom/Footright.gif) right top no-repeat;
	display:block;
	height:4px;
	margin-left:4px;
	}
	
.Temp3 .footer
{
	background: transparent url(/Common/Images/custom/Footleft.gif) left top no-repeat;
	display:block;
	height:4px;
	}
	
.Temp3 .SecLink 
{
	 margin-top:5px;
	 margin-left:4px;
	 padding-left:12px;
	 background: transparent url(/Common/Images/custom/arr_grr.gif) left center no-repeat;
	 display:block;
	}
	
.Temp3 .SecLinkHid
{
	display:none;}
	
/*------------------------*/	




.CrossSellImage
{
	border-left:none;
	border-right:none;}
.CrossSellImage h2
{
	font-size:16px;
	background: transparent url(/Common/Images/custom/GreenBarLeft.gif) left top no-repeat;
	padding:0px;
	margin:0px;
	height:31px;}
	
.CrossSellImage h2 span
{
	background: transparent url(/Common/Images/custom/GreenBarRight.jpg) right top no-repeat;
	display:block;
	padding-top:6px;
	height:31px;
	margin-left:8px;}
	
.CrossSellImage h2 span strong 
{
	margin-top:10px;}
	
.CrossSellImage .body 
{
	background: transparent;
	border-right:solid 1px #999;
	border-left:solid 1px #999;
	padding:5px;
	}
	
.CrossSellImage .body .alignCenter
{
	text-align:center;
}
	
.CrossSellImage .footer span
{
	background: transparent url(/Common/Images/custom/Footright.gif) right top no-repeat;
	display:block;
	height:4px;
	margin-left:4px;
	}
	
.CrossSellImage .footer
{
	background: transparent url(/Common/Images/custom/Footleft.gif) left top no-repeat;
	display:block;
	height:4px;
	}
	
.CrossSellImage .SecLink 
{
	 margin-top:5px;
	 margin-left:4px;
	 padding-left:12px;
	 background: transparent url(/Common/Images/custom/arr_grr.gif) left center no-repeat;
	 display:block;
	}
	
.CrossSellImage .SecLinkHid
{
	display:none;}
	
/*------------------------*/	
	
.GrayRoundedHeading 
{
	padding:0px;
	margin:0px;	
	background: transparent url(/Common/Images/custom/GrayRoundedLeft.gif) left top no-repeat;}	
	
.GrayRoundedHeading span
{
	font-family:Garamond, Times Roman, Georgia, serif;
	background: transparent url(/Common/Images/custom/GrayRoundedRight.gif) right top no-repeat;
	height:35px;
	display:block;
	padding:5px 0px 0px 10px;
	margin-left:10px;}
	
/*------------------------*/

.GreenLinePromo 
{
	border-bottom:solid 1px #B7DA00;
	padding-bottom:5px;}

.GreenLinePromo h2
{
	font-size:20px;
	font-family:Garamond, Times Roman, Georgia, serif;
	padding:0px;
	margin:0px 0px 10px 0px;
	}
	
.GreenLinePromo img 
{
		margin:0px 5px 0px 5px;}

.GreenLinePromo .floatingDiv
{  


	}
	
.GreenLinePromo .SecLink 
{
	 margin-top:5px;
	 margin-left:4px;
	 padding-left:12px;
	 background: transparent url(/Common/Images/custom/arr_grr.gif) left center no-repeat;
	 display:block;
	}
	
.GreenLinePromo .floatingDiv div
{
	margin-left:125px;
	}
	


/*------------------------*/


.GrayRoundedPromo img 
{
	float:left;
	margin-bottom:-8px;}
	
.GrayRoundedPromo .floatingDiv
{
	float:left;
	background-color:#EAE9EA;}
	
.GrayRoundedPromo .body 
{
	background-color:#EAE9EA;
	border-right:solid 1px #D9D9D9;
	border-left:solid 1px #D9D9D9;
	padding:0px 10px 0px 10px;
	}
	
.GrayRoundedPromo h2 
{
	font-size:18px;
	padding:0px;
	margin:0px 0px 10px 0px;
	font-family:Garamond, Times Roman, Georgia, serif;}	
	
.GrayRoundedPromo .SecLink 
{
	display:block;
	margin-top:15px;}
	
.GrayRoundedPromo .body div 
{
	padding-left:10px;}	

.GrayRoundedPromo .header 
{
	background: transparent url(/Common/Images/custom/GrayRoundedPromoLeft.gif) left top no-repeat;}
		
.GrayRoundedPromo .header span
{
	background: transparent url(/Common/Images/custom/GrayRoundedPromoRight.gif) right top no-repeat;
	height:8px;
	margin-left:10px;
	display:block;}
	
.GrayRoundedPromo .footer 
{
	background: transparent url(/Common/Images/custom/GrayRoundedPromoLeftBottom.gif) left top no-repeat;}
		
.GrayRoundedPromo .footer span
{
	background: transparent url(/Common/Images/custom/GrayRoundedPromoRightBottom.gif) right top no-repeat;
	height:8px;
	margin-left:10px;
	display:block;}
	
/*------------------------*/


.FAQitem 
{
	border-bottom:solid 1px #B7DA00;
	padding-bottom:10px;
	}
	
.FAQitem h3 
{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding:0px;
	margin:0px;
	}
	
.FAQitem h3 a
{
	text-decoration:none;
       	color:#107536;}
	
.FAQitem h3 a:hover
{
	text-decoration:none;}

.FAQitem .image
{
	width:100px;
	text-align:center; 
	vertical-align:top;
	}
	
	.FAQitem .body 
	{
		width:100%;}
	
.FAQitem .moreLink 
{
	white-space:nowrap; 
	vertical-align:bottom;
	width:200px;
	 
	}
	
.FAQitem .SecondLink 
{
	white-space:nowrap; 
	vertical-align:bottom;
	width:200px;
	 margin-top:5px;
	 margin-left:4px;
	 padding-left:12px;
	 background: transparent url(/Common/Images/custom/arr_grr.gif) left center no-repeat;
	 display:block;
	}



/*  For 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; }

#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(/Common/Images/custom/LightBox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/Common/Images/custom/LightBox/nextlabel.gif) right 15% no-repeat; }


#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;}


#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; }




#photosNav {
   font-weight: bold;
   padding-left: 10px;

}

