/* CSS Document */
body { font-size: 95%; font-family: "Lucida Greande", Verdana, Arial, sans-serif; font-weight: normal; /*background:#F3f2e8; #F9E9A9;*/
color: #51463D; }
h3, h4 { margin: 0; padding: 0 }
hr { height:1px; border:none; color:red; background-color:red; width:100%; text-align:center; margin: 0 auto;}
img { max-width: 100% }
a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: purple; }
#wrap { margin: 0 auto; padding: 0; max-width: 90%; background-color: white; }
#solarbanner { width: 100%; /*height: 156px; /*align: center;*/ border: solid 1px; black;
background: url(images/banner_bg.jpg) no-repeat; top left; }
#solarbanner h1 { margin-left: 200px; margin-top: 15px; padding-top:10px; color: #000; font-size: 240%; font-family: "Bookman Old Style", "Garamond Black", serif; }
#solarbanner h2 {
font-family: "copper std black", "garamond Bold", serif; margin-left: 200px; padding-top: 0; color: #000; font-size:200%}
#solarbanner img {float:right; width:50%; border: solid 1px; black;}
#topnav a { margin-top: 10px; padding: 10px 5px 0 5px; }
#nav { float: left; margin: 0 15px 0 0; padding: 20px 20px 0 20px; width: 20%; overflow: auto; font-size: 95%; background-color: #f4d08b; }
#nav a { text-decoration: none; display:block;}
#nav a:hover{ background-color: #ffffff; width:100%; }
#nav ul { margin-left: -40px; list-style: none;/*line-height: 1.5em;*/ }
#nav li{ padding-bottom: 5px; }
#topnav { display: inline; float: right; padding-top: 10px; padding-right: 10px; margin-right: 20px; margin-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 95%; color: black; }
#nav li { /*padding: 5px; 0;*/
}
#center { float: left; width: 45%; margin-top: 20px;/*overflow: auto;*/
	
}
#center h1 { font-family: "Copper Std Black", "Garamond Black", serif; }
#right { float: right; /*margin: 30px 5% 0 5%;*/ width: 25%; background-color:#f4d08b; padding:20px 10px 10px 20px;
}
#right ul { list-style: none; font-size: 85%; }
#right a { text-decoration: none; }
#footer { /*font-family: "bookman old style", "myriad pro", serif;font-weight:strong;*/ font-size:75%; text-align: center; color: white; clear: both; background-color: #099; width:100%; padding-top:3px; background-image: url(images/TT_footer.png); background-repeat: no-repeat; background-position: center;}
#footer a{ color:white;}
#footer h3{ margin-top:10px;}
.activity { float: right; margin-left: 10px; border: 10px solid #f4d08b; /*tan */ border-radius: 8px; -webkit-border-radius: 8px; moz-border-radius: 8px; }
.activity-left { float: left; margin-left: 10px; border: 10px solid #f4d08b; /*tan */ border-radius: 8px; -webkit-border-radius: 8px; moz-border-radius: 8px; clear:both;}
.footerimg{margin-right:10px;}

.box { width: 100%; padding: 10px 10px 20px 10px; font-size: 100%; background-color: #f4d08b;
	-webkit-border-radius: 5px;
	moz-border-radius: 5px;*/
}
.box p { font-size: 95%;  }
.box1 { width: 90%; padding: 10px 15px 5px 10px; font-size: 90%; border: 5px solid #f4d08b; -webkit-border-radius: 5px; moz-border-radius: 5px; }
.calendar ul { display: inline; }
.calendar li { list-style: none; padding: 10px 10px 0 10px; }
.calendar table { font-size: 85%; }
.calendar td {text-align:center;}
.caption { font-size: 85%; text-align:center;}
.center {text-align: center; border:solid 3px #F60; padding-top:10px;}
.centerimg {float:left; margin-right: 10px; margin-top: 10px;} 

.group: after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* IE6*/
*html .group { height: 1%; }
/* IE7*/
*:first-child+html .group { min-height: 1px; }
.scrollbox { width: 98%; height: 500px; overflow: scroll; border: 3px solid tan; margin-top: 20px; padding: 10px; }
.scrollbox2 { width: 98%; height: 200px; overflow: scroll; border: 3px solid tan; margin-top: 20px; padding: 10px; }
.scrollbox3 { width: 98%; height: 800px; overflow: scroll; border: 3px solid tan; margin-top: 20px; padding: 10px;}
.jump { font-size: 85%; }

.links { list-style: bullet; line-height: 1.75em; }
.section li{ padding-bottom:10px;}
.timmyT { /*margin:10px 10px 0 0;
	border: 10px solid #e2e1d4;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	moz-border-radius: 8px;*/
float: left; }
.photo { border: 1px solid black; /*#e2e1d4; grey #f4d08b; /*tan*/  /*-webkit-border-radius: 8px; moz-border-radius: 8px;*/ margin-left:auto; margin-right:auto; }
.photoctr { border: 1px solid black; margin-left:8%;}
.small { font-size: 70%; }
figcaption { font-size: .80em; font-weight: normal; margin-top: 0; }
/*
	Variable Grid System (Fluid Version).
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

	Licensed under GPL and MIT.
*/


/* ------------form-----------------*/
#form { float: left; width: 85%; margin-top: 30px; margin-left: 3%; 	
	

     	/*overflow: auto;*/
input.txt {
 color: black;
 background-color: green; /*#E3F2F7;*/
 border: 1px inset green;
font-size: 125%;
}
form p { clear: left; margin: 10px 0 10px 0; padding: 0; padding-top: 5px; }
form p label { float: left; }
/* --------------------Clear Floated Elements-------------------*/

/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }