/* ------------- element styles --------------- */
body {
	margin: 0; padding: 0;
	background: #FFFFFF;
	color: #333;
	background-image: url(../images/grey_bkg_gradient.jpg);
	background-repeat:repeat-x;
	font: small "Lucida Grande", Arial, sans-serif;
}
a {
	text-decoration: none;
}
a img {
	border: 0;
}
p {
	margin: 0 0 1em;
}
em {
	font-size:14px;
	font-weight:bold;
	}
p em{
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	}
.centerText {
	margin:0;
	font-size:16px; 
	font-weight:bold;
	width:540px;
	}
ul {
	margin:0 0 0 30px;
	padding:0;
	}
form {
	margin:0;
	padding:0;
	}
		
/* ------------- banner styles --------------- */
#banner {
	margin:0;
	padding:0;
}
#logo {
	display:block;
	margin: 0; 
	padding: 0;
}
#loginForm {
	position:absolute;
	top:200px;
	margin-left:330px;
	width:240px;
	line-height:22px;
	border:1px solid #333333;
	border-style: solid;
	background-color: #CCCCFF;
	padding:2px;
	visibility:hidden;
	}
#topNav {
	text-align:right;
	margin: -30px 0 0 0;  
	padding: 0.25em .55em .25em 1em; 
	background-color: ; 
	color: #FFFFFF;
}
#topNav li {
	display: inline;
	margin-right: 0.5em; 
	padding-right: 0.5em;
	border-right: 1px solid #99C;
	font-weight: bold;
}
#topNav li.last {
	border-right: 0;
}
#topNav a {
	color: #FFFFFF;
}
#topNav li a:hover {
	color: #CC0033; 
	}
#footer {
	text-align:right;
	max-height:16px;
	font-size:11px;
	width: 786px;
	margin: 0 .5em 0 .5em; 
	padding: 0.25em .5em .25em .85em;
	background-color:;  
	color: #000000;
}
#footer li {
	display: inline;
	margin-right: 0.5em; 
	padding-right: 0.75em;
	border-right: 1px solid #99C;
	font-weight: bold;
}
#footer li.last {
	border-right: 0;
}
#footer a {
	color: #336633;
}
#footer li a:hover {
	color: #CC0033; 
	}
#today {
	margin-top: -1.66em; padding: 0 2em 0 0;
	color: #FFF;
	font-weight: bold;
	text-align: right;
	line-height: 1;
}

/* ------------- main page styles --------------- */
#pageWrapper {
    text-align: left;
    width: 800px;
    /*overflow: auto;*/
	min-height:100%;
	margin: 0 auto;
	padding:0;
	border:0 solid gray;
	/* IE5/Win fix  */
	voice-family: "\"}\"";
	voice-family:inherit;
	z-index:3;
	}
#contentContainer {
	float:left;
	max-width:799px;
	background-color:#FFFF99;
	padding:0;
	border:.01em solid #666666;
	z-index:3;
}
#content {
	float: right;
	padding: 0 .25em 1em 2em;
	min-height:520px;
	min-width:580px;
	max-width:614px;
	color:#336633;
	z-index:3;
}
#content h1 {
	margin: 0 33% 1.25em -3m; 
	padding: .5em 2em;
	background: #FFF; 
	color: #686397;
	font-size: 1.5em;
}
#content h1 b {
	color: #B0D742;
}
#content h2 {
	margin: 0.5em 0; 
	padding-bottom: 0.25em;
	color: #006633;
	border-bottom: 1px solid #006633;
	width:570px;
	font-size: 1.5em;
}
#content .box {
	margin: 0.5em 0; 
	padding: 0.5em .5em .5em .5em;
	color: #006633;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	width:555px;
	border: 1px solid #006633;
}
#content img.illus {
	float: left;
	margin: 1em 1em 1em 0;
}
#content .centerText {
	text-align:center;
	font-size:16px; 
	font-weight:bold;
	}

/* ------------- sidebar styles --------------- */
#sidebar {
	float: left;
	width: 150px;
	height:400px;
	background: url(../images/sidebar_400.jpg) top left no-repeat;;  
	margin: 38px 0 .1em .1em;
}
#sidebarnav_wrapper{
	text-align: left; 
	width:150px; 
	position:relative;
	}
#sidebar form {
	margin: 0; 
	padding: 0.8em;
}
#sidebar form .text {
	width: 9em;
}
#sidebar div {
	color: #000066;
	padding: 0 0 1em 0;
	margin-top: 0.75em;
}
#sidebar div h3 {
	font-size: 1.25em;
	margin: 0 -0.8em; 
	padding: 0.4em 0.8em;
	text-transform: lowercase;
}
#tip-of-the-day h4 {
	margin: 0 0 0.5em; 
	padding: 0.5em 0;
	border-bottom: 1px solid #FFF;
	font-weight: normal;
}
#tip-of-the-day p:first-line {
	font-style: italic;
}
#tip-of-the-day img {
	display: block;
	margin: 2em auto 0;
}
#post-archive table a:hover {
	background: #ABD240;
}
#sidebarnav_content{ 
	margin:0 0 0 0;
	width:146px;
	}
