BODY 	{	COLOR: #444444;
		FONT: 12px arial, verdana, sans-serif;
		scrollbar-base-color: #878FA2 }

a:link		{ color: #C50F12; text-decoration: none }

a:visited	{ color: #C50F12; text-decoration: none }

a:active	{ color: #FF6600; text-decoration: none }

a:hover		{ color: #3300CC; text-decoration: none }

.just 		{text-align: justify;}

TABLE 		{ COLOR: #000000; FONT: 12px arial, verdana, sans-serif; font-weight: normal}

LI 		{ COLOR: #000000; FONT: 11px arial, verdana, sans-serif; font-weight: normal }

.title 		{ color: #A50C0F; font: 26px arial; letter-spacing: 2px; font-weight: normal }

.careers 	{ COLOR: #000000; FONT: 12px arial, verdana, sans-serif; font-weight: normal}

.copytext 	{ COLOR: #666666; font-weight:normal; font-style:normal; font-variant:normal; font-size:10px; font-family:arial, verdana, sans-serif }

.subtitle 	{ color: #666666; font: 18px  "times new roman", georgia, arial, verdana, sans-serif; font-weight: normal}

.phonetitle 	{ color: #444444; font: 12px verdana, arial, sans-serif; font-weight: bold }

.picturetitle 	{ COLOR: #000000; FONT: 10px verdana, arial, sans-serif; font-weight: bold }

.picturedesc 	{ COLOR: #666666; FONT: 10px arial, verdana, sans-serif; font-weight: bold }


#menu 		{ RIGHT: 9px; POSITION: absolute; TOP: 13px }

#ZOOM 		{ LEFT: 10px; POSITION: absolute; TOP: 10px }



.button-popups {background-color:#B7B9C6;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #FFFFFF;
		font-size: 8pt;
		cursor:hand;
		font-weight: bold;
		BORDER: #999999 1px solid }

.buttonon-popups {background-color:#FF0000;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #FFFFFF;
		font-size: 8pt;
		cursor:hand;
		font-weight: bold;
		BORDER: #FFFFFF 1px solid }


.contact {	background-color:#B7B9C6;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #bebebe;
		font-size: 9pt;
		height: 23px;
		cursor:hand;
		font-weight: normal;
		text-align: center;
		BORDER: #777777 1px solid }

.contacton {	background-color:#FF0000;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #bebebe;
		font-size: 9pt;
		height: 23px;
		cursor:hand;
		font-weight: normal;
		text-align: center;
		BORDER: #FFFFFF 1px solid }



.shadeform	{ background-image: url('picts/shadeform.gif');
		text-align: left;
		WIDTH: 220PX;
		padding-left: 5px;
		BORDER: 1px solid #000000; ; font-style:normal; font-variant:normal; font-weight:normal; font-size:13px; font-family:arial, verdana, sans-serif}

.textarea	{ background-image: url('picts/shadeform.gif');
		text-align: left;
		WIDTH: 300PX;
		HEIGHT: 125PX;
		BORDER: 1px solid #000000; ; font-style:normal; font-variant:normal; font-weight:normal; font-size:13px; font-family:arial, verdana, sans-serif}

.dropdown {	COLOR: #333333;
		WIDTH: 220PX;
		FONT: 11px geneva, verdana, arial, sans-serif }



 /* START THE CODE FOR THE MENUS */


.menu		{ font-family: arial, verdana, helvetica, sans;
		  font-size: 9pt;

		  padding-top: 1px;
		  padding-bottom: 3px;
		  padding-left: 7px;
		  padding-right: 7px;
		  cursor:hand;
		  font-weight: bold;
		  text-align: center;
		  line-height: 15px;
		  display: block;
		  border: #666666 0px solid; }


a.menu:link 	{ background-image: url('picts/menu.gif');
		  background-color:#878FA2;
		  color: #A50C0F}


a.menu:visited 	{ background-image: url('picts/menu.gif');
		  background-color:#878FA2;
		  color: #A50C0F }


a.menu:active 	{  background-image: url('picts/menu.gif');
		   background-color:#878FA2;
		   color: #A50C0F }


a.menu:hover 	{  background-image: url('picts/menuon.gif');
		   background-color:#878FA2;
		   color: #CCFFFF }


/* Ajax ticker */

#ajaxticker1{
width: 400px;
height: 55px;
border: 0px ridge #bebebe;
padding: 5px;
background-color: #E6EAF6;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #E6EAF6;
}

.someclass{ //class to apply to your scroller(s) if desired
}

/* Light Box */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

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

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: url('../images/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../images/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('../images/nextlabel.gif') no-repeat right 15%; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
/* NEW PUB */
	
	#interContainer{
position: absolute;
width: 620px; /*Width of interstitial box*/
left: 0;
top: 0;
padding: 15px;
padding-top: 0;
background-color: #bebebe;
border: 1px solid black;
visibility: hidden;
z-index: 6;
}

#interContainer .headerbar{ /*CSS for header bar of interstitial box*/
color: gray;
padding: 5px 0;
text-align: right;
}

#interContainer .headerbar a{ /*CSS for header bar links of interstitial box*/
font-size: 120%;
text-decoration: none;
}


#interContent{ /*CSS for div that holds the content to show*/
border: 1px solid gray;

background-color: white;
}

#interVeil{ /*CSS for background veil that covers entire page while interstitial box is visible*/
position: absolute;
background: black url(picts/blackdot.gif);
right: 0;
width: 10px;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}