/* Reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: normal;color: black;background: #fff; /*#f6f6ff*/}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* --------------------------------
  COLORS

a:link - #5389b0
a:visited - #2f6489
a:hover - #6bb1d2

main text - #000;
h3 (main content headers) - #38779a

footer text, links - #0D3C56
footer links hover - #fff

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


/* --------------------------------
root styles
-------------------------------- */
body {
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	color: #000;
}


	p {
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	color: #000;
	padding-bottom: 10px;
	}


		a:link {
			font-family: "Verdana", sans-serif;
			font-size: 11px;
			color: #5389b0;
			text-decoration: none;
		}
		a:visited {
			color: #2f6489;
			text-decoration: none;
		}
		a:hover {
			color: #6bb1d2;
			text-decoration: none;
		}


		h1 {
			width: 528px;
			height: 32px;
			margin-left: -20px;
			padding-bottom: 20px;
		}
			#heading_home { background: url(headings/home.jpg) no-repeat; }
			#heading_about { background: url(headings/about.jpg) no-repeat; }
			#heading_activities { background: url(headings/activities.jpg) no-repeat; }
			#heading_events { background: url(headings/events.jpg) no-repeat; }
			#heading_newsletters { background: url(headings/newsletters.jpg) no-repeat; }
			#heading_gallery { background: url(headings/gallery.jpg) no-repeat; }
			#heading_contact { background: url(headings/contact.jpg) no-repeat; }

		h2 {   /*sidenav header*/
			font-family: "Verdana", sans-serif;
			font-size: 15px;
			color: #FFFFFF;
			text-align: right;
			font-weight: bold;
			border-bottom: 1px solid #ffffff;
			letter-spacing: 2px;
			padding-top: 10px;
			padding-right: 5px;
			line-height: 13px;
		}

		h3 {
			font-family: "Verdana", sans-serif;
			font-size: 13px;
			font-weight: bold;
			padding-bottom: 10px;
			color: #38779a;
		}


		strong {
	font-weight: bold;
	color: #38779A;
		}

		em {
			font-style: italic;
		}


	ul {
		font-family: "Verdana", sans serif;
		list-style-image: url(raindrop.gif);
		list-style-position: outside;
		padding-left: 10px;
	}
		li {
			padding-bottom: 10px;
			line-height:15px;
			padding-left:
		}


	table {
		margin-left: 5px;
		margin-bottom: 10px;
	}
		td {
			padding-top: 8px;
			padding-right: 25px;
			padding-bottom: 8px;
		}
			.tableheader {
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
			}

/* --------------------------------
wrappers
-------------------------------- */
#wrapper {
	width: 950px;
	margin: 0 auto;
	background: #fff;
	border-left: 1px solid #6bb1d2;
	border-right: 1px solid #6bb1d2;
}

	#wrapper:after, #wrappermain:after {
		content: ".";
		clear: both;
		display: block;
		visibility: hidden;
		height: 0.1px;
	}

	#wrappermain {
		width: 950px;
		vertical-align: top;
		clear: none;
		background:  url(navbg.jpg) repeat-y;
	}

		#side_nav {
			width: 202px;
			height: 380px;
			vertical-align: top;
			float: left;
			clear: none;
			padding-top: 5px;
		}

		#maincontent {
			width: 700px;
			min-height:500px;
			vertical-align: top;
			float: right;
			clear: none;
			padding-right: 20px;
			padding-bottom: 30px;
			padding-left: 20px;
		}


/* --------------------------------
header
-------------------------------- */
#header {
	height: 183px;
	width: 950px;
	background: url(header.gif) no-repeat;
	
}


/* --------------------------------
top navigation
-------------------------------- */
#top_nav {
	float: right;
	clear: none;
	width: 650px;
	height: 55px;
	margin-top: 128px;
	margin-right: 3px;
	background-image: url(nav_all.gif);
	background-repeat:no-repeat;
	padding-left: 23px;
}

#top_nav a span {
	visibility: hidden;
}

	#top_nav a {
		display: block;
		float: left;
		clear: none;
		height: 55px;
		background: url(blank.gif) top left no-repeat;
		overflow: hidden;
	}

		a#nav_home { width: 67px; }
			a#nav_home:hover { background-image: url(homeover.jpg); }
		a#nav_about { width: 64px; }
			a#nav_about:hover { background-image: url(aboutover.jpg); }
		a#nav_activities { width: 78px; }
			a#nav_activities:hover { background-image: url(activitiesover.jpg); }
		a#nav_events { width: 67px; }
			a#nav_events:hover { background-image: url(eventsover.jpg); }
		a#nav_newsletters { width: 96px; }
			a#nav_newsletters:hover { background-image: url(newslettersover.jpg); }
		a#nav_gallery { width: 68px; }
			a#nav_gallery:hover { background-image: url(galleryover.jpg); }
		a#nav_contact { width: 73px; }
			a#nav_contact:hover { background-image: url(contactover.jpg); }


/* --------------------------------
side navigation
-------------------------------- */
#side_nav ul {
	list-style-image: url(raindrop_sidenav.gif);
	line-height: 25px;
	padding: 10px 20px 0 45px;
}


/* --------------------------------
main content
-------------------------------- */


.kphoto {float: right;
					padding-left: 15px;
					}

.gphoto {float: left;
					padding-right: 15px;
					}

/* --------------------------------
footer
-------------------------------- */
#footer {
	float: left;
	clear: none;
	height: 25px;
	width: 950px;
	background-color: #6bb1d2;
	text-align: center;
	padding: 2px 0 2px 0;
	line-height: 12px;
	overflow: hidden;
}

	.footertext {
		font-size: 9px;
		color: #0D3C56;
	}
	
	a.footerlinks:link {
		font-size: 9px;
		color: #0D3C56;
	}
	
	a.footerlinks:visited {
		font-size: 9px;
		color: #0D3C56;
	}
	
	a.footerlinks:hover {
		color: #fff;
	}
.galleryheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	font-variant: normal;
	color: #FFFFFF;
	background-color: #38779a;
}
.awards {
	line-height: 9px;
	
}
#col1 {width:260px;
	float:left;}
	
#col2 {width:260px;
		float:left;}
.record {
	font-style: italic;
	color:#38779a;
	background-color: #EFEFEF;
}