body{background:#FFFFFF; height:100%;
margin:9px;
font: 10pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#666666;}

html{height:100%;}

STRONG {font-weight: bold;background-color: #fff;
	color: #000000;}



A:link{ color:#007fc4; text-decoration:none;background-color: #fff; font-weight:bold;}
A:hover{ color:#999999; text-decoration:underline; background-color: #fff;}
A:active{ color:#007fc4; text-decoration:none; background-color: #fff; font-weight:bold;}
A:active:hover{ color:#999999; text-decoration:underline;background-color: #fff; }
A:visited{ color:#007fc4; text-decoration:none; background-color: #fff;font-weight:bold;}
A:visited:hover{ color:#999999; text-decoration:underline;background-color: #fff; }


#container{ min-height:100%; height:auto;
width:870px;
margin-left:auto; 
margin-right:auto; ;
border-left:#CCCCCC 1px solid;
text-align:justify; position: relative;}

* html #container{
height:100%;}




/******* Text Columns *******/
	
.singlecolumn
{float:left;
text-align:justify;}

.column1
{width:45%;   padding-right: 45px; padding-left: 20px;
float:left; 
text-align:justify;}

.smallcolumn1
{width:310px;   padding-right: 25px; padding-left: 10px;   position:relative; z-index:8;
float:left; 
text-align:justify;}

.column2
{display: inline; text-align:justify; z-index:2;}

.column1wide 
 {width:53%;  padding-right: 35px; padding-left: 20px; margin-top: 20px; 
float:left; 
text-align:justify;}



.textindent {padding:0px 40px 0px 40px;}



h4{margin-bottom: 8px; background-color: #fff;
text-align:left;
color:#007fc4;
font-size:14pt;
font-weight:bold;}

h5{margin-bottom: 8px; background-color: #fff;
text-align:left;
color:#000000;
font-size:14pt;
font-weight:bold;}


h3{margin-top:20px; background-color: #fff;
text-align:center;
color:#007fc4;
font-size:14pt;
font-weight:bold;}

h6{line-height: 30px; font-style:italic; margin-top:20px; background-color: #fff; font-family:Times, serif;
text-align:center; font-weight:900; margin-bottom:20px;
color:#333333;
font-size:22pt;}

#title{background-image:url("images/headerimage.jpg");   position: relative; background-position: right;
  background-repeat:no-repeat; background-color: #fff;
height:100px;
margin-top:10px;
border-bottom:#CCCCCC 1px solid;
color:#CCCCCC;}

#title a#imagelink {  position: absolute;    top: 0;    left: 120px;    width: 620px;    height: 70px; background:transparent }

#title a span{    display: none;}


#clearfooter{clear:both;height:40px;width:100%}




#footer{
position:absolute;
bottom:0;
left:0;
width:870px;
text-align:center;
font-size:10px;
height:30px;
border-top:#CCCCCC 1px solid;
text-transform:lowercase;}


.list {padding: 0px 15px 0px 0px; margin: 0px 0px 0px 0px;position:relative; left: 25px;margin-right: 15px;
list-style-type: circle; text-align:justify;}

.list li { margin: 0px 0px 13px 0px;}


.linklist {padding: 0px 0px 0px 50px;
list-style-type: none;}

.linklist li { margin: 0px 0px 10px 50px;}

/******* Horizontal Menu  *******/

#navcontainer ul
{position: absolute;
	bottom: -3px;
text-align: center;
font-weight:bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style-type: none;
width: 100%; height: 22px;

}

#navlist li { display: inline; }

#navlist li a
{color: #666666; font-weight:bold; font-size:10pt;
text-decoration: none;
background-color: #fff;
padding: 0px 3px 0px 3px;
margin: 0px 25px 0px 0px;
}

#navlist li a:hover
{font-weight:bold;
border-bottom: 3px solid #000000;
background-color: #eee;
color: #007fc4;
position:relative;
}

#navlist li a#current, #navlist li a#current:link
{ background-color: #fff;
color: #007fc4;
font-weight: bold;
border-bottom: 3px solid #000000;
position:relative;
}

/******* End Horizontal Menu *******/


#contactform {
margin:0px 0px 0px 55px;
text-align:center;}

form {margin-bottom:0;}


/******* News Boxes *******/

.newsbox
{height: 220px; 
width:380px;
float:left;
text-align:left;
border: 1px solid #99ccff;
padding: 5px 5px 5px 5px;
margin:5px 5px 15px 30px;}

.newsboxtitle
{display: block;
	margin: 0px 0px 3px 0px;
	padding: 2px 2px 2px 5px;
	background-color:#fff;	
	color: #000000;
	font-weight: bold;
border: 1px solid #99ccff;
	}

.spantext
{
clear:both;
position:relative;padding:0px 80px 20px 80px;
text-align:justify;}


/******* Publications link image hover  *******/

div.figure {
  float: left; text-align: center;
  width: 200px;
  border: none;
  margin: 0.5em;
  padding: 0.5em;
}

div.figure p {
  text-align: center;
  font-style: italic;
  text-indent: 0;
margin-top:0px;
}


 /* rollover image for publications page*/

.pubsthumbnail a, .pubsthumbnail a:link, .pubsthumbnail a:visited, .pubsthumbnail a:active {
display: block;
width: 71px;
height: 125px;
background-image: url("images/brochure.jpg");   
background-repeat: no-repeat;
margin-left:auto;
margin-right:auto;
text-align: center;
}
.pubsthumbnail a:hover {
display: block;
width: 71px;
height: 125px;
background-image: url("images/brochurehover.jpg");  
background-repeat: no-repeat;
margin-left:auto;
margin-right:auto;
text-align: center;
}


 /* hoverbox for index page*/

.hoverbox a{position:relative;}  /* set stacking context*/
.hoverbox a span{
visibility:hidden;/*    hide message initially*/
position:absolute;   z-index:9;
top:-400px;
left:0px;
height: 400px;
width:817px;
padding:20px;
font: 10pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
background:#ffffff;
color:#666666;
border:2px inset blue;
text-decoration: none;
}

.hoverbox a:hover{visibility:visible}    /* ie bug needed to make span show*/
.hoverbox a:hover span{visibility:visible;}   /* reveal image*/


.timertext {
text-align: center;
font-size: 16px; 
color:#ff3333;
font-weight:bold;
background-color: #ffffff;
border: 1px solid #ffffff;
padding:0px 5px 0px 5px;
margin: 0px 5px 0px 5px;

}


/* Slider for "Services" pages*/
	
	/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 20px 0 }
	.coda-slider { background: none }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 900px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 900px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	/*.coda-nav-left a, .coda-nav-right a { background: none; color: #fff; padding: 5px; width: 100px }*/
	
	/* Tab nav */
	.coda-nav ul li a.current {text-decoration: none; color: #007fc4}
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px 100px 0px 100px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline;  padding: 20px}
	.coda-nav ul li a { font-size:12pt; font-weight:bold; color: #999999}
	/*.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }*/
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }