BODY	{ SCROLLBAR-BASE-COLOR: #2D2D4A; }



 /* START CODE FOR LINKS */


a:link		{ color: #0000FF; text-decoration: none; }

a:visited	{ color: #0000FF; text-decoration: none; }

a:active	{ color: #0000FF; text-decoration: none; }

a:hover		{ color: #6699FF; text-decoration: none; }

.biglink 	{ FONT: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: none; }

.biglink:hover 	{ FONT: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: underline; }




 /* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */

TABLE		{ COLOR: #000000; FONT: 11px verdana, arial, sans-serif; }

.title		{ COLOR: #141424; FONT: 16pt verdana, arial, sans-serif; font-weight: bold; }

.subtitle	{ COLOR: #336699; FONT: 15px verdana, arial, sans-serif; font-weight: bold; }

.copyright	{ COLOR: #999999; FONT: 9px verdana, arial, sans-serif; }

.careertitle	{ COLOR: #FF6600; FONT: 14px verdana, arial, sans-serif; font-weight: bold; }

.phonetitle	{ COLOR: #0000FF; FONT: 12px verdana, arial, sans-serif; font-weight: bold; }

.list 		{ COLOR: #000000; FONT: 12px verdana, arial, sans-serif; font-weight: normal; }

.just 		{ text-align: justify; }

.dividers	{ width: 100%; color: #FFFFFF; height: 3px; border: 1px solid #CCCCFF; }




 /* IMAGE BORDERS */

.borders	{ border: #000000 1px solid; }






/* GALLERY IMAGE MOUSEOVER BORDERS AND GALLERY TEXT */


.image-border		{ position: relative; LEFT: 0px; top: 0px; border: #000000 1px solid; }

.image-borderon		{ position: relative; LEFT: 2px; top: 2px; border: #0099FF 1px solid; }

.smalltitle 		{ COLOR: #000000; FONT: 8px verdana, arial, sans-serif; font-weight: bold; 
			  text-align: center; }

.gallery_text		{ COLOR: #666666; FONT: 12px verdana, arial, sans-serif; }

.hilight		{ COLOR: #3366FF; FONT: 13px verdana, arial, sans-serif; font-weight: bold; }

.picturetitle 		{ COLOR: #000000; FONT: 13px verdana, arial, sans-serif; font-weight: bold; }






 /* SIDEBAR OPTIONS */


a.sidelink:link		{ color: #99CCFF; text-decoration: none; }

a.sidelink:visited	{ color: #99CCFF; text-decoration: none; }

a.sidelink:active	{ color: #99CCFF; text-decoration: none; }

a.sidelink:hover	{ color: #99FF99; text-decoration: none; }

.borders_SB		{ border: #C0C0C0 1px solid; }

.sidebartitle		{ COLOR: #FFFFFF; FONT: 13px verdana, arial, sans-serif; font-weight: bold; }

.sidebartext		{ COLOR: #FFF; FONT: 11px verdana, arial, sans-serif; display: block; padding-left: 10px;  }

.date-font		{ color: #FFFFFF; font: 10px verdana, arial, sans-serif; font-weight: bold; }







 /* HIDE MENU AND ITEMS FOR PRINTING */


@media print {
.printhide 	{ display:none; }
.printhelp	{ width:600px; }
}
@media screen{
.printonly 	{ display:none; }
}









.button-popups { 	background-image: url("picts/button-popup.gif");
		background-color:#2D2D4A;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #CFCFE0;
		font-size: 8pt;
		height: 23px;
		width: 100%;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		padding-right: 2px;
		BORDER: #FFFFFF 0px solid; }

.buttonon-popups { 	background-image: url("picts/buttonon-popup.gif");
		background-color:#C0C0C0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 23px;
		width: 100%;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		padding-right: 2px;
		BORDER: #FFFFFF 0px solid; }


.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 180PX;
		BORDER: #000000 1px solid; }


.dropdown 	{ COLOR: #333333;
		background-color: #F1F4F5;
		WIDTH: 200PX;
		FONT: 11px verdana, arial, sans-serif; }


.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 275PX;
		HEIGHT: 100PX;
		BORDER: #000000 1px solid; }

.submitbutton 	{ FONT: 9pt arial, verdana, sans-serif; }


.searchform 	{ 	WIDTH: 110PX;
		HEIGHT: 20PX;
		FONT: 11px arial, sans-serif;
		background-image: url("picts/shadeform.gif");
		BORDER: #000000 1px solid; }


.searchdrop 	{ WIDTH: 60PX; HEIGHT: 20PX; FONT: 11px arial, sans-serif; background-color: #F1F4F5; }


.searchbutton 	{ font-size: 8pt;
		  width: 35px;
		  background-color: #F1F4F5;
		  BORDER: #000000 1px solid; }






 /* START THE CODE FOR THE MENUS */


.menu_outline	{ BORDER-BOTTOM: #000000 1px solid; BORDER-TOP: #000000 0px solid; }



.menu		{ font-family: arial, verdana, helvetica, sans;
		  font-size: 8pt;
		  height: 22px;
		  padding-top: 0px;
		  padding-bottom: 0px;
		  padding-left: 7px;
		  padding-right: 7px;
		  cursor:hand;
		  font-weight: bold;
		  text-align: center;
		  line-height: 20px;
		  display: block;
		  border: #000000 0px solid; }


a.menu:link 	{ background-image: url("picts/menu.gif");
		  background-color:#2D2D4A;
		  color: #CFCFE0;}


a.menu:visited 	{ background-image: url("picts/menu.gif");
		  background-color:#2D2D4A;
		  color: #CFCFE0; }


a.menu:active 	{ background-image: url("picts/menu.gif");
		  background-color:#2D2D4A;
		  color: #CFCFE0; }


a.menu:hover 	{  background-image: url("picts/menuon.gif");
		   background-color:#C0C0C0;
		   color: #000000; }

/* Custom styles */

.copy		{  font-family: verdana, arial, sans-serif;
		   font-size: 10pt; }

		
li		{  margin-top:20px; }		


.slogan		{  }


h3		{  font-family: verdana, arial, sans-serif; }


.boldtext	{  font-weight: bold;  }


.italictext	{  font-style: italic;  }


div#corpinfo	{  text-align: center;  
		   font-family: verdana, arial, sans-serif;
		   font-size: 10pt; }
		   
div.vip		{  text-align: left;  
		   font-family: verdana, arial, sans-serif;
		   font-size: 10pt; 
		   margin-top: 0px;  
		   padding-left: 14px;  
		   padding-bottom: 30px;}
		   

div#directions	{  text-align: left;  
		   font-family: verdana, arial, sans-serif;
		   font-size: 10pt; 
		   margin-top: 10px;  }
		   
		   
.porthead	{  text-align: left;  
		   font-family: verdana, arial, sans-serif;
		   font-size: 14pt; 
		   font-weight: normal;
		   padding-bottom: 10px;  }


span.caption	{  font: 9px verdana, arial, sans-serif;
		   font-weight: bold; }
		   
		   
.pixtitle	{  font: 8px verdana, arial, sans-serif;
		   font-weight: normal; }
		   

.plainhead	{  font: 16px verdana, arial, sans-serif;
		   font-weight: bold;
		   color: #6633cc;  }
		   

h3#dirhead	{  font: 10pt verdana, arial, sans-serif; 
		   font-weight: bold;
		   text-align: center;
		   color: #000;  }

#intersite	{  font: 10pt verdana, arial, sans-serif; 
		   font-weight: bold;
		   text-align: right;
		   color: #336;  }
		   
		   
.subhead	{  font: 12pt verdana, arial, sans-serif; 
		   font-weight: bold;
		   text-align: left;
		   color: #336;  }
		   
		   
.portcat	{  font: 10pt verdana, arial, sans-serif; 
		   font-weight: bold;
		   text-align: left;
		   color: #336;  }
		   
		   
div#instruct	{  text-align: center;  
		   font-family: verdana, arial, sans-serif;
		   font-size: 9px; 
		   color: #336;  }

		   
.thumbnail {
position: relative;
}

.thumb img 	{ position: relative;
		  border:1px solid #000;
		  width:150px;
		}
		
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
z-index: 99;
background-color: #999;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail span { /*CSS for enlarged image on hover*/
visibility: visible;
top: 20px;
left: 60px; /*position where enlarged image should offset horizontally */
}

a.popuplink	{ padding-left: 6px;
		  padding-right: 6px;
		}

a.popuplink:link 	{ font-weight: bold;
			  font-size: 12pt;
			  background-color: #f00;  
			  color: #fff;			  	
			} 
		
a.popuplink:visited 	{ font-weight: bold;
			  font-size: 12pt;
			  background-color: #f00;  
			  color: #fff;			  	
			} 
		
a.popuplink:active 	{ font-weight: bold;
			  font-size: 12pt;
			  background-color: #f00;  
			  color: #fff;			  	
			} 
		
a.popuplink:hover 	{ font-weight: bold;
			  font-size: 12pt;
			  background-color: #f00;  
			  color: #fff;			  	
			} 
		
div.popuphead	{ text-align: right; 
  		  padding-bottom: 6px;
		}
		   
