@charset "utf-8";
/* CSS Document */

/******************************************************/
/**************** UNIVERSAL STYLES ********************/
/******************************************************/
body {
	background-image:url(images/bg-gradient.jpg);
	background-repeat:repeat-x;
	background-color:#8ab8e5;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0px;
	font-size:13px;
}
A:link {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#012366;
	text-decoration: none;
}
A:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#012366;
	text-decoration: none;
}
A:active {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#012366;
	text-decoration: none;
}
A:hover {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0099ff;
	text-decoration:underline;
}
#header {
	width:751px;
	margin:0 auto 1px auto;
}
#navigation {
	margin-top:1px;
	margin-bottom:1px;
}
#nav-1 {
	background-color:#FFE88B;
	height:20px;
	text-align:center;
}
#nav-2 {
	background-color:#88B4EA;
	height:20px;
	text-align:center;
}
#top-box1 {
	width:250px;
	background-color:#7ea7d9;
	margin-right:1px;
}
#top-box2 {
	width:250px;
	background-color:#88b4ea;
	margin-right:1px;
}
#top-box3 {
	width:249px;
	background-color:#94c4ff;
}
.top-box {
	height:75px;
	float:left;
}
.top-box img {
	border:0px;
}
.clear {
	clear:both;
}

#main-content-area {
	margin:0px auto;
	width:751px;
	min-height:500px;
	background-color:#adb9cc;
	background-image:url(images/banner-bg-rocks2.png);
	background-repeat:repeat-x;
}
#main-content-area .inner {
	margin:6px 12px;
}
.columnBlock {
	padding:20px;
/*	background-color:#c0c0c0;*/
}
h1, h2, h3 {
	margin:0px;
	padding:0px;
}
h1 {
	color:#0c2641;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	font-style:italic;
}
h2 {
	color:#1c5899;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
}
h3 {
	color:#2577cf;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
}
p {
	margin:0px 0px 10px 0px;
	color:#000000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	text-indent:0px;
}
#nav-1 {
	background-image:url(images/navtop.jpg);
	background-repeat:repeat-x;
}
#nav-2 {
	background-image:url(images/navbottom.jpg);
	background-repeat:repeat-x;
}
#nav-1 li, #nav-2 li {
	display:inline;
	list-style-type:none;
	margin:0px;
	padding:0px 20px 0px 0px;
}
ul.nav {
	margin:0px;
	padding:0px;
}



/***** COLUMN SET 1 *****/
/* Very narrow left column */
#column-set-1-left {
	width:193px;
	margin:25px 15px 10px 10px;
	background-color:#c3d0e6;
	border:1px solid #b8c4d9;
	float:left;
	min-height:150px;
}
#column-set-1-right {
	width:519px;
	margin:25px 0px 10px 0px;
/*	background-color:#adb9cc;*/
	border:0px solid #FFFFFF;
	float:left;
	min-height:150px;
}


/***** COLUMN SET 2 *****/
/* about 40/60 */
#column-set-2-left {
	width:300px;
	margin:25px 15px 10px 10px;
	background-color:#c3d0e6;
	border:1px solid #b8c4d9;
	float:left;
	min-height:150px;
}
#column-set-2-right {
	width:412px;
	margin:25px 0px 10px 0px;
	background-color:#adb9cc;
	border:0px solid #FFFFFF;
	float:left;
	min-height:150px;
}


/***** COLUMN SET 3 *****/
/* 50/50 */
#column-set-3-left {
	width:356px;
	margin:25px 15px 10px 10px;
	border:0px solid #FFFFFF;
	float:left;
	min-height:150px;
}
#column-set-3-right {
	width:356px;
	margin:25px 0px 10px 0px;
	border:0px solid #FFFFFF;
	float:left;
	min-height:150px;
}


/***** COLUMN SET 4 *****/
/* Undefined widths and no left bgcolor */
#column-set-4-left {
	margin:25px 15px 10px 10px;
	border:0px solid #FFFFFF;
	float:left;
	min-height:150px;
}
#column-set-4-right {
	margin:0px 0px 10px 0px;
	padding:25px 10px 10px 10px;
	border:0px solid #FFFFFF;
	min-height:150px;
}



/***** One wide area with padding *****/
#wide-area {
	padding:20px;
}


/***** One wide area without padding AKA stretch *****/
#stretch {
	padding:0px;
	margin:0px;
}


/******************************************************/
/**************** EVENTS COLUMN STYLES ****************/
/******************************************************/
#events h3 {
	color:#0c2641;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
}
#events {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	background-color:#c3d0e6;
	margin:0px;
	padding:10 0px 0px 0px;
	text-align:center;
}
.eventName a:link, .eventName a:visited, .eventName a:active {
	color:#0c2641;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
.eventName a:hover {
	color:#993300;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
.eventName {
	font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.eventDate {
	font-size:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#1c5899;
}
.event {
	padding-bottom:5px;
	border-bottom:1px solid #b8c4d9;
}



/******************************************************/
/**************** GRIDBLOCK STYLES ********************/
/******************************************************/
.gridBlock {
	width:165px;
	min-height:120px;
}
.gridBlockFirst {
	margin:5px 11px 20px 0px;
}
.gridBlockMiddle {
	margin:5px 11px 20px 0px;
}
.gridBlockLast {
	margin:5px 0px 20px 0px;
}
.gridBlock a:link, .gridBlock a:visited, .gridBlock a:active, .gridBlock a:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	}
.gridBlock h4 {
	margin:5px 0px 5px 0px;
}
.gridBlock img {
	border:0px;
}



/******************************************************/
/**************** DIRECTIONS STYLES ********************/
/******************************************************/
.directions {
	padding:15px;
	width:675px;
	background-color:#FFF;
}
.directions img {
	margin-right:5px;
}
.directions ul {
	margin:0px 0px 0px 5px;
	padding:0px;
}
.directions li {
	margin-bottom:5px;
}
body#map {
	margin:auto;
	text-align:center;
	vertical-align:middle;
	padding:25px;
}
