html, body
{
	margin: 0;
	padding: 0;
	font-family: Verdana,sans-serif;
	font-size: .9em;
	background-color: #e2eaed;
	color: #000;
}

body
{
	min-width: 750px; /* avoids problems with some browsers */
}

#allContainer
{
	width: 750px;
	/*width: 57.8em;*/
	/*
	margin-right: auto;
	margin-left: auto;
	margin-top: .5em;
	*/
	margin: .5em auto;
	background-color: #ffffff;
	border: 1px solid #000000;
}

#topBanner
{
	height: 62px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: hand;
}
#topBanner img
{
	border: 0;
}
img
{
    border: 0;
}

input, textarea 
{
   font-size: 1em;
}




#mainMenuPosition
{
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	color: #000;
	background-color: #6699cc;
	border-style: solid;
	border-color: #000;
	border-width: 1px 0 1px 0;
	width: 100%;
}

.navElementPosition
{
	float: right;
	width: 150px;
	text-align: center;
	letter-spacing: .2em;
}

.navItem
{
	background-color: #6699cc;
	border-left: 1px solid #6699cc;
	border-right: 1px solid #6699cc;
}

.navMouseOver
{
	background-color: #666699;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	cursor: hand;
}









h3
{
	font-weight: normal;
	font-size: 1.1em;
}
h2
{
	font-weight: normal;
	font-size: 1.2em;
}
h1
{
	font-weight: normal;
	font-size: 1.3em;
}



#frmIndex, #frmMenu
{
	margin: 0;
}

#main
{
	min-height: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 100%;
	float: left;
}

#mainTitle
{
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	font-size: 1.55em;
}

#mainTitleSub
{
	font-size: .7em;
	color: #666;
}

#normalTitle  /*page title for a regular (not the front) page */
{
	/*margin-top: 25px;*/
	margin-left: 20%;
	margin-right: 10%;
	margin-bottom: 1em;
	text-align: right;
	font-size: 1.3em;
	letter-spacing: 2px;
}

#normalTitleSub
{
	font-size: .7em;
	color: #666;
}

#formTitle  /*page title for a regular (not the front) page and when there is a form on the page*/
{
	/*margin-top: 10px;*/
	margin-left: 20%;
	margin-right: 20%;
	text-align: right;
	font-size: 1.2em;
	letter-spacing: 2px;
}

#formTitleSub
{
	font-size: .6em;
	color: #666;
}

#divWelcomeMessage
{
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 18px;
	padding: .1em 1em;
	float: left;
	text-align: justify;
	line-height: 1.6em;
}
.slideshow
{
    float: left;
    padding: 0;
    margin: 18px 20px 5px 0;
    width: 300px;
    height: 204px;
    overflow: hidden;
}
.slideshow div
{
    width: 300px;
    height: 202px;
    display: none;
}
.slideshow img
{
    border: 1px solid #ccc;
    margin: auto;
    display: block;
}
.divSpecialNewsOn  /* normally not used; puts a larger banner across the screen for special/important news */
{
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 10px;
	text-align: center;
	padding: .2em;
	background-color: #e2eaed;
	border: 1px solid red;
}
.divSpecialNewsOff
{
	display: none;
}

#mainContent
{
	margin-bottom: 3em;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0;
}

#mainContentWide
{
	margin-left: 15px;
	margin-right: 15px;
	text-align: left;
	margin-bottom: 3em;
}

#mainContentLeft
{
	width: 345px;
	float: left;
	margin-left: 3px;
}

#mainContentRight
{
	width: 345px;
	float: right;
	margin-right: 3px;
}

.contentBlock
{
	border: 1px solid #e2eaed;
}
.contentBlockType2
{
    border-bottom: 1px solid #e2eaed;
    margin-bottom: 20px;
}

.contentTitle
{
	background-color: #6699cc;
	text-indent: 2px;
	color: white;
	padding: 1px;
	border: 1px solid #6699cc;
}
.contentTitleType2
{
    color: #666;
    font-size: 1.2em;
    letter-spacing: 2px;
	text-indent: 2px;
	padding: 1px;
	margin:0;
}

.contentTitle a:link, .contentTitle a:visited
{
	color: white;
	text-decoration: none;
}
.contentTitle a:hover
{
	color: #e2eaed;
}
.contentText
{
	margin-top: .5em;
	margin-bottom: .9em;
	margin-left: .7em;
	margin-right: .5em;
}

.contentFooter
{
	height: 1.1em;
	padding: .1em 3px 6px .7em;
}
.contentFooter span
{
	float: left;
}

#mainFooter
{
	clear: both;
	width: 750px;
	text-align: center;
	padding-top: 4em;
	padding-bottom: .5em;
}

a:link
{
	color: #000099;
	text-align: center;
}

a:visited
{
	color: #000099;
	text-align: center;
}

a:hover
{
	text-decoration: none;
	color: #666699;
	text-align: center;
}

a.navlink:link
{
	text-decoration: none;
	color: #fff;
	text-align: center;
}

a.navlink:visited
{
	text-decoration: none;
	color: #fff;
	text-align: center;
}

a.navlink:hover
{
	text-decoration: none;
	color: #fff;
	text-align: center;
}

a.navlink:active
{
	text-decoration: none;
	color: #fff;
	text-align: center;
}

ul
{
	list-style: none;
	margin-left: 0;
	margin-top: .5em;
	margin-bottom: .5em;
	padding-left: 1em;
	text-indent: -1em;
}
li
{
	margin-bottom: .4em;
}

.eventListLI
{
	margin-bottom: .4em;
	border-bottom: 1px solid #f5f5f5;
}


input.submit
{
	width: 175px;
	font-size: xx-large;
}

.staff_Title
{
	font-weight: bold;
}

#gMapStatic
{
	width: 100%;
	height: 23em;
	margin-top: 8px;
	border: 1px solid #ccc;
}

.note
{
    font-size: .9em;
    color: #666;
    margin: 35px 5% 20px 5%;
}

.annotationSmall
{
    color: #666;
    font-size: .9em;
}

.contentBlockHighlight
{
    background-color: #ffffdd;
    border-top: 1px solid #E2EAED;
    padding: 3px 9px;
}

.textHighlight
{
    font-weight: bold;
}