* {
   padding:0;
   margin:0;
}

body {
		padding: 0;
		margin: 0;
		font-family: verdana, arial, helvetica, san-serif;
		font-size: 11px;
		background: #9AAEC0;
		color: #666633;
		text-align:center;/* IE5 hack to center the content */
		background-image: url(../images/bkgTile.gif)
}

/*------------------ PAGE INDEPENDENT */

a {text-decoration: none;}
a:hover {text-decoration: underline; color: #FF6600;}

img {
	border: 0px;
}
#page {
	width: 800px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	background: #FFF;
}

#container {
	min-height: 580px;
}

#top-img {
  float: left;
}

#middle-img {
	margin-left: 5px;
	margin-right: 5px;
}

#link-row {
	background: #FFF;
  padding-top: 2px;
	margin-top: 7px;
}

#links {
	width: 540px;
	height: 35px;
	background: #426C98;
	margin: 0;
	padding: 0;
}

#nav {
	list-style: none;
	display: inline;
}

#nav li {
  margin-top: 7px;
 	list-style: none;
	display: inline;
	float: left; 
	background: #426C98;
}

#nav a {
	float: left;
	margin-right: 40px;
}

#nav .first-child {
	margin-left: 30px;
}

#container .content { margin-top: 2em; width: 539px; float: left; margin-right: 2em;}

#container .content h1 { font: 24px geneva, verdana, arial, sans-serif; color: #FF6600; font-weight: bold; text-align: center; margin-bottom: 10px}
#container .content h2 { font: 16px geneva, verdana, arial, sans-serif; color: #FF6600; font-weight: bold; text-align: left; margin-left: 27px}
#container .content p.static {font: 14px geneva, verdana, arial, sans-serif; color: #000; margin-bottom: 1.5em; margin-left: 27px }

div.item, div#new-event {width: 512px; margin-bottom: 40px; margin-left: 27px}
div.item div.title {text-transform: uppercase; text-align: left; font: 12px Verdana, Arial, sans-serif; font-weight: bold; color: #426C98; font-weight: bold; margin-bottom: 10px;}
div.item div.occurs_on {text-transform: uppercase; text-align: left; font: 10px Verdana, Arial, sans-serif; color: #426C98; font-weight: bold; margin: 20px 0 10px 0; padding-bottom: 5px; border-bottom: 1px solid #CCC;}
div.item div.description {font: 11px geneva, verdana, arial, sans-serif; color: #000; line-height: 1.45; }

/*#container .sidebar { margin-top: 2em; width: 100%; }*/
#container .sidebar { margin-top: 2em; float:left; width: 205px; }
select.sidebar-input {
	font: 12px geneva, verdana, arial, sans-serif; 
	padding: 2px; 
	color: #000; 
	border: 1px #426C98 solid; 
	background-color: #FFF; 
	width: 200px; 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	width: 204px;
}
#container .link { clear: all; }

.admin {
	text-align: right;
}

.admin:hover {
	background: #CCC;
}

.popup {
  display:none;
    position: absolute;
    top: 105px;
    left: 750px;
    width: 200px;
    border: 1px solid black;
    background-color: #FFC;
}
#close {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid black;
    background: #F00;
    height: 20px;
}
#close img {
	border: 0;
	float: right;
	padding: 5px;
}
.popup-content {
	padding: 10px;
}

#mailing-list-outer {
	margin-top: 1px;
	width: 257px;
	height: 270px;
	background-image: url("../images/mailingListSubBkg.gif");
	background-repeat: no-repeat;
	float: left;
}

#mailing-list-spacer {
	width: 257px;
	height: 200px;
}

#mailing-list {
	padding-right: 33px;
	text-align: right;
	top: 33px;
}

#join {
	padding-top: 5px;
}

/*
#mailing-list input.contact {
	display:block; 
	position:absolute; 
	margin-left:580px;
	top: 205px;
/*
	left:100px;
	top: 550px;
*/
/*
}
#join {
	display:block; 
	position:absolute; 
	margin-left: 738px;
	top: 230px;
}
*/

#directory {
	float: left;
	margin-left: 27px;
	width: 484px;
}

#map {
	margin: 20px 0 0 0; float: right;
}
 
.store-list {width: 484px;}
.store-list h1 { text-transform: uppercase; text-align: left; font: 10px Verdana, Arial, sans-serif; color: #426C98; font-weight: bold; margin: 20px 0 10px 0; padding-bottom: 5px; border-bottom: 1px solid #CCC;}
.store-list ul {
	list-style: none
}
.store-list li {
	font: 11px geneva, verdana, arial, sans-serif; color: #000; line-height: 1.45; 
}

#status {
	display: none;
	position: absolute;
	margin-left: 550px;
	top: 280px;
	width: 180px;
	height: 40px;
	background: #DDD;
	border: solid red;
	padding: 5px;
	text-align: center;
	font-family: "Lucida Grande", sans-serif;
	font-size: 80%;
}

