html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {margin:0; padding:0; border:0;}
p {margin:8px 0;}

/* fonts */
body {font-size: 100.01%; font-family: Arial, Verdana, Helvetica, sans-serif; color: #444; background-color: #406AAE;}
textarea, input {font-size: 100.01%; font-family: Arial, Verdana, Helvetica, sans-serif; padding:2px;}

/* main divs */
#wrapper {margin:0 auto; padding:0; width:674px; text-align:left; background:#fff url('../images/body_bg.gif') repeat-y top center; font-size:80%;}
#header {margin:0 8px; padding:0 10px; height:96px; background:url('../images/header_bg.gif') no-repeat;}
#subhead {margin:2px 8px;}
#main {margin:0 8px;}
#left {float:left; width:145px; margin:2px;}
#content {float:right; width:500px; height:350px; margin:2px; background:url('../images/content_bg.gif') no-repeat 50% 50px;}
html>body #content {min-height:350px; height:auto;}
#footer {clear:both; margin:0 8px; padding:0 10px; height:70px; background:url('../images/footer_bg.gif') no-repeat;}

#header h1 {float:left; margin-top:28px;}
#header h1 a {width:195px; height:69px; display:block; background:url('../images/header_logo.gif') no-repeat;}
#header h1 a span {display:none;}
#footer span {display:none;}

#top_navigation {list-style:none; float:right; margin-top:3px;}
#top_navigation li {float:left;}
#top_navigation li a {height:24px; display:block;}
#top_navigation li a span {display:none;}

#top_nav_home a    {background:url('../images/top_nav_home.gif') no-repeat;    width:35px;}
#top_nav_sitemap a {background:url('../images/top_nav_sitemap.gif') no-repeat; width:48px;}
#top_nav_contact a {background:url('../images/top_nav_contact.gif') no-repeat; width:58px;}

#main_navigation {margin:2px; padding-left:8px; list-style:none; height:36px; background:url('../images/main_navigation_bg.gif') repeat-x;}
#main_navigation li {float:left;}
#main_navigation li a {display:block; text-decoration:none; height:36px;}
#main_navigation li a span {display:none;}

#nav_home a     {background:url('../images/nav_home.gif') no-repeat;     width:40px;}
#nav_services a {background:url('../images/nav_services.gif') no-repeat; width:54px;}
#nav_about a    {background:url('../images/nav_about.gif') no-repeat;    width:58px;}
#nav_hht a      {background:url('../images/nav_hht.gif') no-repeat;      width:116px;}
#nav_employ a   {background:url('../images/nav_employ.gif') no-repeat;   width:136px;}
#nav_events a   {background:url('../images/nav_events.gif') no-repeat;   width:96px;}
#nav_contact a  {background:url('../images/nav_contact.gif') no-repeat;  width:69px;}
#nav_dairy a    {background:url('../images/nav_dairy.gif') no-repeat;    width:68px;}

#user_navigation {margin:0; padding:0 10px; list-style:none; line-height:24px; text-align:right; font-size:11px;}
#user_navigation li {display:inline; margin-left:10px;}
#user_navigation li a {color:#00f; text-decoration:none;}
#user_navigation li a:hover {text-decoration:underline;}

a {color:#1973AC;}
a:hover {color:#c00;}

h1 {font-size:22px;}
h2 {font-size:18px;}

.page_title {background:#E9E9E9; border:1px solid #DFDFDF; height:22px; margin-bottom:10px;}
.page_title div {margin:1px; background:#DFDFDF; height:20px;}
.page_title div h3 {background:url('../images/page_title_arrow.gif') no-repeat; font-size:12px; line-height:18px; padding-left:24px;}

/* table styling */
.normal_table {background:#e5e5e5; border:1px solid #1973AC; border-collapse:collapse;}
.normal_table thead tr {background:#1973AC; color:#fff;}
.normal_table thead th {text-align:left;}
.normal_table thead th a {color:#fff; text-decoration:none;}
.normal_table td {}
.normal_table tr {background:#fcfcfc;}
.normal_table tr.odd {background:#f5f5f5;}

/* form styling */
.normal_form {}
.normal_form label,
.normal_form input,
.normal_form textarea {width:250px; margin-bottom:4px;}
.normal_form label {font-weight:bold;}
.normal_form .button {width:auto;}
fieldset legend {font-weight:bold; font-size:14px;}

/* events */
#event_list {list-style:none; margin:0; padding:0;}
li.event_item {padding:5px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin-top:5px;}
li.event_item h3 {font-size:18px; color:#c00;}
li.event_item div label {font-weight:bold;}


.document_list {list-style:square; margin-left:20px; font-size:11px;}

/* misc */
.message {padding:4px; background-color:#FFFFD7; color:#444; font-weight:bold; border:1px solid #D5D590;}


/* Date picker specific styles follow */
a.date-picker {width:16px; height:16px; border:none; color:#fff; padding:0; margin:0; float:left; overflow:hidden; cursor:pointer; background: url('../images/calendar.png') no-repeat;}
a.date-picker span {margin: 0 0 0 -2000px;}
div.date-picker-holder, div.date-picker-holder * {margin: 0; padding: 0;}
div.date-picker-holder {position: relative;}
div.date-picker-holder input {float: left;}
div.popup-calendar {
	font-size:80%;
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: -16px; /* value for IE */
	padding: 4px;
	border: 2px solid #000;
	background: #fff;
	color: #000;
	overflow:hidden;
	width: 163px;
}
html>body div.popup-calendar {
	left: 99px; /* value for decent browsers */
}
div.popup-calendar div.link-close {float: right;}
div.popup-calendar div.link-prev {float: left;}
div.popup-calendar h3 {font-size: 1.3em; margin: 2px 0 5px 3px;}
div.popup-calendar div.link-next {float: right;}
div.popup-calendar div a {padding: 1px 2px; color: #000;}
div.popup-calendar div a:hover {background-color: #000; color: #fff;}
div.popup-calendar table {margin: 0;}
* html div.popup-calendar table {display: inline;}
div.popup-calendar table th, div.popup-calendar table td {background: #eee; width: 21px; height: 17px; text-align: center;}
div.popup-calendar table td.inactive {color: #aaa; padding: 1px 0 0;}
div.popup-calendar table th.weekend, div.popup-calendar table td.weekend {background: #f6f6f6;}
div.popup-calendar table td a {display: block; border: 1px solid #eee; width: 19px; height: 15px; text-decoration: none; color: #333;}
div.popup-calendar table td.today a {border-color: #aaa;}
div.popup-calendar table td a.selected, div.popup-calendar table td a:hover {background: #333; color: #fff;}