/* CSS Document */

/* Global Elements
*********************************************************/

body {
text-align: left;
background: url(images/background_main.png) top center repeat-y #f0efeb;
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #333333;
margin: 0;
padding: 0;
}

a, a:hover {
color: #492e12;
text-decoration: none;
}

ul, li, a, p, h1, h2, h3, h4, h5, h6, hr, span, input, em, strong, div, form {margin:0;padding:0;}

form, fieldset {margin:0;padding:0;border:0;}

h1 {font-size:2em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}
h6 {font-size:1em;}

.clear {
clear:both;
}

.inactive {
background-color: #FFECF5; 
border: 2px dotted #CC0000; 
color: #003366;
}

/* Site Framework Elements
*********************************************************/

div#siteWrapper {
margin:0px auto;
width:770px;
}

div#siteContainer {
width:inherit;
}

div#siteHeader {
width:inherit;
height:200px;
text-align:right;
background: url(images/background_header.jpg) repeat-x;
}

div#siteContent {
width:inherit;
}

div#siteNav {
float:left;
width:148px;
padding-left: 13px;
}

div#quickLinks {
float:left;
margin-top: 40px;
width:108px;
padding-left: 33px;
}

div#contentWrapper {
float:right;
width:600px;
margin:0px 0px 0px 0px;
line-height: 2em;
min-height:500px;
}

div#siteFooter {
width:inherit;
height:50px;
background:#004427;
}

/* Header Elements
*********************************************************/
div#siteHeader div#logo {
float:left;
margin: 20px 0 0 38px;
}

div#siteHeader div#logoTitle {
float:right;
margin: 15px 80px 0 38px;
}

div#siteHeader div#logoImgBar {
float:right;
/*margin order:top right bottom left*/
margin: 10px 0px 0 0px;
}

div#siteHeader div#topNav {
	float:left;
	font-size: 1.1em;
	margin: 12px;	
	color: #492e12;
}


/* Left Nav Elements
*********************************************************/
ul#leftNav {
list-style:none;
}

ul#leftNav li {
line-height:30px;
border-bottom:1px solid #9d9b7e;
text-transform: uppercase;
text-align: center;
}

ul#leftNav li a {
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
color:#333300;
display: block;
}

ul#leftNav li a:hover {
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
background-color: #9d9b7e;
}

/* quick links */

ul#quickLinks {
background: #BAB9B4;
list-style:none;
border: 1px dotted #603913;
padding: 0px;
}

ul#quickLinks li {
line-height:15px;
text-transform: uppercase;
text-align: center;
font-size: 1.1em;
}

ul#quickLinks li a {
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
color:#333300;
display: block;
}

ul#quickLinks li a:hover {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
background-color: #999999;
}

/* Site Search Elements
*********************************************/

div#siteContainer form#searchForm {
margin:0px;
float:right;
padding: 9px 8px 10px 42px;
}

div#siteContainer form#searchForm label#searchLabel {
font-size:1.2em;
font-weight:bold;
}

div#siteContainer form#searchForm button#searchButton {
border:1px solid #666666;
}

div#siteContainer form#searchForm input#q {
border:1px solid #cccccc;
padding: 1px;
}

/* Content Elements
*********************************************************/

div#content {
width:580px;
padding:0px 0px 10px 0px;
min-height: 300px;
}

div#content p {
margin:0px;
padding:0px 0px 10px 10px;
font-size:1.2em;
}

div#content a {
color:#666633;
text-decoration:underline;
}

div#content a:hover {
color:#333300;
}

div#content h1 {
font-weight:200;
font-size:2.4em;
line-height: 1.5em;
color:#615e5d;
margin-left: 10px;
}

div#content h2 {
width: 85%;
font-weight:bold;
font-size:1.7em;
color:#9d9b7e;
}

div#content h3 {
margin: 0px 0px 5px 0px;
font-weight:bold;
font-size:1.5em;
color:#000000;
}

div#content h1 a, div#content h2 a, div#content h3 a {
text-decoration:none;
color:#6FA85E;
}

div#content fieldset {
border:1px solid #D7DFD2;
margin:5px 0px 10px 5px;
padding:5px;
}

div#content legend {
color:#6FA85E;
font-weight:bold;
padding:0px 5px 0px 5px;
}

div#content ul {
padding: 0px 0px 15px 30px;
font-size: 1.2em;
}

div#content ul.event {
list-style:none;
padding: 0px 0px 15px 30px;
font-size: 1.2em;
}

