@charset "UTF-8";
/* CSS Document */

/* -------------- PAGE SETUP -------------- */

* {padding: 0; margin: 0;}
html, body {height: 100%;}
body {font-family: arial,verdana, helvetica, sans-serif; background-color: #cccccc; padding: 0 10px 0 10px;}

#container {
width: 800px;
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
background-image: url(../images/content-back.gif);
background-repeat:repeat-y;
}

#header { height:150px; background:#999; padding: 0; margin: 0; border: 0; }
#printheader{display: none;}
#content { padding: 0 0 100px 0; /* bottom padding for footer */ }
div.tenpadder{padding: 0 10px 0 10px;}
* html #container { height: 100%; }
div#ten-vertical{height: 10px; background-color: #CCCCCC;}
div#ten-vertical-bottom{position: absolute; width:100%; height: 10px; background-color: #CCCCCC; bottom:0px; /* stick to bottom */ clear: both; }
.mainbox{overflow: auto;}
.whitepix{height: 1px; background-color:#FFFFFF; margin: 0; padding: 0;}


/* -------------- NAVIGATION -------------- */
#main-nav { height: 27px; padding: 0; width: 800px; text-align: center; background-color:#00652e; }
#main-nav dl { margin: 0; padding: 0; }
#main-nav-container{text-align: center;}
/* IE5 Mac Hack \*/ 
/*/ 
#main-nav {overflow: hidden; } 
/* End Hack */
#main-nav dt { float: left; background-color:#00652e; 
	display: block;
	height: 27px !important;
	padding: 0px 12px 0 12px;
	font-size: 0.7em;
	overflow: hidden;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 26px;
}
#main-nav dt a {color: #FFFFFF; text-decoration: none; display: block; height: 27px !important; }
 #main-nav dt a:hover {text-decoration: underline; }
/* #main-nav dt#home,#main-nav dt#home a, #main-nav dt#about,#main-nav dt#about a, #main-nav dt#scorecards,#main-nav dt#scorecards a, #main-nav dt#news,#main-nav dt#news a, #main-nav dt#visitors,#main-nav dt#visitors a {width: 114px;}
#main-nav dt#contacts,#main-nav dt#contacts a, #main-nav dt#members,#main-nav dt#members a {width: 115px;} 
.main-nav-on{background-color: #005026;} */

/* -------------- PANELS -------------- */

#leftpanel{width: 580px; overflow: auto; float: left;}
#rightpanel{width: 220px; float: right; overflow: auto;}

/* -------------- FOOTER -------------- */

div#footer { position:absolute; width:100%; bottom:10px; /* stick to bottom */ background-color: #00652e; clear: both; vertical-align: bottom; clear: both;}
#footerpad{padding: 10px 10px 0px 10px; vertical-align: bottom; }
#footer p{font-size: 0.6em; color: #abbcb3; line-height: 1.4em;}

#printfooterspacer{display: none; clear: both;}
#printfooter{display: none; clear: both;}


/* -------------- PARAGRAPHS -------------- */

