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

body {
	margin: 10px 0 0 0;
	padding: 0;
	background-color: #117dc1;
	behavior: url(includes/csshover.htc);
	font: normal 12px Arial, Helvetica, sans-serif;
}
p {
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 0;
	margin: 2px 0 10px 0;
}
form {
	padding: 0;
	margin: 0;
}
#pagewrap {
	display: block;
	margin: 0;
	padding: 0;
	width: 950px;
}

div#contentrow {
	background-color: #FFF;
	padding: 10px;
}
div#content5 {
	padding: 5px;
}
div#content10 {
	padding: 10px;
}
div#rowdivider {
	display: block;
	height: 10px;
}
#floatleft, .floatleft {
	float: left;
}
#floatright, .floatright {
	float: right;
}

/* ======================= HEADER ======================= */
#pageheader {
	border-bottom: 3px solid #117dc1;
	height: 168px;
	background-image: url(../images/menu_back.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#logocol {
	float: left;
	width: 196px;
	height: 168px;
	background: #FFF url(../images/logo_back.gif) no-repeat;
	text-align: center;
	color: #0f6ba7;
	font: 12px Arial, Helvetica, sans-serif;
}
#logocol img{
	padding: 15px 0 25px 0;
}
#pageheader #banner {
	float: right;
	width: 730px;
	height: 130px;
}
#pageheader #banner #membership, #pageheader #banner #search {
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFF;
}
#pageheader #banner #membership a, #pageheader #banner #search a {
	color: #fdc16d;
}
#pageheader #banner #membership {
	padding-top: 12px;
	float: left;
}
#pageheader #banner #search {
	padding-top: 8px;
	float: right;
}
#menu {
	float: left;
	height: 32px;
	width: 750px;
	margin-top: 6px;
}

/* ======================= HOME INTRO ======================= */

#home_intro {
	float: left;
	width: 775px;
	border-top: 2px solid #fcb040;
	background-image: url(../images/intro_back.gif);
	background-repeat: repeat-y;
	text-align: left;
}
#home_intro #events {
	width: 250px;
	padding-left: 2px;
	float: left;
}
#home_intro #events #event {
	background-image: url(../images/intro_event_back.gif);
	background-repeat: repeat-x;
	height: 60px;
}
#home_intro #events #event h3 {
	font-size: 14px;
	line-height: 16px;
	height: 30px;
}
#home_intro #events #event h3 a {
	text-decoration: none;
	color: #000;
}
#home_intro #events #event h3 a:hover {
	text-decoration: underline;
	color: #0f6ba7;
}
#home_intro #events #event h6, #home_intro #events #event h6 a {
	text-decoration: none;
	color: #0f6ba7;
}
#home_intro #events #event .subheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0f6ba7;
	line-height: 18px;
}
#home_intro #events #event.one, #home_intro #events #event.two {
	margin-bottom: 4px;
}
#home_intro #photo {
	float: right;
	padding-right: 2px;
}
#home_intro #text {
	background-color: #0f6ba7;
	clear: both;
	color: #FFF;
	font: 12px Arial, Helvetica, sans-serif;
}

/* ======================= HOME NOTICE ======================= */
#home_notice {
	float: right;
	width: 145px;
	background-color: #fcb040;
	font: 12px Arial, Helvetica, sans-serif;
	color: #0f6ba7;
}

/* ======================= HOME MEMBERS ======================= */
#home_members {
	float: left;
	width: 252px;
	height: 160px;
	margin-right: 10px;
}

/* ======================= HOME SPOTLIGHT ======================= */
div#home_spotlight {
	float: left;
	width: 248px;
	height: 160px;
	text-align: left;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 12px;
}

/* ======================= HOME SPOTLIGHT ======================= */
div#home_maps {
	float: left;
	width: 248px;
	height: 330px;
	text-align: left;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 12px;
	margin-right: 10px;
}

/* ======================= HOME NEWSLETTER ======================= */
#home_newsletter {
	float: left;
	width: 400px;
	height: 75px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 15px;
}
#home_newsletter div#content10 div.floatleft {
	width: 220px;
}
#home_newsletter div#content10 div.floatright {
	width: 160px;
}

/* ======================= HOME CALENDAR ======================= */
#home_cal {
	float: right;
	width: 400px;
	height: 242px;
}




