@charset "UTF-8";
/* CSS Document */

/*CSS RESET*/
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%;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	font-size: 100%;
	background: white;
	height: 100%;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong {
	font-weight: bold;
	color: #0d6d89;
}

em {
	font-style:oblique;
}

p {
	margin:10px 0;
	color: #4e525e;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	font-size: 0.95em;
	line-height: 160%;
}



p.sidebar {
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	font-size: 12px;
}

h4.rule {
	padding-bottom: 10px;
	border-bottom: 4px solid #d7eef6;
	font-size: 20px;
	color:#1f6880;
	}

p.pastevents {
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	margin-bottom:20px;
	font-size: 12px;
	padding-bottom:20px;
}

p.sidebarpast {
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 12px;
}
p.past {
	padding-bottom: 30px;
	font-size: 12px;
}

p.small {
	padding-bottom: 10px;
	font-size: .70em;
}

p.copyright {
	color: #FFF;
	font-size: 10px;
}




.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}

h1 {font-size:180%;color: #999;font-family: 'Ubuntu', sans-serif;}
h2 {font-size:130%;color: #359cb5;font-family: 'Ubuntu', sans-serif;font-weight: 700;line-height: 20px; padding-bottom: 5px;}
h3 {font-size:118%;color: #359cb5; font-family: 'Ubuntu', sans-serif;font-weight: 400;line-height: 23px; padding-top: 10px;padding-bottom: 5px;}
h4 {font-size:100%;color: #359cb5;font-family: 'Ubuntu', sans-serif; line-height: 20px; }
h5 {font-size:90%;}
h6 {font-size:80%;}

h4.bold {font-weight:700;
	
}

h3.bold {font-weight:700;
	
}


h3.white {font-weight:700;color: #FFF;
	
}


h4.events {
	font-weight: 700;
	font-size: 16px;
	color: #0a748b;
	padding-bottom: 10px;
}

h4.pastevents {
	font-weight: 700;
	font-size: 25px;
	color: #0a748b;
	padding-bottom: 10px;
}

a:link {color:#0a748b;text-decoration: none;}
a:visited {color:#0a748b;text-decoration: none;}
a:hover {color:#869192;text-decoration: none;}

img {
}

img.floatleft {float: left; padding: 1px 8px;
}

img.artwork {
	margin-right: 10px;
	padding: 5px;
	margin: 0px 30px 0px 0px;
	border: 1px #ccc solid;
	float: left;
}

img.artworknorule {
	margin-right: 10px;
	padding: 5px;
	margin: 0px 30px 0px 0px;
	float: left;
}

img.artwork2 {
	padding: 5px;
	margin: 30px 5px 0px 30px;
	border: 1px #ccc solid;
	float: right;
}

img.artworkbottommargin {
	border: 1px #ccc solid;
	padding: 5px;
	margin: 0px 30px 30px 0px;
	float: left;
}

img.artworkpast {
	margin-right: 10px;
	padding: 5px;
	margin: 0px 30px10px 0px;
	border: 1px #ccc solid;
	float: left;
}


/*End RESET - Begin Full Width CSS*/
	body {
		background:#FFF;
		color:#fff;
		font:13px Helvetica,  Arial,  sans-serif
	}

	.wrap {
		margin:0 auto;
		width:1100px;
	}
	
	#header, #footer {
		float:left;
		padding:15px 0;
		min-width:100%;
	}
	
	#header {
		height:210px;
		background-image: url(images/blue-bkg1.jpg);
		background-repeat: repeat;
		background-color: #64c1d8;
		margin-bottom: 0px;
	}
	
	#header .logo {
		float:left;
		width:300px;
		margin-left: 30px;
		position:relative;
		display:block;
		z-index:999;
	}
	#header .title {
		float:left;
		width:500px;
		margin-top: 100px;

	}
	#header .facebook{
		float:right;
		width:50px;
		margin-top: 170px;
		margin-right: 80px;
	}
	
	 .nav{
	width: 150px;
	float: left;
	margin-top: 160px;
	margin-left: -25px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.25em;
	background-image: url(images/currentevents_button.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 50px;
		}
		
	.nav a:link, #header .nav a:visited{
		color:#FFF;}
		
	 .nav2{
	width: 150px;
	float: left;
	margin-left: 240px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.15em;
	margin-top: -25px;
	text-indent: -9999px;
	height: 50px;
	background-repeat: no-repeat;
		}
		
	.nav2 a:link, .nav2 a:visited{
		color:#FFF;}
		
	#header p {
		float:right;
		width:400px;
		margin:0;
	}
	
	#content {
		padding:15px 30px;
		float: left;
		width: 500px;
		height: 100%;
		margin-top: 25px;
		margin-left: 30px;
		background-color: #FFF;
	}
	
	#contentpast {
		padding:15px 30px;
		float: left;
		width: 900px;
		height: 100%;
		margin-top: 20px;
		margin-left: 30px;
		background-color: #FFF;
	}
	
		#sidebarinfo {
		padding:25px 30px 15px 30px;
		width: 375px;
		float: right;
		margin-right: 70px;
		background-color: #f9d35f;
		color: #333;
		border-left: 1px #ccc dotted;
		border-right: 1px #ccc dotted;
		border-bottom: 1px #ccc dotted;
	}
	
	#sidebarinfo2 {
	padding: 15px 30px 15px 30px;
	width: 375px;
	height: 100%;
	float: right;
	margin-right: 70px;
	background-color: #f8e191;
	background-image: url(images/waves.jpg);
	color: #333;
	border-left: 1px #ccc dotted;
	border-right: 1px #ccc dotted;
	border-bottom: 1px #ccc dotted;
	}

	
	#sidebar {
	padding: 0px 30px 0px 30px;
	width: 375px;
	float: right;
	min-height: 100%;
	margin-right: 70px;
	border-left: 1px #ccc dotted;
	border-right: 1px #ccc dotted;
	background-color: #f8e191;
	clear:both;
	}
	
	
	#footer {
		background-color:#53bfd2;
		text-align:center;
		/*To anchor to bottom of page uncomment the following lines:*/
		/*position:fixed;
		bottom:0;*/
	}
	