h1 { font-size: 1.4em; padding: 10px 0 10px 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; }
h2 { font-size: 1.2em; padding: 0px 0 5px 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; margin-top: 0.5em;}
h3 { font-size: 1em; padding: 10px 0 10px 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; margin-top: 0.5em;}
p { padding: 0 0 10px 0; }
#content p, #content li{font-size: 0.8em; line-height: 1.6em;}
.warning{color: #CC0000;}

#rightpanel .news-title, .news-title{font-size: 0.9em; font-weight: bold; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; margin: 0; line-height: 1.4em;}
.news-title{padding: 0;}
#rightpanel .news-title{padding: 10px 0 0 0;}
#rightpanel .news-date, .news-date{padding: 0; font-style: italic; margin: 0; line-height: 1.4em;}
#rightpanel .news-snippet, .news-snippet{margin: 0; line-height: 1.4em;}
#rightpanel h2{padding: 0;}
#rightpanel .tenpxtop {padding: 10px 0 1em 0;}


/* -------------- FORMS -------------- */

div.row{clear:both;padding-top:5px;}
div.formseptop{clear:both;height:1px;margin:4px 0 0px 0;}
div.formsep{height:1px;margin:0 0 0 0;background-color:#84c0c1;}
div.formsepbot{height:1px;margin:0px 0 9px 0;}
div.row span.label{float:left;text-align:right;width:120px;}
div.row span.formhelp{width:20px;float:right;text-align:left;padding:2px 0 0 0;}
div.row span.formw{width:302px;float:left;text-align:left;padding:0 0 0 10px;}
div.row .formtext, .formfieldtext, .formfieldpassword{width:300px;border:1px solid #000000;padding:2px; font-size: 0.9em;}
div.row .formtextsmall, .formfieldtextsmall, div.row .color, .color{width:75px;border:1px solid #000000;padding:2px;}
div.row .formtextarea, .formfieldtextarea{width:300px;height:150px;border:1px solid #000000;padding:2px;font-size: 0.9em;}
div.row .select{width:300px;border:1px solid #000000;font-size: 0.9em;}
div.formdiv{width:465px;padding-bottom:1em;padding-top:0;margin-top:0;}

/* -------------- LINKS -------------- */

a:link, a:link:visited, a:visited{color: #009341; text-decoration: none;}
a:hover, a:link:visited:hover, a:visited:hover{color: #009341; text-decoration: underline;}

#footer a:link, #footer a:link:visited, #footer a:visited{color: #abbcb3; text-decoration: none;}
#footer a:hover, #footer a:link:visited:hover, #footer a:visited:hover{color: #abbcb3; text-decoration: underline;}

.warning a:link, .warning a:link:visited, .warning a:visited{color: #cc0000; text-decoration: underline;}
.warning a:hover, .warning a:link:visited:hover, .warning a:visited:hover{color: #cc0000; text-decoration: none;}

/* See also Navigation for the menu links. */

/* -------------- IMAGES -------------- */
.homepage-image{border: 1px solid #000000; margin: 0 0 10px 10px; float: right;}
.header-image{border: 0;}
.about-image{border: 1px solid #000000; margin: 10px 0 0 0; float: right;}


/* -------------- ODDS & SODS -------------- */
hr{clear: both; margin-top: 1em;}
li {list-style: disc;}

/* -------------- DIARY -------------- */
.diarytable{width:650px; margin: 10px 0 10px 0; padding: 0;}
.diarytenspace{width: 10px; font-size: 0.7em; border-bottom: 1px solid #e5efea;}
.diarytenspaceonly, .diarytenspacelast, .diarytenspaceonlyon, .diarytenspacelaston{width: 10px; font-size: 0.7em; border-bottom: 1px solid #e5efea;}
.diarytenspacefirst, .diarytenspacemiddle, .diarytenspacefirston, .diarytenspacemiddleon{width: 10px; font-size: 0.7em; }
.diaryblank{width: 540px; border-bottom: 1px solid #e5efea;}
.diarydate, .diarydateon{width: 30px; padding: 5px 0 5px 0; vertical-align: top; font-size: 0.8em; border-bottom: 1px solid #e5efea;}

.diaryday, .diarydayon{width: 40px; padding: 5px 0 5px 0; vertical-align: top; font-size: 0.8em; border-bottom: 1px solid #e5efea;}

.diarytide, .diarytideon{text-align: center; width: 60px; padding: 0; vertical-align: middle; font-size: 0.8em; border-bottom: 1px solid #e5efea; line-height: normal;}

.diarytimeonly, .diarytimeonlyon{width: 80px; padding: 5px 0 5px 0; vertical-align: top; font-size: 0.8em; border-bottom: 1px solid #e5efea;}
.diarytimefirst, .diarytimefirston{width: 80px; padding: 5px 0px 0px 0px; vertical-align: top; font-size: 0.8em;}
.diarytimelast, .diarytimelaston{width: 80px; padding: 0px 0px 5px 0px; vertical-align: top; font-size: 0.8em; border-bottom: 1px solid #e5efea;}
.diarytimemiddle, .diarytimemiddleon{width: 80px; padding: 0px 0px 0px 0px; vertical-align: top; font-size: 0.8em;}

.diarypersononly, .diarypersononlyon{width: 400px; padding: 5px 0px 5px 0px; vertical-align: top; font-size: 0.8em; border-bottom: 1px solid #e5efea;}
.diarypersonfirst, .diarypersonfirston{width: 400px; padding: 5px 0px 0px 0px; vertical-align: top; font-size: 0.8em;}
.diarypersonlast, .diarypersonlaston{width: 400px; padding: 0px 0px 5px 0px; vertical-align: top; font-size: 0.8em; border-bottom: 1px solid #e5efea;}
.diarypersonmiddle, .diarypersonmiddleon{width: 400px; padding: 0px 0px 0px 0px; vertical-align: top; font-size: 0.8em;}

.diarydateon, .diarytimeonlyon, .diarytimefirston, .diarytimelaston, .diarytimemiddleon, .diarypersononlyon, .diarypersonfirston, .diarypersonlaston, .diarypersonmiddleon, .diarytenspaceon, .diaryblankon, .diarytenspacefirston, .diarytenspacemiddleon, .diarytenspaceonlyon, .diarytenspacelaston, .diarydayon, .diarytideon{background-color: #e5efea;}

.diarymonthlist{padding: 0; margin: 0; font-size: 0.8em;}
.diarymonthliston{padding: 0; margin: 0; font-size: 0.8em; font-weight: bold;}

div#diary-days{width: 650px; float: right; padding-bottom: 50px;}
div#diary-months{width: 120px; padding-top: 10px;} 

div#diary-days h3{margin: 0;}