/* ======================= PAGES ======================= */
div#content {
	margin: 10px;
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: left;
}
div#leftcol {
	float: left;
	width: 669px;
}
div#leftcol div#colone{
	float: left;
	width: 250px;
}
div#leftcol div#coltwo{
	float: right;
	width: 410px;
}
div#rightcol {
	float: right;
	width: 250px;
}
div#subheader {
	background-color: #ffe1b8;
}
div#subheader img {
	margin: 0;
	padding: 0;
}
div#subheader #title, div#subheader #subtitle {
	float: left;
	color: #fcb040;
	padding: 5px 10px;
}
div#subheader #title {
	font: bold 60px Arial, Helvetica, sans-serif;
	line-height: 60px;
}
div#subheader #subtitle {
	font: bold 30px Arial, Helvetica, sans-serif;
	line-height: 30px;
}
div#subheader #submenu {
	color: #117dc1;
	font: 12px Arial, Helvetica, sans-serif;
	float: left;
	padding: 30px 0 0 30px;
}
div#members {
	min-height: 160px;
	font-family: Arial, Helvetica, sans-serif;
}
div#members h6{
	font-size: 12px;
}
div#members a {
	color: #0f6ba7;
	text-decoration: underline;
}
#leftcol #content ol li {
	margin-bottom: 10px;
}
#newscontent #headline {
	padding-top: 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
#newscontent #coltwo p {
	text-align: left;
}

form#contactus input, form#contactus textarea {
	border: 1px solid #CCC;
}

/* ======================= MEMBER SEARCH ======================= */
form#keywordsearch input#searchstring, form#catagorysearch select#searchcat { 
	width: 175px; font-size: 13px; padding: 2px; border: 1px solid #CCC; margin-right: 6px;
}
form#catagorysearch div, form#keywordsearch div { 
	margin: 6px 0;
}

/* ============= GOOGLE MAP ================ */
#small_map {
    width: 250px;
    height: 300px;
    text-align: center;
    border: 1px solid #CCC;
    font-size: 8px;
    margin: 10px 0 0 0;
}
table.maplinks {
	text-align: left;
	font: 11px Arial, Helvetica, sans-serif;
}
table.maplinks a {
	text-decoration: none;
}
table.maplinks a:hover {
	text-decoration: underline;
}
div.map_marker {
	float: left;
	width: 20px;
	height: 14px;
	padding: 3px 0;
	background: url(../images/map-dot.gif);
	text-align: center;
	line-height: 14px;
	font: 14px Arial, Helvetica, sans-serif;
}
div.map_marker a, div.map_marker a:hover {
	text-decoration: none;
	color: #000;
}

/* ======================= CALENDAR ======================= */
div#minical {
	font-size: 10px;
	border: 5px solid #FFF;
	background-image:url(../images/minical_back.gif);
	width: 218px;
}
div#largecal {
	float: left;
	background-image:url(../images/cal_back.gif);
	width: 911px;
}
div#minical, div#largecal {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
div#minical #month {
	font-size: 11px;
	padding: 2px;
}
div#largecal #month {
	font-size: 22px;
	padding: 5px;
}
div#minical #month, div#largecal #month {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	background-color: #117dc1;
}
div#minical #weekdays, div#largecal #weekdays {
	background-color: #117dc1;
	font-size: 10px;
}
div#minical #week, div#largecal #week {
	clear: both;
	border-bottom: 1px solid #117dc1;
}
div#largecal div#week {
	/*height: 25px;*/
}
div#minical #dow, div#largecal #dow {
	float: left;
	color: #FFF;
}
div#minical #dow, div#minical #day, div#minical #filler {
	width: 31px;
}
div#largecal #dow, div#largecal #day, div#largecal #filler {
	width: 130px;
}
div#minical #day, div#minical #filler {
	float: left;
	height: 22px;
}
div#minical div#day div {
	padding-top: 7px;
	width: 28px;
	margin-left: 2px;
}
div#largecal div#day, div#largecal div#filler {
	float: left;
	text-align: left;
	font-size: 10px;
}
div#minical div#day.today div {
	font-size: 11px;
	background-color: #d8e2f3;
}
div#largecal div#day.today div#spacer div#num {
	color: #FFF;
	background-color: #117dc1;
}
div#minical div#day a {
	text-decoration: underline;
	font-size: 11px;
	color: #0f6ba7;
	font-weight: bold;
}
div#largecal div#day div#spacer div#num {
	font: bold 10px;
	line-height: 10px;
	padding: 2px;
}
div#largecal div#day div#spacer {
	color: #999;
	padding: 0;
	height: 85px;
	float: left;
	clear: both;
}
div#largecal div#day div#event {
	padding: 5px 5px 0 0;
	width: 105px;
	font-size: 11px;
	line-height: 11px;
	float: right;
}
div#largecal a {
	text-decoration: none;
	color: #0f6ba7;
}
div#largecal a:hover {
	text-decoration: underline;
}
#home_cal #calendarcontent #event {
	width: 130px;
}
#home_cal #calendarcontent #event, #eventcontent #event {
	padding-top: 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
