/* general styles */

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
	background-color: #FFFFFF;
}

h1, h2
{
	font-family: Garamond, "Times New Roman", serif;
	color: #006600;
}

h1 { font-size:24pt; }
h2 { font-size:20pt; }
h3 { font-size:12pt; }
h4 { font-size:10pt; }
h5 { font-size:9pt; }

a:link, a:visited
{
	color: #009900;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
	background-color: #FFFFBB;
}

img
{
	border-style: none;
	margin: 0px;
	padding: 0px;
}

img.left
{
	float: left;
}

img.right
{
	float: right;
}

img.with_border
{
	/*border: 1px solid #000000;*/
	border: 1px solid #CCCC99;
	padding: 2px;
}

input, select, textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

ul
{
	list-style-type: disc;
}

.clear { clear:both; }
.centre { text-align:center; }	/* note the correct spelling in the class */
.right{ text-align:right; }


/* styles specific to the header block */

div.header
{
	position: relative;
	float: left;
	margin: 5px 5px 0px 0px;
	padding: 0px;
	width: 74%;
	height: 100px;
	background-image: url("../images/banner.jpg");
	background-repeat: repeat-x;
	background-color: #BBEEBB;
/*	background-color: transparent;*/
	color: #FFFF00;
	border: 1px solid #006600;
}

div.header p
{
	margin: 5px 5px 0px 0px;
}


div.header a:link, div.header a:visited
{
	font-weight: bold;
	text-decoration: underline;
	color: #FFFF00;
}

div.header a:hover
{
	text-decoration: none;
	color: #009900;
	background-color: #FFFFBB;
}

div.header h1, div.header h2
{
	text-align: center;
	margin: 0px 5px 0px 5px;
	color: #005500;
}


/* styles specific to the navigation block */

div.nav
{
	position: relative;
	width: 20%;
	float: left;
	margin: 5px 7px 5px 5px;
	padding: 0px;
	background-color: transparent;
}

h3.navHead
{
	border: 1px solid #CCCC99;
	width: 100%;
	width: auto;
	margin: 10px 0px 0px 0px;
	padding: 5px;
	color: #009900;
	font-weight: bold;
	font-size: 9pt;
	background-color: #FFFFBB;
/*	background-color: #DEFFDE;*/
}

h3.navHead a
{
	margin: 0px;
	padding: 0px;
}

h3.navHead a img
{
	margin: 0.25em 0px 0px 0px;
	padding: 0px;
	float: right;
/*	border: 1px solid #006000;*/
}

div.navBody
{
	border-width: 0px 1px 1px 1px;
	border-color: #CCCC99;
	border-style: solid;
	padding: 10px 5px 10px 5px;
	margin: 0px 0px 5px 0px;
/*	background-color: #DEFFDE;*/
/*	background-color: #FFFFBB;*/
}

