body { background-image:url(images/bkg_fade.jpg); background-repeat:repeat-x;  
	margin-top:0px; background-color:#2a5d7a; text-align: center; font-family:Myriad, Arial, Helvetica, sans-serif; 
}

#container
{ width: 720px; min-width: 720px; text-align: left; margin-left: auto; margin-right:auto;  background-color:#ffffff;
}

#header
{ background-image:url(images/b_logo.jpg); background-repeat:no-repeat;  width:720px; height:146px;
}

#navigation
{ background-color:#D0EBFC; 
}


.topnav_divider
{ background-color:#D0EBFC; background-image:url(images/b_nav_divider.gif); background-repeat:no-repeat; width:2px;
}

a.topnav_link:active, a.topnav_link:hover, a.topnav_link:visited, a.topnav_link:link
{ color:#333333; font-family: Arial, sans-serif; font-weight:bold; font-size:12px; text-decoration:none; line-height:12px; margin: 5px 0px 5px 0px;
}


td.topnav_link_on
{ background-color:#adddeb; padding-bottom:5px;
}

td.topnav_link_hover
{ padding-bottom:5px;
}

.secnav
{ background-image:url(images/b_bkg_nav.jpg); background-repeat:repeat-y; height:28px;
}

a.secnav_link:active, a.secnav_link:visited, a.secnav_link:link
{ color:#333333; font-family:Arial, sans-serif; font-size:12px; text-decoration:none; font-style:italic;
}

a.secnav_link:hover
{ color:#ffffff; font-family:Arial, sans-serif; font-size:12px; text-decoration:none; font-style:italic;
}

a.secnav_link_on
{ color:#ffffff; font-family:Arial, sans-serif; font-size:12px; text-decoration:none; font-style:italic;
}

#content
{ background-image:url(images/b_bkg_content.jpg); background-repeat:no-repeat; background-color:#ffffff;
}

#leftcontent 
{ float:left;  
}

.heading_1
{ font-size:14px; font-weight:bold; color:#6794bd;
}

#ul
{ font-size:12px;
}

#li
{ font-size:12px;
}


a.viewing_1
{   background-image:url(images/viewing_1.gif); background-repeat:no-repeat; top:0px;
}

a.viewing_1:hover
{ background-position:-28px;
}

a.viewing_2
{   background-image:url(images/viewing_2.gif); background-repeat:no-repeat; top:0px;
}

a.viewing_2:hover
{ background-position:-28px;
}

a.viewing_3
{   background-image:url(images/viewing_3.gif); background-repeat:no-repeat; top:0px;
}

a.viewing_3:hover
{ background-position:-28px;
}

a.viewing_4
{   background-image:url(images/viewing_4.gif); background-repeat:no-repeat; top:0px;
}

a.viewing_4:hover
{ background-position:-28px;
}



.pagetitle
{ font-size:20px; font-weight:bold; color:#6794bd;  
}

.bodytext
{  color:#000000; font-size:12px; line-height:17px;
}

a.body_link:active, a.body_link:visited, a.body_link:link
{ color:#6794bd; text-decoration:none;
}

a.body_link:hover
{ color:#6794bd; text-decoration:underline;
}

#rightcontent
{ width:206px;
}

.quick_td
{ background-image:url(images/b_bkg_quicklinks_v.gif); background-repeat:repeat-y;
}

#rightcontent-bottom
{ width:206px; float:right; background-image:url(images/b_bkg_quicklinks_v.jpg); background-repeat:repeat-y;  
}

.Q-top
{ background-image:url(images/b_bkg_quicklinks_h.jpg); background-repeat:no-repeat;
}

.Q-1
{ width:184px; height:160px; margin-bottom:15px; float:right; background-image:url(images/Q-lite_small_What.gif); background-repeat:no-repeat;  
}

.Q-2
{ width:184px; height:160px; margin-bottom:15px; float:right; background-image:url(images/Q-lite_small_Services.gif); background-repeat:no-repeat;  
}

.Q-3
{ width:184px; height:160px; margin-bottom:15px; float:right; background-image:url(images/Q-lite_small_Vision.gif); background-repeat:no-repeat;  
}

.Q-4
{ width:184px; height:160px; margin-bottom:10px; float:right; background-image:url(images/Q-lite_small_Facility.gif); background-repeat:no-repeat;  
}

#footer
{ background-image:url(images/b_divider_blurred.gif); background-repeat:no-repeat; background-position:top; background-color:#ffffff; height:73px; clear:both;  }
 
.footertext
{ color:#000000; font-size:12px; padding-top:15px; padding-bottom:15px; text-align:center; line-height:17px;}


#navbot
{ background-image:url(images/b_divider_100percent.gif); background-repeat:repeat-x; background-position:top; height:47px; background-color:#ffffff; margin-left: auto; margin-right:auto;  text-align:center;
}

a.navbot_link:active, a.navbot_link:hover, a.navbot_link:visited, a.navbot_link:link
{ color:#2f70ca; font-family:Arial, sans-serif; font-size:12px; text-decoration:underline; 
line-height:12px; padding-left: 5px; padding-right: 5px; text-align:center;
}



/*  ignore these styles for now


a:ACTIVE, A:VISITED, A:LINK
{	color:#f60;  
}	

a:hover
{	color:#59723c; 
}
	
a.navigation:ACTIVE, A.navigation:VISITED, A.navigation:LINK
{	color:#f60;  
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size:14px; 
	text-decoration:none; 
	padding-left:6px;
	padding-right:6px;
}	

a.navigation:hover
{	color:#000000; 
	background-color: #f60;  
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size:14px; 
	text-decoration:none;  
	padding-left:6px;
	padding-right:6px;
}



.tab-ON
{	color:#99b2CC; 
	background-color: #f60;  
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size:14px; 
	text-decoration:none;
	padding-left:6px;
	padding-right:6px;
}

.tab-OFF
{
}

.hometext
{	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size:10px;  
	color:#819b6b; 
	text-decoration:none; 
	padding-left:10px;
	padding-right:10px;
}

form {
	background-color: #CCCC99;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 24px;
	line-height: 30px;
  	background-color: #006666;
	color: #DCDCDC;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
  	color: #006666;
}

.address {	
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size:10px;  
	color:#819b6b; 
	text-decoration:none; 
	line-height:16px;
	padding-left:10px;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight:bold; 
  	color: #000000;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  	font-weight: bold;
	background-color: #CCCCCC;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFFFF;
}

.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #339999;
}

.sidebarFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #CCCCCC;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #CCCCCC;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
  border-style: ridge;
}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
  	background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
  	color: #006666; 
	font-weight: bolder;
	font-size: medium;
}


input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

/* tanya style */

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


#imageDataContainer{
	font-size: 100%;
	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: #422f2c;
	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 */
	}