div#content ul.event li {
background:url(images/icon_list.gif) no-repeat 0px 8px; /* IE6 Bug */
padding: 5px 0px 25px 15px;
}

/* Content: Page Header (Title & Breadcrumb)
*********************************************/

div#pageHeader {
width:100%;
height:28px;
margin:10px 0px 15px 10px;
}

div#pageHeader div#pageTitle {
float:left;
font-weight:200;
font-size:2.4em;
line-height: 1.5em;
color:#615e5d;
}

div#pageHeader div#breadCrumb {
float:right;
padding:15px 0px 0px 0px;
font-size:1em;
color:#9d9b7e;
}

div#pageHeader div#breadCrumb a {
text-decoration:none;
}

div#pageHeader div#breadCrumb a:hover {
text-decoration:underline;
}

/* Content: Optional Right Nav
*********************************************/

div#content div#contentRight {
width:200px;
float:right;
padding:0px 0px 10px 15px;
}

div#content div#contentRight div#rightNav {
height:300px;
border:1px solid #c4ddc1;
background-color:#E5EFE4;
}

div#content div#contentRight div#rightNav h2 {
font-size:1.5em;
width:193px;
margin:5px 0px 5px 0px;
padding:0px 0px 2px 5px;
border-bottom: 1px solid #c4ddc1;
}
/* Content: Nav Ordered & Un-Ordered Lists
*********************************************/

div#content h3.bodyNav {
border-bottom: 1px solid #D7DFD2;
margin: 0px 0px 5px 20px;
width: 60%;
font-weight:lighter;
font-size:1.8em;
color:#9d9b7e;
}

div#content ul.bodyNav, div#content ol.bodyNav {
padding: 0px 0px 15px 40px;
font-size: 1.4em;
font-weight:bold;
}

div#content ul.bodyNav a, div#content ol.bodyNav a {
text-decoration:none;
color:#9d9b7e;
}

div#content ul.bodyNav a:hover, div#content ol.bodyNav a:hover {
text-decoration:underline;
color:#9d9b7e;
}

/* Footer Elements
*********************************************************/
div#siteFooter p {
position:relative;
top:8px;
padding:0px 0px 0px 25px;
color:#ffffff;
}

ul#footerNav {
position:relative;
list-style:none;
top:10px;
color:#ffffff;
left:25px;
}

ul#footerNav li {
display:inline;
color:#ffffff;
padding:1px 0px 0px 0px;
}

ul#footerNav li a {
display:inline;
color:#ffffff;
text-decoration:none;
text-transform:lowercase;
}

ul#footerNav li a:hover {
color:#81AD7A;
}


/* Calendar Plugin Elements
*********************************************************/
div#calendar_left
{
float: left;
width: 210px;
}

* html div#calendar_main
{
width: 490px;
padding-right: 0px;
}

div#calendar_main
{
float: right;
width: 475px;
padding-right: 12px;
}

div.calFieldsets 
{
width: 190px; 
}

div.calFieldsets select							
{ 
font-size: 12px; 
margin: 5px; 
padding: 0px; 
}
div.calFieldsets form							
{ 
margin: 5px; 
padding: 0px; 
}
div.calFieldsets form input						
{ 
font-size: 12px; 
}
div.calFieldsets #monthJump							
{ 
width:80%;
padding: 0px; 
}
div.calFieldsets table							
{ 
font-size: 12px; 
padding: 0px; 
}
div.calFieldsets table th 						
{ 
font-weight: bold; 
text-align:left; 
}
div.calFieldsets table td.filter 				
{ 
color: #0084bb; 
}
table.calendar									
{ 
font-size: 12px; 
border: 1px solid #CCC; 
}
table.calendar td								
{ 
border: 1px solid #CCC; 
padding:2px;
}
table.calendar td.activeDate,td.activeDate a	
{ 
background-color: #f3f3f3; 
color:#FFF; 
}
table.eventDisplay								
{ 
font-size: 12px; 
width: 96%; 
}
table.eventDisplay th							
{ 
font-size: 14px; 
font-weight: bold; 
border: 1px solid #CCC; 
background-color: #CCC; 
}
table.eventDisplay td							
{  }
table.eventDisplay td.currentDate				
{ 
font-size: 14px; 
font-weight: bold; 
color:#003366; 
padding-top: 10px; 
}
td.calRuler										
{ 
margin: 0px; 
padding: 1px 0px 0px 0px; 
background-image: url(/admin/images/dot.gif); 
background-repeat: repeat-x; 
}
td.calTitle										
{ 
font-size: 16px; 
font-weight: bold; 
color:#003366; 
}