body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	background: #3b6889;
	color: #000033;
}
#container {
	margin: 0 auto;
	width: 980px;
	padding: 0;
	position: relative;
	background: white;
	overflow: hidden;
	text-align: left;
}
#container div {
	float: left;
	position: relative;
	display: inline;
}
#header {
	height: 122px;
	width: 980px;
	padding: 0;
	text-align: left;
	overflow: hidden;
	background: #3b6889 url(images/PoolHeader-blue.jpg) top left no-repeat ;
}
.swimteam #header {
	background-image: url(images/SwimteamHeader.jpg);
}
#footer {
	clear: both;
	text-align: center;
	font-variant: small-caps;
	font-size: 13px;
	height: 72px;
	width: 980px;
	margin-top: 10px;
}
	/* 1 column layout */
	#col1 #maincol {
		width: 950px;
		padding: 0 15px;
	}
		/* 2 column layout */
		#col2 #maincol {
			width: 785px;
			margin: 0 15px 0 180px;
		}
		#col2 #leftcol {
			width: 135px;
			margin-left: -980px;
			padding-left: 15px;
		}
			/* 3 column layout */
			#content {
				width: 980px;
			}
			#col3 #maincol {
				width: 700px;
				margin-left: 150px;
				height: 300px;
			}
			#col3 #leftcol {
				width: 135px;
				margin-left: -850px;
				padding-left: 15px;
			}
			#col3 #rightcol {
				width: 130px;
				margin: 0;
			}


