/*---------------------------------

version: 1.0
author: Jamie Knight
contact: jamie@jkg3.com

Please feel free to learn from this code. Do not copy this code in whole, if you wish for a copy of this code, or any explanation plese contact me at the above adress. 
----------------------------------*/


/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}

a { outline:none; }

#magic {

	border:0px;
	
	} 

/* Basics
-----------------------------------------------*/

body {

	font-family: Georgia, "Times New Roman", Times, serif;
	color:#333333;
	line-height:1.4em;
	background:url(../images/bodybg.jpg) top center repeat-y;
	font-size:14px;

}

html {

	margin:0px;
	padding:0px;
	
	}
	
h2, h3 {

	font-weight:100;
	color:#143725;
	
	}


/* branding
-----------------------------------------------*/

#branding {

	padding:0px;
	margin:0px;
	height:156px;
	background:url(../images/brandingBG.jpg) repeat-x top left;
	
}

#branding h1 {

	padding:0px;
	text-indent:-5000px;
	margin:0px;
	width:703px;
	background:url(../images/branding.jpg) center top no-repeat;
	height:156px;
	margin-left:auto;
	margin-right:auto;
	
	}
	
/* content
------------------------------------------------*/

.homepage {

	float:left;
	margin:20px;
	margin-top:0px;
	padding:3px;
	background:#CCCCCC;
	
}

#news {

	clear:both;
	
	}

#content {

	width:703px;
	margin-right:auto;
	margin-left:auto;
	min-height:450px;
	
	}
	
#subNavigation div {

	width:171px;
	margin:0px;
	padding:0px;
	float:left;
	background:#CCCCCC;
	margin-right:4px;
	
}

#subNavigation h3 {

	color:#143725;
	
	}

#subNavigation img {

	margin-left:6px;
	
}

#subContent {

	width:175px;
	float:left;
	
	}
	
#mainContent {

	width:525px;
	float:right;
	
	}
	
#mainContent p, #mainContent h2, #mainContent h3 {

	padding-left:10px;
	
	}
	
.news h3 a {

	text-decoration:none;
	color:#143725;

} 
	
#footer {

	clear:both;
	height:41px;
	background:url(../images/footer.jpg) repeat-x top left;
	
	}
	
#footer li {

	display: inline;
	
	}
	
#footer ul {

	display:inline;
	width:750px;
	
	
	}
	
#navigation li {

	width:165px;
	background:url(../images/navbg.jpg) top center repeat-x;
	color:#FFFFFF;
	font-size:16px;
	font-weight:100;
	height:25px;
	padding-top:2px;
	display:block;
	padding-left:10px;
	
	}
	
#navigation	ul {

	background:#FFFFFF;
	margin:0px;
	list-style-type:none;
	margin-top:2px;
	
	}
	
/* links */

#subNavigation a {

	color:#143725;
	text-decoration:none;
	float:right;
	margin-bottom:10px;
	margin-right:10px;

}

#navigation a {

	color:#FFFFFF;
	display:block;
	text-decoration:none;

	}

/* misc */

.zemError {

	border: #FF0000 dotted 1px;
	background:#FFB2B2;
	font-size:14px;
	padding:10px;
	margin-left:10px;
	margin-right:10px;


	}
	
.zemError li {

	list-style-type:none;
	
	}
	
#footer {

	text-align:center;
	color:#FFFFFF;
	
	}
	
#footer a {

	color:#999999;
	text-decoration:none;
	
	}
	
#footer p {

	padding-top:5px;
	
	}
	
.readmore a {

	color:#336633;
	text-decoration:none;
	
	}

.news {

	width:515px;
	
	}
	
#subNavigation h3 {

	padding-left:10px;
	
	}
	
 table {

	font-size:12px;
	
	}

#mainContent table {

	width:500px;
	background:#EFEFEF;
	margin-left:10px;
	
	}

#mainContent td {

	border:#FFFFFF 1px solid;
	
	}
	
/* for special events */
table.eventtable
{
  width:100%; margin-top:5px;
}

td.eventtitle, p.eventtitle
{
  text-align:center;font-weight:bold;color:red;font-family:Arial, Helvetica, sans-serif;font-size:14pt;line-height:2em; border:1px solid white;
}

td.eventdate
{
  text-align:center; font-weight:bold; color:black; font-family:Arial, Helvetica, sans-serif; font-size:10pt; border:1px solid white;
}
td.eventtext
{
  text-align:center; color:black; font-family:Arial, Helvetica, sans-serif; font-size:10pt; border:1px solid white;
}