div.navBody a
{
	display: block;
	padding: 2px 0px 3px 2px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

div.navBody a:link, div.navBody a:visited
{
	color: #009900;
	text-decoration: none;
}

div.navBody a:hover
{
	color: #009900;
	background-color: #FFFFBB;
	text-decoration: underline;
}

div.navSubmenu
{
	display: none;
	padding: 0px 0px 0px 15px;
	margin: 2px 0px 2px 0px;
	font-weight: normal;
}

div.navSubmenu a
{
	display: block;
	padding: 2px 0px 3px 5px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
}

div.navSubmenu a:link, div.navSubmenu a:visited
{
	color: #009900;
	text-decoration: none;
	font-weight: normal;
}

div.navSubmenu a:hover
{
	color: #009900;
	background-color: #FFFFBB;
	text-decoration: underline;
	font-weight: normal;
}

a.img_nav, a.img_nav:link, a.img_nav:hover, a.img_nav:visited
{
	display: block;
	padding: 5px;
	border: 1px solid #CCCC99;
	width: auto;
	background-color: #FFFFFF;
	text-decoration: none;
}

div.nav p
{
	padding: 2px 0px 3px 2px;
	margin: 0px;
}

div.nav ul.news_item
{
	list-style-type: square;
	list-style-position: outside;
	margin: 5px 5px 5px 20px;
	padding: 0px;
/*	text-indent: -10px;*/
	font-size: 8pt;
}

div.nav ul.news_item li
{
/*	margin-left: 15px;*/
	padding: 5px 0px 5px 0px;
	font-weight: normal;
}

div.nav ul.news_item li a
{
	display: inline;
	font-weight: normal;
	width: auto;
}


/* styles specific to the content block */

div.content
{
	position: relative;
	width: 74%;
	float: left;
	margin: 0px 5px 5px 0px;
	padding: 0px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #CCCC99;
	background-color: transparent;
}

div.content div.search_results
{
	padding: 5px;
	font-size: 8pt;
}

div.content table, tr, td
{
	font-size: 8pt;
	vertical-align: top;
	padding-right: 10px;
}

div.content p, div.content h1, div.content h2, div.content h3, div.content h4, div.content h5
{
	padding-left: 10px;
	padding-right: 10px;
}

table.content
{
	margin-left: 10px;
	margin-right: 10px;
}

div.news_item
{
/*	border: 1px solid #008000;*/
/*	margin: 3px;*/
}

div.news_item h4
{
	color: #006600;
	background-color: #DEFFDE;
	border: 1px solid #66CC66;
	margin: 3px 5px 3px 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.news_item p
{
/*	background-color: #FFFFCC;*/
	margin: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
/*	text-indent: 20px;*/
}

div.calendar_list
{
}

div.calendar_list h5
{
	color: #003300;
	background-color: #DEFFDE;
	border: 1px solid #66CC66;
	margin: 3px 5px 3px 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 8pt;
}

div.calendar_list h4
{
	color: #003300;
	border: 1px solid #DDDD99;
	background-color: #FFFFBB;
	margin: 3px 5px 3px 5px;
	padding-top: 3px;
	padding-bottom: 3px;
/*	font-size: 10pt;*/
}

div.calendar_list p
{
/*	background-color: #fdf9e3;*/
/*	background-color: #FFFFEE;*/
	margin: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.calendar_list ul
{
/*	background-color: #fdf9e3;*/
	margin: 3px;
}

div.hidden_form
{
	display: none;
}

#frmCalInsert
{
	display: none;
}

form.multi_col
{	/* set width in form, not fieldset (still takes up more room w/ fieldset width */
	margin: 0px;
	padding: 0px;
	min-width: 500px;
	max-width: none;
	width: 600px;
}

form.multi_col fieldset
{
	/* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
	border: 1px solid #CCCC99;
/*	border-color: #008000;
	border-width: 1px;
	border-style: solid;*/
	padding: 10px;	/* padding in fieldset support spotty in IE */
	margin: 15px 10px 15px 10px;
}

form.multi_col fieldset legend
{
	font-size: 1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
			/* be careful with padding, it'll shift the nice offset on top of border  */
}

form.multi_col label
{
	display: block;	/* block float the labels to left column, set a width */
	float: left;
	width: 200px;
	padding: 0px;
	margin: 5px 0px 0px 0px;	/* set top margin same as form input - textarea etc. elements */
/*	text-align: right;*/
}

form.multi_col fieldset p
{
	padding-left: 0px;
}

form.multi_col span.col_header
{
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.1em;
	width: 150px;
	text-align: center;
}

form.multi_col fieldset label:first-letter
{					/* use first-letter pseudo-class to underline accesskey, note that */
/*	text-decoration: underline;*/	/* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
					/* pseudo-class on legend elements, but do support it on label elements */
					/* we instead underline first letter on each label element and accesskey */
					/* each input. doing only legends would  lessens cognitive load */
					/* opera breaks after first letter underlined legends but not labels */
}

form.multi_col input, form.multi_col select, form.multi_col textarea
{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width: auto;	/* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin: 5px 0 0 10px;	/* set margin on left of form elements rather than right of
				label aligns textarea better in IE */
}

form.multi_col input.reset
{
	margin-left: 0px;	/* set margin-left back to zero on reset button (set above) */
}

form.multi_col input.title_fld
{
	width: 300px;
}

form.multi_col input.email
{
	width: 300px;
}

textarea
{
	overflow: auto;
}

form.multi_col small
{
	display: block;
	margin: 0 0 5px 160px;	/* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form.multi_col .required
{
	font-weight: bold;
}	/* uses class instead of div, more efficient */

form br.clear_left
{
	clear: left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.acknowledge	/* acknowledgement */
{
	font-size: 8pt;
	margin-top: 0px;
}

p.plaque
{
	position: relative;
	left: 25%;
	width: 50%;
	padding: 5px;
	text-align: center;
	border: 1px solid #000000;
}

p.box_ctr_ital
{
	border: 1px solid #000000;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	padding: 2px;
	font-style: italic;
}

p.footer_separator
{
	clear: both;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #CCCC99;
}

p.footer_left
{
	clear: none;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

p.footer_right
{
	clear: both;
	float: right;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
}