table		{ font-size: 11pt; }
h1, h2, h3, h4		{ color: #000033; }
h1 { font-size: 20px; }
h3 {
	border-bottom: 1px solid;
}
#header .header_icon {
	background: transparent url(images/nhstc.gif) top left no-repeat;
	text-indent: -30000px;
	height: 122px;
	width: 120px;
	display: block;
}
#header h2 {
	background: transparent url(images/title.gif) top left no-repeat;
	height: 122px;
	width: 800px;
	margin: -122px 0 0 135px;
	position: relative;
	text-indent: -30000px;
}
#current_events {
	width: 515px;
	margin: 0 0 20px 0;
}
.current_photo {
	margin: 0 15px 10px 0;
	float: left;
}
.aerial {
	float: right;
	margin: 0 0 10px 10px;
}
.closed { background: #808080; }
.mainbody { background: #ffffff; }
.legal { font-size: 11pt; font-variant: small-caps; }
.data { font-size: 10pt; }
a.club:link { color: black; text-decoration: none; }
a.club:visited { color: black; }
a.club:active { color: #990000; text-decoration: underline; }
a.club:hover { color: #990000; text-decoration: underline; }

a.nhclub:link { color: black; text-decoration: none; font-weight:normal; }
a.nhclub:visited { color: black; font-weight:normal; }
a.nhclub:active { color: #990000; text-decoration: underline; }
a.nhclub:hover { color: #990000; text-decoration: underline; font-weight:bold; }

a.leftnav:link {display:block; text-decoration:none; color:#990000; width:100%; height:100%; font-weight:bold; font-size:11pt; }
a.leftnav:visited {display:block; text-decoration:none; color:#990000; width:100%; height:100%; font-weight:bold; font-size:11pt; }
a.leftnav:hover {color:white; background:#990000; font-weight:bold; font-size:11pt; }

.footer { background: #ffffff; font-variant: small-caps; font-size:10pt; }
a.footer:link {text-decoration:none; color:#990000; }
a.footer:visited {text-decoration:none; color:#990000; }
a.footer:active {text-decoration:none; color:#006699; }
a.footer:hover {text-decoration:none; color:#006699; }

a:link {color: #990000; text-decoration:none; font-weight:bold; }
a:visited {color: #006699; text-decoration:none; font-weight:bold; }
a:active {color: #006699; text-decoration:none; font-weight:bold; }
a:hover {background: #b5d8ee; color: #006699; text-decoration:none; font-weight:bold; }

a img { border: 1px solid #990000; }
a:link img		{ border-color: #990000; }
a:visited img 	{ border-color: #990000; }
a:active img	{ border-color: #006699; }
a:hover img		{ border-color: #006699; background: none;}
.valid			{ border:0px; }

.quickLinks		{ border:2px solid #99ccff; width:150px; }
.quickLinks ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.contact_info {
	width: 150px;
	text-align: center;
	margin: 20px 0;
}
.contact_info div {
	width: 150px;
}
.newsletter {
	width: 150px;
	text-align: center;
}
.email_us {
	width: 150px;
	text-align: center;
	margin: 20px 0 0 0;
}
.address		{ font-size:0.9em; font-weight:bold; }
.phone			{ font-size:0.8em; }
#footer div {
	width: 980px;
}
#footer .adam {
	margin: 10px 0 0 0;
}
.banquet		{ color: #cccc00; }
.swimEvent		{ color: #000099; }
.tennisEvent	{ color: #009900; }
.clubEvent		{ color: #990000; }
.calendar		{ font-family:"lucida grande",verdana,arial,helvetica,sans-serif; font-size:0.8em; text-align:center; clear:both; }		
.calendar th	{ font-weight:bold; font-size:1.5em; }
.notMonth		{ background:#cccccc; }
.today			{ background:#99ccff; }
a.calnav		{ display:block; font-weight:normal; text-decoration:none; font-size:1.2em; }
a.calnav:link	{ color:#990000; font-weight:normal; }
a.calnav:visited { color:#990000; font-weight:normal; }
a.calnav:active { color:#006699; font-weight:normal; }
a.calnav:hover	{ color:#006699; background:#99ccff; font-weight:normal; }
.showAll		{ float:left; }
#container .instructions {
	float:right;
	border: 1px solid black;
	padding: 8px;
	margin: 0 5px 10px 5px;
	width: 230px;
}
	.instructions h3 {
		margin: 5px 0;
	}
	.instructions ul {
		padding-left: 0;
		margin-left: 0;
		list-style: none;
	}
	.instructions ul li {
		margin: 0 0 8px 0;
	}
#event_listings div {
	clear: both;
}
#event_listings .year {
	font-weight: bold;
	margin-top: 10px;
}
#event_listings .month {
	text-decoration: underline;
	margin-top:5px;
}
.italicUnderline{ text-decoration:underline; font-style:italic; }

#addNew form			{ float: right; }
#addNew label			{ width: 2.5em; float: left; text-align: right; margin-left: 0.5em; margin-right: 0.5em; display: block }
#addNew input			{ color: black; background: #99ccff; border: 1px solid #990000; }
#addNew .submit input	{ margin-left: 3.5em; margin-bottom: 0.5em; color: black; background: #99ccff; border: 2px outset #990000 } 
#addNew fieldset		{ border: 1px solid #990000; width: 25em; }
#addNew legend			{ color: black; background: #99ccff; border: 1px solid #990000; padding: 2px 6px } 


form { float: left; padding:10px; }
label{ width: 150px; float: left; text-align: right; margin-right: 10px; display: block }
input{ color: #990000; }
input, textarea, select {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #e5edfb;
	border: 1px solid #3b6889;
	padding: 3px;
}
select { padding: 0; }
input:focus, textarea:focus, select:focus {
	background-color: #ffffdd;
	border: 1px solid #000033;
}
input.submit {
	margin: 10px 0 10px 160px;
}
.submit input{ margin-left: 160px; margin-bottom: 10px; border: 2px outset #990000; cursor: pointer; } 
.submit input:hover { color:white; border: 2px inset #99ccff; }
fieldset{ border: 1px solid black; width: 25em; }
legend{ color: black; background: white; border: 1px solid #990000; padding: 2px 6px } 
#addSwim fieldset		{ width: 620px; }
form div {
	padding: 2px 20px 2px 0;
}
.required { color: #980000; }
.error, .errors { background: #FFCCCB; }
div.errors {
	width: 300px;
	font-weight: bold;
	padding: 3px 10px;
	color: #990000;
	margin-bottom: 10px;
}
.past { font-style: italic; color: #999999; font-size:0.8em; background:white; }
.future { color: black; font-size:0.9em; background:white; font-size:0.9em; }
.future:hover { background:#006699; color:white; }
.future:hover a:link, .future:hover a:visited { color:#990000; }
.future:hover a:active, .future:hover a:hover { color:#ffffff; }

.improvementHeader { text-align:center; }

.activeAjax	{ background:#ffff66; color:black; text-align:center; font-weight:bold; }
.Ajax		{ background:#99ccff; color:#980000; font-weight:bold; text-align:center; }
.Ajax:hover	{ cursor:pointer; text-align:center; color:white; background:#006699; }

.bdq { color: #006699; font-style: italic; }
.hide, .hidden { display:none !important; }
.end { color: #cccccc; font-style: italic; text-align:center; }
.hoverClass {
	background-color: #980000;
	color: white;
}
.nhstc_record {
	background-color: #b5d8ee;
	color: black;
}
.hoverClass .nhstc_record {
	background-color: #006699;
	color: white;
}
/* Admin Section */
#edit_news {
	margin: 15px;
}
#edit_news tr {
	vertical-align: top;
}
#edit_news .editText, #edit_news input {
	width: 100px;
}
#edit_news .editArea, #edit_news textarea {
	height: 80px;
	width: 300px;
}
.expired {
	background-color: #ffccff;
}
.upcoming {
	background-color: #fff;
}
.present {
	background-color: #99ff99;
}
/* Swimteam home */
#container .Ajax div {
	display: block;
	width: 100%;
}
.swim_newsletters ul, .swim_newsletters li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.swim_newsletters li {
	padding-bottom: 10px;
}
.data_table {
	margin: 10px auto;
	border: 1px solid gray;
}
.data_table td {
	padding: 2px 7px 2px 4px;
}
.data_table td.new_info {
	padding-left: 10px;
	border-left: 1px solid gray;
}
/* Improvement */
.improvement_form {
	padding: 10px;
	float: right;
}
.improvement_form fieldset {
	width: 461px;
}
.improvement_form div {
	padding: 0 0 5px 7px;
	width: 136px;
}
.improvement_form label, .improvement_form input {
	width: 126px;
	padding: 0px;
	text-align: left;
	color: black;
}
.improvement_form input {
	padding: 3px;
}
.improvement_form .submit input {
	margin: 14px 0 0 0;
	width: 140px;
}
.improvement_form .submit input:hover {
	color: #980000;
}
#improvement {
	clear: both;
}
#improvement td {
	width: 60px;
	text-align: center;
	vertical-align: bottom;
}
#improvement td.event {
	width: 150px;
	text-align: left;
	padding-left: 5px;
}
#improvement .imp_count {
	width: 400px;
	text-align: left;	
}
/* Board */
#board {
	width: 700px;
	margin: 15px 0 15px 140px;
}
#board div {
	width: 350px;
	padding-bottom: 15px;
}
#board div span {
	text-decoration: underline;
}
/* Volunteer */
.requirements {
	font-style: italic;
}
.requirements span {
	font-style: normal;
	font-weight: bold;
}
a.supermeets {
	display: block;
	clear: both;
	margin-top: 15px;
}
/* Community Forum */
.enter_forum {
	font-size: 18px;
}
#stuff_list {
	width: 450px;
}
#container #right_menu {
	position: fixed;
	left: 688px;
	top: 182px;
	width: 500px;
}
#container #user, #categories {
	float: right;
	background-color: #c9c9c9;
	border: 1px solid black;
	margin: 5px -15px 0 0;
	padding: 5px 15px 5px 30px;
	text-align: right;
}
#container #categories {
	float: right;
	clear: both;
	margin-top: 20px;
}
#categories h4 {
	margin: 0 0 10px 0;
	border-bottom: 1px solid;
}
#categories a.active {
	font-weight: bold;
	color: black;
}
.ajax a, .ajax a:visited, a.ajax, a.ajax:visited {
	color: #0080c0;
	font-weight: normal;
}
.ajax a:hover, a.ajax:hover {
	color: #990000;
	text-decoration: underline;
}
#paginate {
	font-weight: bold;
	height: 20px;
	padding: 5px 0;
}
#paginate a:hover {
	text-decoration: none;
	background-color: white;
}
#paginate span {
	margin-top: 3px;
	padding: 3px;
}
#paginate span.hover {
	border: 1px solid #99ccff;
}
#paginate .current {
	border: 1px solid #006699;
}
.item {
	width: 400px;
	border: 1px solid #99ccff;
	padding: 5px 15px 10px 15px;
	margin: 5px 0 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.item h3 {
	color: black;
	font-size: 18px;
	font-variant: normal;
	margin: 0;
}
.item p.author {
	margin: 0;
	font-size: 12px;
}
.item p.author strong {
	color: #336600;
}
.item div.content {
	margin: 10px 0 0 10px;
}
.item .comment {
	width: 370px;
	border-top: 1px solid #99ccff;
	margin: 5px 0 0 0;
	padding: 3px 10px 0 20px;
}
.comment span {
	float: right;
	font-weight: bold;
	text-align: right;
	margin: -4px -10px 0 0;
	padding: 3px 5px;
	border: 1px solid #99ccff;
}
.add_comment {
	clear: both;
	font-size: 12px;
	margin: 5px 0 0;
}
.add_comment textarea {
	width: 350px;
	height: 60px;
	margin: 0 10% 5px 0;
}
#add_my_stuff {
	clear: both;
}
#add_my_stuff fieldset {
	width: 600px;
	padding: 10px 0;
}
#add_my_stuff legend {
	margin: 0 0 10px 30px;
}
#add_my_stuff label {
	clear: both;
}
#add_my_stuff #error {
	background: #ffcccc;
	border: 1px solid #660000;
	color: #660000;
	padding: 5px 7px;
	margin: 0 0 10px 8.5em;
}
#add_my_stuff input {
	width: 400px;
	margin-bottom: 10px;
}
#add_my_stuff textarea {
	width: 400px;
	height: 100px;
}
#add_my_stuff button {
	margin: 10px 0 0 120px;
}
/* Schedule Stuff */
.schedule { font-size: 10px; border: 1px solid #666666; width: 600px;}
.schedule th { text-align: center; }
.schedule td { text-align: center; font-weight: normal; }
.schedule ul, .schedule li { text-align: left; }
.schedule .closed { background: #999999; }
.schedule .hover_class { color: #980000; background-color: #99ccff; }
.schedule .same_as { color: #980000; }
.schedule .current_hr { background: #99ccff; color: #980000; }
.schedule .now { background: #ffdb82;}