/*SOS CSS FILE */

.splashImage img{
	width: 99%;
	margin-right: 5px;
	margin-top: 5px;
}

.splashImage {
	float: right;
	width: 45%;
}

#mainContent .quickLinks ul li.selected a{
	font-weight: bold;
	text-decoration:none;
	color: #003a67;
}


table th {background-color: #666666; color: #fff; vertical-align: top;}

table tr td {border: 1px solid #ccc; color: #333333; background-color:#fff; font-size: .9em; vertical-align:top;}

table {border: 1px solid #fff;}

table.zebra tr:nth-child(even) { background-color: #ffffff; }
table.zebra tr:nth-child(odd) { background-color: #eeeeee; }
table.zebra td { background-color: transparent; }

#mainContent img {max-width: 100%;}


#mainContent a.button {background-color: #def; border: 1px dotted #194b80; padding: .3em; margin: 0 0.5em; font-weight:bold; text-decoration:none;}

#mainContent a:hover.button {background-color: #1C90C0; color: #def;}

.left {float: left; width: 47%; background-color: #fff; padding: .3em; margin: 1em 0;}
.right {float: right; width: 47%; background-color: #fff; padding: .3em;margin: 1em 0;}




/******************************/
/*     Two column design      */

#pageContainer.contactus .rightcolumn,
#pageContainer.mission .rightcolumn  
{
	display: none;
	width: 0;
}

#pageContainer.contactus .centercolumn, 
#pageContainer.mission .centercolumn
{
	margin-right: 0;
	padding-right: 1em;
}

#pageContainer.contactus #wrapper1,
#pageContainer.mission #wrapper1
{
	background: transparent;
}



/*** Threee column styles ***/

.threecolumn {
	border: 1px solid #eee;
		background: #fff;
	padding: .1em;
	margin: .3em 1em .3em 0;
}


#mainContent #pageContainer .threecolumn h2 {margin-top: 0;  padding-top: 0; background: #fff url(../img/site/bluefade.gif) top left repeat-x; font-family:Georgia, "Times New Roman", Times, serif; color: #222;}

.threecolumn.one {
	width: 29%;
	float:left;
}

.threecolumn.two {
	width: 29%;
	float:left;
}

.threecolumn.three {
	width: 29%;
	float: left;
}

#pageContainer #mainContent img.noborder {border: 0px solid #fff; padding: 0;}


caption {text-align: left;}

.featurestory {float: right; width: 30%; margin: .5em; padding: .3em; border: 1px solid #eee; background-color: #fff; font-size: .9em; color: #333;}
.featurestory img {width: 95%;}

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


iframe {border: 3px solid #ccc; max-width: 98%; margin:.3em;}


/*** homepage spotlight styles ***/



#pageContainer #mainContent .spotlight_box .spotlight_header img {margin: 0; padding: 0 ; border: none;}

#pageContainer #mainContent .spotlight_box .spotlight_header {padding: 2px 2px 0 0; margin: 0; background: #72C2E5; }
#pageContainer #mainContent .spotlight_header a img {margin: 0; vertical-align: top; border: 0; padding: 0;}

#pageContainer #mainContent .spotlight_content{
	position: relative;
	clear: right;
	width: 100%;
	overflow: hidden;
	padding: .3em;
	margin: .6em .3em .0em .3em;
	font-weight: bold;
	line-height: 1.7em;
	font-color: #ffffff;
	
}

/*** bullets : if you want to comment them out place a # before these lines ***/

#pageContainer #mainContent .spotlight_content li{
	list-style-image: none;
	list-style-type: none;
}

#pageContainer #mainContent .spotlight_content ul.leftlist{
	display: block;
	width: 40%;
	float: left;
}



#pageContainer #mainContent .spotlight_content ul.rightlist{
	display: block;
	width: 40%;
	float: right;
}

#pageContainer #mainContent .spotlight_box {
	background: #99ccff;
	color: #343434;
	border: 1px solid #E2E3E4;
	padding: .5em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.9em;
	padding: .5em;
	margin-top: 1.3em;
}


#mainContent .spotlight_box a {color: #16598b;}
#mainContent .spotlight_box a:hover {color: #343434;}


#pageContainer #mainContent .spotlight_box .spotlight_header {padding-top: 2px;}

#pageContainer #mainContent .spotlight_box h2 {font-family: Arial, Helvetica, sans-serif; color: #343434; font-weight: bold; font-size: 1.7em; padding: .2em; margin: 0em .0em;}

#pageContainer #mainContent .spotlight_box h3 {margin: 0; padding: 0;}
#pageContainer #mainContent .spotlight_box  {padding: .5em;}

/*** homepage spotlight styles ***/

#pageContainer #mainContent .spotlight_content ul.leftlist a {
	background-color: rgba(0, 0, 0, 0.1);
}

#pageContainer #mainContent .spotlight_content ul.leftlist a:hover {
	background-color: rgba(0, 0, 0, 0.3);
}


#pageContainer #mainContent .spotlight_content ul.leftlist a {
	color: #ffffff;

text-decoration: none;

padding-top: 0.2em;

padding-right: 0.2em;

padding-bottom: 0.2em;

padding-left: 0.2em;

margin-left: 0pt;

margin-top: 0.3em;

width: 97%;

display: block;

font-size: 1.1em;
}

.thumbnail {
        font-size: 11px;
        float: left;
        margin-right: 10px;
        margin-top: 10px;
        width: 130px;
        background-color: #eee;
        border: 1px solid #ccc;
        padding: 4px;
}

.thumbnail img {
        text-align: center;
        margin: 15px auto 5px auto;
        position: relative;
        bottom: 3px;
}