/*Begin Secondary Page css*/	
		
#sidebarinfo-left {
	width: 200px;
	float: left;
	background-color: #f9d35f;
	color: #333;
	border-left: 1px #ccc dotted;
	border-right: 1px #ccc dotted;
	border-bottom: 1px #ccc dotted;
	margin-top: 0px;
	margin-left: 40px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	text-align: center;
	
	}
	
#sidebar-left-event1, .darkyellow {
	padding:15px 30px 15px 30px;
	width: 200px;
	clear: both;
	float: left;
	background-color: #f8e191;
	color: #333;
	border-left: 1px #ccc dotted;
	border-right: 1px #ccc dotted;
	border-bottom: 1px #ccc dotted;
	margin-left: 40px;
}

	
#sidebar-left-event2, .lightyellow {
		padding:15px 30px 15px 30px;
		width: 200px;
		float: left;
		clear: both;
		margin-left: 40px;		
		border-left: 1px #ccc dotted;
		border-right: 1px #ccc dotted;
		border-bottom: 1px #ccc dotted;
		background-color: #fae8b7;
		margin-top:0px;
	}
	
#sidebar-left p, .darkyellow p, .lightyellow p {
margin: 0px;
color: #4e525e;
font-family: 'Ubuntu', sans-serif;
font-weight: 400;
font-size: 0.95em;
line-height: 160%;
margin-top: 10px;
}
	
#sidebar-left img.artwork, .darkyellow img.artwork, .lightyellow img.artwork {
	margin-right: 10px;
	padding: 5px;
	margin: 0px 10px 0px 0px;
	border: 1px #ccc solid;
	float: left;
	
}	

#arrow-event1{
	float:left;
	width: 45px;
	margin-top: -950px;
	}

#content-right-event{
	width: 650px;
	margin-left: 45px;
	display: block;
	float: left;
	margin-top: -1080px;
	padding: 0px;
	border: thin dotted #54BFD3;
	position: relative;
	
	}
	
#content-right-event p {
	padding:25px;
}
	
#arrow-event2{
	float:left;
	width: 45px;
	margin-top: -600px;}


	
#arrow-event3{
	float:left;
	width:45px;
	margin-top:-295px;}
	


#arrow-event4{
	float:left;
	width: 45px;
	margin-top: 20px;
	}
	
	
.event_header_lightyellow{
	
	padding:10px;
	background-color: #fae8b7;}
	
	
.event_header_darkyellow{
	
	padding:10px;
	background-color: #f8e191;}

	

#content-right-event .event_header_darkyellow {
	padding:8px;
}

.btn {
  font-family: 'Ubuntu', sans-serif;
  width: 190px;
  color: #ffffff;
  font-size: 13px;
  background: #53bfd2;
  margin-top: 18px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn a:link{
  color: #ffffff;
}

h3.btn a:hover{
  color: #f8e191;
}

h3.btn a:visited{
  color: #ffffff;
}