@charset "UTF-8";
/* CSS Document  for version 3 home page design */

div#hometabs {	/* contains .tabpanel, defined in SpryTabbedPanels.css, and #homegallery */
	width: 270px; float: right;	
	margin:35px 5% 20px 0;
	}
div#placeholder { /* for search box, Members Only box */
	width:100%; border:1px solid red;height: 300px;
	}
div#homecontent {
	width: 550px;
	max-width: 550px;
	float: left;
	margin: 35px 0 20px 5%; 
}
div#homecontent.nogal { /* use this class when it doesn't contain homegallery */
	margin: 0 0 20px 5%; 
}
div#hometabs.nogal {	/* use this class when homecontent doesn't contain homegallery */
	margin:0 5% 20px 0;
	}
div#homegallery { /* for full width, place above/outside homecontent, otherwise within */
	/*height: 275px;*/}
#homegallery .caption {
	text-align: center; font-style: italic; font-weight: bold;font-size: .8em;
	background-color:black; /*#698989*/;color: #f7f7f7;
	}
div#homecontent a:visited, div#homecontent a:active, 
div#hometabs a:visited, div#hometabs a:active {
color: #1C5495 !important;	/* True Blue no change on home page*/
}
div#hometabs li ul li {line-height: 1.3em !important; padding-top: .2em !important;}

p.homefirst {
	font-size: 1.3em;line-height:1.3em;	font-family: Times, serif;
	color: #707070;
	}
p.updated span {font-size: 85%; color:#e78222; /* coral */}		
table.homelayout {	/* use a 2 column table to line up the divs for home page sections */
	width: 100%;
	padding: 0; /* override any other rules for regular tables */
	}
table.homelayout td {
	vertical-align:top;
	width: 50%;
	padding-top: 10px;
	}
div.section {
	border: 1px solid #207f7f; /* same as h1 background */
	margin: 0;
	background-color: transparent;
	}
div.section.tweak{	min-height: 150px;}
div.section.tweak2{	min-height: 110px;}

h1.wide {padding:0;
	font: bold 1.15em "Times New Roman", Times, serif;
	color:#207f7f; text-align: center;
	background:transparent;
	}
div.section p {
	padding: 0 5px;
	font-size: 70%;
	line-height: 1.3em;
	color: #393939;
}
div.section.blank p {
	padding: 0 10px 10px 5px;
	font-size: 80%;
	color: #808080;
	}
div.section.blank p:first-letter {
	font-size: 150%;
	font-weight: bold; font-style: italic;
	line-height: .6em;
	color: #e78222; /* coral */
	}
div.section.blank span.updated {font-size: 75%; color:#e78222; /* coral */}	

div.section h1 {
	padding: 0 5px 0 5px;margin:0;
	font: bold 1em/1.5em "Times New Roman", Times, serif;
	color:white;
	background-color:transparent;background-image:url(../images/h1gradient.png);
	}
#homecontent div.section > h1 > a:link,
#homecontent div.section > h1 > a:visited,
#homecontent div.section > h1 > a:active {
	text-decoration: none;
	color: white !important;
	}
#homecontent div.section > h1 > a:hover {
	text-decoration: none;
	color: #f6e7e3 !important; /*palest coral 8% */
	}
	
div.section img {
	margin: 5px; border: 0;
	}
div.section.tk { /* section box for toolkit */
	width: 548px;margin-top:10px;}
div.section.tk p {
	padding: 10px;padding-bottom:0;
	font-size: 80%;
	line-height: 1.3em;
	color: #336666;
}
div.section.tk h1 {
	padding: 5px;
	font: bold 1.1em "Times New Roman", Times, serif;
	background-image:url(../images/h1gradient.png); background-repeat:no-repeat;
	}
div.section.tk h1 span {
	padding-left: 3em;font-size:.95em;
	color: #020360;
	}
div.section.tk img.toolkit {
	margin:5px 4px 10px 5px;float:left;
	}
div.section.tk img.toolkit2 {
	margin: 5px 5px 10px 1px;float:right;
	}
div.seealso {/*min-height: 135px;*/}
div.seealso  > a {	
	text-align: center;display: block; margin: 0; padding: 3px 0;
	}
div.seealso img {margin: 0;}
div.seealso h2 {margin: 0;text-indent: 0;font: bold 1.1em Times, serif;}	

.homecaption {/*height: 30px;*/ padding: 3px 0; line-height: 1.3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.homefooter,
.homefooterlinks {margin-left:20px;}
img.logo {
	float: right; margin: 0 0 10px 10px;
	}
/* in case we put search onto home page */	
form.searchform {margin:0;padding-right: 0;}
div.searchwrap {float: right; margin:10px; margin-right: 0;}
.TabbedPanels {	
	margin-top: 0px; /* below search,etc, and lined up with sections */
}.TabbedPanelsContent {
	height: 442px;
}