#home_cal #calendarcontent #event #date, #eventcontent #event #date {
	font-size: 10px;
}


/* ======================= SPONSORS ======================= */

div#sponsors {
	border: 2px solid #939598;
}
div#sponsors p {
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	padding: 5px;
	margin: 0;
	color: #666;
	background-image: url(../images/sponsor_back.jpg);
	background-position: center;
	background-repeat: repeat-y;
}

/* ======================= FOOTER ======================= */
div#footer {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-top: 15px solid #fcb040;
	margin-top: 4px;
}
div#copyright {
	padding: 5px;
	text-align: center;
}
div#copyright a{
	color: #fecd8a;
}
div#credits {
	padding: 5px;
	color: #CCC;
	text-align: center;
	margin-right: 25px;
}
div#credits a {
	color: #CCC;
	text-decoration: none;
}
div#credits a:hover {
	color: #CCC;
	text-decoration: underline;
}


/* ======================= MENU ======================= */
body div#main_menu ul li ul, body div#main_menu ul li ul li ul {
	display: none;
	float: left;
	}
div#main_menu {
	float: left;
	text-align: left;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 50;
	position: relative;
}
div#main_menu ul {
	margin: 0;
	padding: 0;
}
div#main_menu li {
	float: left;
	width: 81px;
	text-align: center;
	position: relative;
	left: 0px;
	list-style-type: none;
}
div#main_menu a {
	display: block;
	text-decoration: none;
	margin: 0;
}
div#main_menu ul li ul:hover, div#main_menu ul li:hover ul {
	display: block;
	left: 0;
}
div#main_menu ul li ul li:hover ul {
	display: block;
	left: 120px;
}
div#main_menu ul li a {
	height: 23px;
	padding-top: 9px;
	color: #117dc1;
	border-left: 2px solid #117dc1;
}
div#main_menu ul li a:hover {
	color: #272262;
}
div#main_menu ul li ul {
	margin: 0px;
	position: absolute;
	width: 145px;
	z-index: 25;
	border-top: 2px solid #0f6ba7;
}
div#main_menu ul li ul li {
	width: 145px;
	padding: 0;
	margin: 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-left: 2px solid #0f6ba7;
	border-right: 2px solid #0f6ba7;
}
div#main_menu ul li ul li:last-child {
	border-bottom: 2px solid #0f6ba7;
}
div#main_menu ul li ul li a{
	border-top: 0;
	padding: 8px 0 0 0;
	height: 20px;
	color: #FFF;
	margin: 0;
	background-color: #117dc1;
	filter: alpha (opacity=75);
	opacity: 0.85;
	border-left: 0;
}
div#main_menu ul li ul li a:hover {
	color: #0f6ba7;
	background-color: #fcb040;
	filter: alpha (opacity=100);
	opacity: 1.00;
}
div#main_menu ul li ul li:first-child {
	border-top: 0;
	}

div#main_menu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#main_menu ul li ul li:hover ul li ul {visibility:hidden;}
div#main_menu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* third level popouts start here*/
div#main_menu ul li ul li ul li:hover ul li ul {visibility:hidden;}
div#main_menu ul li ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */
	
/* pop-out starts here */
div#main_menu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}

/* THE HACK ZONE - */
* html div#main_menu ul {
	float:left; /* makes the ul wrap the li's */
	margin-left:0px; /* IE doubles the given value above - why? */
	}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#main_menu ul li ul {
	border-top:1px solid #692E02;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#main_menu ul li ul li ul { 
  left:0; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:0em;
  } 
/* and the "be nice to Opera" rule */
html>body div#main_menu ul li ul li ul {
  left:0em;
} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
	@media all and (min-width: 0px){
   body div#main_menu ul li ul {padding-bottom:100px;}
   body div#main_menu ul li ul li ul {padding-bottom:22px;}
   body div#main_menu ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */
   }

/* END OF HACK ZONE */




/* --------------------------------- USER MENUS ---------------------------------- */

div#user-group-menu, div#user-menu {
	display: block;
	text-align: left;
	background: #CCC;
}

div#user-group-menu {
	margin-top: 3px;
}

div#user-menu, div#user-menu a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	border-top: 1px solid #FFF;
}

div#user-group-menu, div#user-group-menu a {
	font: 14px Arial, Helvetica, sans-serif;
	color: #004466;
	border-bottom: 1px solid #004466;
}

div#user-group-menu a, div#user-menu a {
	display: block;
	text-decoration: none;
	padding: 5px 5px 5px 15px;
}

div#user-menu a:hover {
	color: #004466;
	background: #999;
}

div#user-group-menu a:hover {
	color: #CCC;
	background: #004466;
}

/* ======================= CLEAR ======================= */

.clear, #clear {
	clear: both;
}