#sidebarnav_content h2{
	color:#FFFFFF; 
	font-size:14px; 
	font-weight:bold; 
	border-bottom:solid #FFFFFF 1px; 
	padding:4px 0 4px 18px; 
	margin:0;
	}
#sidebarnav_content a, #sidebarnav_content a:visited{ 
	margin:0 0 0 0;
	color:#000066; 
	text-decoration:none; 
	font-size:12px; /*font-weight:bold;*/
	}
#sidebarnav_content li { 
	border-bottom:solid #FFFFFF 1px; 
	padding:4px 0;
	margin-left:38px;
	list-style:none;
	}
#sidebarnav_content li.last { 
	border-bottom:none; 
	padding:4px 0; 
	margin-left:38px;
	list-style:none;
	}
#sidebarnav_content li a {
	padding: 0 0 0 .4em;
	margin:0;
	}
#sidebarnav_content li a:hover {
	padding-left: .4em;
	color: #CC0033; 
	text-decoration: none;
	}
#sidebarnav_content ul { 
	padding:0; 
	margin:0;
	}
#sidebarnav_btm {
/*	background:url(../images/sidebar_btm.gif) bottom left no-repeat; height:16px; */
	}	
.right_float { 
	float:right;
	}
.left_float { 
	float:left;
	}
.sideBarImage {
	position:relative;
	top:150px;
	left:2px;
	width:100px;
	line-height:1px;
	border:0px solid #333333;
	border-style: solid;
	padding:2px;
	}
/* Forms	*/
	
/* Tables for data entry forms */
.form {
	font-size: 11px;
	margin-top: 0px;
	border: 1px solid #ccc;
	width: 600px;
	margin-left: 0px;
	margin-right: 4px;
	table-layout: auto;
	background-color: #FFFFFF;
}
table.formHeader {
	border: 0px solid #ccc;
	width: 580px;
	margin: 0px 4px 0 0;
	table-layout: auto;
}
.formHeader td.h2 {
	margin: 0.5em 0 0 0; 
	padding-bottom: 0.25em;
	color: #006633;
	border-bottom: 1px solid #006633;
	font-size: 1.5em;
}

.form td:first-child {
}
.form text, input, textarea{
	font-size: 11px;
}
.form .section td {
	background: #003366; 
	border: 1px solid #9EA7AA;
	border-top: none;
	border-left: none; 
	padding: 5px 4px 5px 1px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
.form .sectionHeader
{
 	color: #FFFFFF;
	background-color: #666666;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.form td {
	margin-right:4px;
	padding: 5px 2px 6px 2px;
	border-bottom: 1px dotted #ccc;
	font-size: 11px;
}

.form td.label{
	font-size: 11px;
	text-align: left;
	vertical-align: middle;
	width: 25%;
	padding: 2px 4px 2px 4px;
	color:#333333;
}

/* works-around mistake in templates */
.form tr.section td.required{
	text-align: left;
	margin-right:10px;
	font-size: 11px;
}

.form .label.required {
	font-weight: bold;
}

.form tr.buttons td{
	text-align: left;
	padding-right: 25px; 
	border-bottom: none;
}
.radio, .check	{ position:relative; top:3px;	font-size: 11px;
 } 

fieldset	{ margin:8px 0px; padding:12px; border:1px solid #ccc; }
legend		{ font-weight:bold; color: #000066; margin:0px 4px; }

.frm		{ border:1px solid #7f7f7f; padding:2px 1px 0px 1px; line-height:110%; }
.submit		{ background:#006486; border:0px; padding:0px; color:#fff; font-weight:bold; font-size:100%; border:1px solid #006486; }
.submit2	{ 
	background:#006486; 
	padding:0px; 
	margin:0px; 
	color:#fff; 
	font-weight:bold; 
	font-size:85%; 
	border-top:1px solid #00A1D6; 
	border-left:1px solid #00A1D6; 					
	border-bottom: 1px solid #000; 
	border-right: 1px solid #000;
}
.submit3	{ background:#006486; padding:0px; margin:0px; color:#fff; font-weight:bold; font-size:80%; position:relative; top:-1px; border:1px solid #006486; }

.frm, select { 
	font-size:11px; 
}
.today {COLOR: black; FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; FONT-WEIGHT: bold}
.days {COLOR: navy; FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-ALIGN: center}
.dates {COLOR: black; FONT-FAMILY: sans-serif; FONT-SIZE: 10pt}

/* Tables for data entry forms */
table.listTable{
	font-size: 12px;
	border: 3px;
	margin: .5em 0;
	border-color:#000000;
	width: 572px;
	padding: 4 4 4 4;
}
tr.odd, tr.info {
	background-color: #ECF1F6;
}
tr.even {
	background-color: #ffffff;
}
th {
	border-bottom: 2px solid #AFC5DA;
	color: #ffffff;
	background-color: #336633;
	font-weight: bold;
}
th a:link, th a:visited {
	color: #999794;
}
td, th {
	padding: .3em .5em;
}