/* ----------------------------------------------------------------------
Style Sheet for IE 6/7, Opera 9, Firefox 1/2, Safari 3

Version: 1.0
Author: S L Hanners
Email: suzanne@takenotice.com
Company: Take Notice, Inc.

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

/* Start structural content blocks */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Geneva, Helvetica, sans-serif;
	background: #CAE3F8 url('../images/bg.gif') repeat-x 0 0;
	text-align:center;
	color: #5F5F5F;
	margin: 0;
	}

div#wrapper {
   width: 940px;
   max-width: 940px;
   min-width: 940px;
   margin: 0 auto;
   text-align: left;
   background: #fff url('../images/wrapbg.gif') repeat-y;
}

div#header {
   background-color: #fff;
   width: 940px;
   height: 90px;
   margin: 0 auto;
   padding: 0;
   }

#mainnav {
   background: #fff url('../images/mainnav.gif') no-repeat 0 0;
   height: 29px;
   width: 940px;
}

#center {
   width: 940px;
   padding: 0;
   margin: 0; 
   }

#content {padding: 0 0 20px 0;}
#contentint {padding: 15px 0 20px 0;}

/* Definition for content div on home page.  Revised to remove bottom padding.  GWH 4/13/09. */
#content-index {padding: 0 0 0 0;}
   
#leftcol {
   width: 200px;
   float: left;
   padding: 0px 10px 0px 10px;
   margin: 0;
}

#leftcolpad {margin: 0 0 0 0px; padding:0;}
#who #leftcolpad, #what #leftcolpad, #news #leftcolpad {margin: 0;}

#rightcol {
   width: 720px;
   float: right;
   padding: 0;
   margin: 0; 
   }
   
 #rightcolpad {
    margin: 0 10px 0px 0;
 }
   
   
div#footer {
    background-color: #186BB5;
	padding: 0;
	margin: 0 auto;
	width: 940px;
	height: 20px;
	clear:both;
	}

div.clear {
	clear:both;
	}

/* Fonts */

h1 {
	font-size: 1.6em;
	font-weight:800;
	margin: 0 0 5px 0;
	padding: 0;
	color: #083c83;
}

h2 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0;
	color: #186EB7;
}

h3 {
	font-size:1.4em;
	font-weight: normal;
	padding: 5px 0 0 0;
	margin:0;
	color: #186EB7;
	}

h4, h5, h6 {
	font-size:1.2em;
	font-weight: normal;
	padding: 10px 0 10px 0;
	margin:0;
	}
	
p {
	line-height: 2.0em;
    font-size: 1.2em;
	}

p.black
{
	line-height: 2.0em;
	font-size: 1.2em;
	color:#333333;
}
	
td, th {
	font-size: 1.2em;
	line-height: 1.5em;
	}

ul, ol {
	padding: 10px 0;
	margin:0 0 0 15px;
	}

li {font-size: 1.2em;
line-height:2.0em;
 padding: 3px 0;}


.small {
	font-size: 11px;
	}

.smallBlue
{
	font-size:11px;
	color:#186EB7;
}

a {color: #186EB7;}

a.bottom
{
color: #FFFFFF;
}

a:visited {color: #186EB7;}
a:hover {text-decoration: none;}
a img {text-decoration: none;}


a.bluearrow, a:visited.bluearrow {
	margin-left: -10px;
	padding: 0 0 0 18px;
	color: #ffffff;
	text-decoration: none;
	background: url(../images/arrow-whtwbl.gif) no-repeat 0 50%;
	}

H1.who {margin:0;padding:0;}
H2.who {color:#186EB7;margin:3px 0 0 0;padding:0;font-weight: normal;}

h1 + h3 {margin: 10px 0 0 0;}
h3 + P {margin: 0;}

/* footer fonts and sytles */
#footer p {
	color: #B9D7F5;
	font-size: 1.1em;
	margin: 0;
	padding: 1px 0 0 0;
	text-align: center;
	}
	
#footer a {	color: #B9D7F5;}
	
#footer a:hover {
	text-decoration:none;
	}




/* List styles for interior content pages */

p.listcaption {
	font-weight: bold;
	color: #025A8D;
	margin-bottom: 0;
	padding-bottom: 0;
	}

/* Image spacing formatting */

img { border-width: 0;}

.imgright {
	display:block;
	margin: 0px;
	float: right;
	padding: 3px 0 15px 20px;
}

.imgleft {
	display:block;
	margin: 0px;
	float: left;
	padding: 3px 15px 15px 0;
}

#imagecaption { 
display:block; 
float:right;
background-color: #FBF7ED;
margin: 0 0 3px 3px;
}

#imagecaption P { margin-top: 0;
padding: 3px 3px 10px 10px;
font-size: 1.1em;
line-height: 1.2em; }

/* span used to display information for non-Flash-capable users.  GWH 7/6/09. */
.noflash
{
	padding-top:535px;
	padding-left:10px;
	color:#333333;
}

/* Table formatting */
.center {text-align: center;  width: 100%;}
Table.center td {padding-bottom: 40px; vertical-align: bottom; text-align: left;}
.Tblinterior {text-align: left;  width: 100%;}
Table.Tblinterior TD {padding: 0 0 40px 0; vertical-align:top;}
Table.Tblinterior IMG {padding: 0 0 5px 0;}

/* PANEL at lower part of most pages */
.lowerpanel {background: #fff url('../images/homecenterbg.gif') repeat-x; padding: 15px 0 15px 0;}
#paneltbl {text-align: left; width: 940px; height: 100px;}
.paneltd
{
	width: 300px;
	/*height: 100px;*/
	padding: 4px 5px;
	color: #FFFFFF;
	vertical-align: top;
	/*background-image: url('../images/boxbg.png');*/
	border: 1px solid #0459a2;
	background-color: #186eb7;
}

.panelspacer
{
	width: 20px;
}

H2.panel {font-size:14px;  font-weight:bold; color:#FFFFFF;}
.panelbluebar {margin-top: 12px; background-color: #599ED5; text-align:center; width:288px;}
.paneltdint {width: 250px; vertical-align:top;}
.paneltd p, .paneltdint p { margin: 5px 0 8px 0; padding:0; line-height: 1.3em; font-size: 11px;}

	
/* Splashhome - this is the main image on the home page of the site */
	
div#splashhome {
	width:940px;
	height:496px;
	background: url('../images/splash.png') no-repeat 0 0;
	}

/* Added for testing two different main pages.  GWH 4/14/09. */

div#splashhome2 {
	width:940px;
	height:560px;
	background: url('../images/splashscreen2.jpg') no-repeat 0 0;
	}

/* This is used to highlight a table row that a user hovers over.  GWH 11/6/2009 */

tr.hoverRow:hover
{
	background-color:#CCCCFF;
	
}

tr.oddRow
{
	background-color:#c4e3fd;
}

tr.evenRow
{

}

tr.header
{
	border-bottom:1px solid #5F5F5F;
	background-color:#186bb5;
}

table.projectsTable
{
	padding:1px;
	border-collapse:collapse;
	width:938px;
}

table.projectsTable tr td
{
	vertical-align:top;
	
}

table.projectsTable tr.header th
{
	font-weight:bold;
	color:#FFFFFF;
	padding-left:3px;
}

table.legend
{
	width:600px;
	background-color:#c4e3fd;
	border:1px solid #b4d3ed;
}

#legendSmall
{
	width:300px;
}

table.legend tr th
{
	text-align:center;
}

table.legend tr td
{
	vertical-align:top;
}