/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* -- GENERAL REDECLARATIONS -- */

html				{height: 100%;}
* 					{margin:0; padding:0;}

body 				{ text-align:center; background: #6A860F; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; height: 100%; 
}


a				{outline: none;}
a:link 			{color:#135293; text-decoration:underline;}
a:visited 		{color:#135293; text-decoration:underline;}
a:hover 		{color:#FF9523; text-decoration:none;}
a:active 		{color:#FF9523; text-decoration:none;}

ul, ol	 		{ margin:0 0 10px 25px; font-size: 1.2em; }

dl 					{margin:0 0 10px;}
dt 					{font-weight:bold;}
dd					{margin:0 0 3px 10px;}
p 					{ margin:0 0 10px; font-size: 1.2em; }
h1 					{ font-size:1.8em; margin:0 0 12px; color: #012E69; text-transform: uppercase; }
h2 					{ font-size:1.6em; margin:8px 0; color: #6A860F; text-transform: uppercase; }
h3 					{ font-size:1.5em; margin:6px 0 5px; color: #6A860F; }
h4 					{ font-size:1.4em; margin:4px 0; color: #002D68; }
h5					{ font-size:1.2em; margin:3px 0; color: #6A860F; }
h6 					{font-size:x-small; margin:0;}
hr 					{border-style: none; border-bottom: 1px dashed #e3e3e5; color: #fff; background-color: #fff;}
					/*color and background color should be the same as the background color of the div it is contained within*/
img 				{border:none;}
acronym			{border-bottom: 1px dotted;}
blockquote 	{margin:0 25px 20px 25px; font-style:italic;}

h1.pageheading	{}

.clr {clear:both;}
.right {float: right;}
.left { float: left; margin-right: 10px; }
.rightimage {float: right; margin: 0 0 10px 10px;}
.leftimage {float: left; margin: 0 10px 10px 0;}

/* Calendar */
.action_details {width: 450px !important;clear:none !important;}
.action_details table {width: auto !important;}
.actionlist {width: 301px !important;}
.actionlist_table {width: 290px !important;}

/* Login Box */
#login_box label {
	display: block;
	float: left;
	padding-top: 4px;
	width: 50px;
	margin-bottom: 4px;
}
#login_box input {
	width: 100px;
	margin-bottom: 4px;
}

#login_box input.button {
	width: auto;
	margin-bottom: 4px;
}

/* Weather Search */
.weather-search {
	margin: 25px 0 25px -8px;
	color: #6A860F;
	font-size: 12px;
}

.weather-search p img,
.weather-search small {
	display: none;
}

.weather-search img {
	float: left;
	margin: 0 5px 0 0px;
}

.weather-search input {
	border: 1px solid #999;
	height: 16px;
	padding: 2px 0 2px 0;
	margin-right: 5px;
}

.weather-search input[type="submit"] {
	background: #FFCC00;
	padding-top: 0px;
	margin-top: 1px;
	margin-right: 0px;
	height: 23px;
}

/* Lightbox */

.gallery-item {
	float: left;
	width: 100px;
	padding: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: center;
	background: #ddd;
	border: 1px solid #999;
	}

.gallery-item a {
	text-decoration: none;
}

.gallery-item img.thumbnail {
	margin-bottom: 5px;
}

#imageDetails {
	color: #000;
}

/* Page */

#wrapper { width: 750px; margin: 0 auto; text-align: left; background: #FFF url("../images/bg.jpg") repeat-y; padding: 0px; 
}

/* Header */

#header { width: 750px; height: 264px; margin: 0 0 0 0px; background: #FFF url(../images/header.jpg) no-repeat; 
}

#header h1 { float: right; text-transform: lowercase; text-align: center; font-weight: normal; font-style: italic; color: #9C9C9C; margin-top: 165px; margin-right: 80px; margin-bottom: 0; 
}

#header h1 a { display: block; width: 300px; height: 80px; text-indent: -9000px; background: no-repeat center center; 
}

/* Content */

#content { /*float: right;*/
	width: 685px; margin-left: 33px; padding-top: 5px; margin-bottom: 20px; 
}

.content-main { width: 450px; padding: 0px; 
}

.content-main p, .content-main ul, .content-main ol {
	line-height: 150%;
}



#content-side { float: right; width: 200px; padding: 0px 0 20px 10px; 
}
.weather { float: left; width: 190px; margin-top: 10px; }
.news p { font-size: 1.1em; }
.news { float: left; width: 190px; margin-top: 10px; }

.quick-links { float: left; width: 190px; }
.quick-links a:link { font-size: 1.4em; font-weight: bolder; text-decoration: none; font-style: italic; color: #6A860F; }



/* Footer */

#footer { width: 700px; height: 80px; overflow: visible; margin: 0 auto; background: url(../images/footer.jpg) no-repeat left top; padding-top: 20px; padding-left: 50px; 
}
.credits { width: 750px; margin-right: auto; margin-left: auto; text-align: center; }
.credits p {
	font-size: 1.1em;
	color: #FFFFFF;
}


#footer p {
	margin: 0;
	color: #FFFFFF;
}