#footer {
	clear: left;
	width: 786px;
	padding: 0;
	margin: 0 auto;
	height: 20px;
	background: #426C98;
	/*margin-bottom: 50px;*/
	font-family: "Lucida Grande", sans-serif;
	color: #FFF;
	padding: 5px 7px;
	text-align: left;
	font-size: 10px;
}
#contactForm {width: 484px; border: 1px #7F756D solid; background: #DDD;}
#contactForm td {padding: 12px 0 0 27px;}
#cityStateZip td {padding: 0;}

#contactForm {
	margin-left: 27px;
	margin-bottom: 27px;
}
input.textInputStandard { 
	font: 12px geneva, verdana, arial, sans-serif; 
	padding: 2px; 
	color: #000; 
	border: 1px #426C98 solid; 
	background-color: #FFF; 
	width: 430px; 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	width: 424px;
}
html>input.textInputStandard { width: 424px; } 
select.textInputStandard {
	font: 12px geneva, verdana, arial, sans-serif; 
	padding: 2px; 
	color: #000; 
	border: 1px #426C98 solid; 
	background-color: #FFF; 
	width: 430px; 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	width: 424px;
}

html>select.textInputStandard { width: 424px; } 
input.textInputCity { 
	font: 12px geneva, verdana, arial, sans-serif; 
	padding: 2px; 
	color: #000; 
	border: 1px #426C98 solid; 
	background-color: #FFF; 
	margin: 0 12px 0 0; 
	width: 228px; 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	width: 222px;
}
	html>input.textInputCity {width: 222px;} 
input.textInputState {font: 12px geneva, verdana, arial, sans-serif; padding: 2px; color: #000; border: 1px #426C98 solid; background-color: #FFF; margin: 0 12px 0 0; width: 120px; voice-family: "\"}\""; voice-family:inherit; width: 114px;}
	html>input.textInputState {width: 114px;} 
input.textInputZip {font: 12px geneva, verdana, arial, sans-serif; padding: 2px; color: #000; border: 1px #426C98 solid; background-color: #FFF; width: 70px; voice-family: "\"}\""; voice-family:inherit; width: 64px;}
	input.textInputZip {width: 52px;} 
textarea.textAreaStandard {font: 12px geneva, verdana, arial, sans-serif; padding: 2px; color: #000; border: 1px #426C98 solid; background-color: #FFF; width: 430px; voice-family: "\"}\""; voice-family:inherit; width: 424px;}
	html>textarea.textAreaStandard {width: 424px;}
.label {font: 12px geneva, verdana, arial, sans-serif; color: #426C98;}

p .spacer {
  display: block;
  width: 100%;
  padding: 40px 0px;
}

#event_title {font: 12px geneva, verdana, arial, sans-serif; padding: 2px; color: #000; border: 1px #426C98 solid; background-color: #F9F9F9; margin-bottom:15px; width: 430px; voice-family: "\"}\""; voice-family:inherit; width: 424px;}
html>event_title {width: 424px;} 

#event_description {font: 12px geneva, verdana, arial, sans-serif; padding: 2px; color: #000; border: 1px #426C98 solid; background-color: #F9F9F9; margin-bottom:15px; width: 430px; voice-family: "\"}\""; voice-family:inherit; width: 424px;}
html>event_description {width: 424px;} 

select.event_month {font: 12px geneva, verdana, arial, sans-serif; padding: 2px; color: #000; border: 1px #426C98 solid; background-color: #F9F9F9; width: 230px; voice-family: "\"}\""; voice-family:inherit; width: 224px; margin: 0 15px 15px 0;}
html>select.textInputStandard {width: 224px;} 

select.event_day {font: 12px geneva, verdana, arial, sans-serif; padding: 2px; color: #000; border: 1px #426C98 solid; background-color: #F9F9F9; width: 60px; voice-family: "\"}\""; voice-family:inherit; width: 54px; margin-right: 0 15px 15px 0;}
html>select.textInputStandard {width: 54px;} 

select.event_year {font: 12px geneva, verdana, arial, sans-serif; padding: 2px; color: #000; border: 1px #426C98 solid; background-color: #F9F9F9; width: 122px; voice-family: "\"}\""; voice-family:inherit; width: 116px; margin-bottom: 15px;}
html>select.textInputStandard {width: 116px;}

div.edit_event label { font: 12px geneva, verdana, arial, sans-serif; padding: 4px; color: #000; width: 122px; voice-family: "\"}\""; voice-family:inherit; width: 116px; margin-bottom: 15px; }
.event_date select {font: 12px geneva, verdana, arial, sans-serif; padding: 2px; color: #000; border: 1px #426C98 solid; background-color: #F9F9F9; width: 230px; voice-family: "\"}\""; voice-family:inherit; width: 224px; margin: 0 15px 15px 0;}
html>select.textInputStandard {width: 224px;}