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




#logo {
		margin-right: auto;
		margin-left: auto;
		background: url(/images/site_design/header.png) no-repeat center top;
		width: 100%;
		position: absolute;
		z-index: 1;
		top: 0px;
		height: 419px;
		left: auto;
		right: auto;
}
#logo3/* CSS Document */




 {
		margin-right: auto;
		margin-left: auto;
		background: url(/images/site_design/header3.png) no-repeat center top;
		width: 100%;
		position: absolute;
		z-index: 1;
		top: 0px;
		height: 419px;
		left: auto;
		right: auto;
}


/********************************************************************************************************
                                     Menu
********************************************************************************************************/


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
		margin: 0;
		padding: 0;
		list-style: none;
}
.ie7 .sf-menu{ }

.sf-menu {
		line-height:	1.0;
		margin-left: -15px;
		margin-right: -30px;
		position: relative;
		z-index: 15;
}

#old-page .sf-menu {
		line-height:	1.0;
		margin-left: -80px;
		margin-right: -100px;
		position: relative;
		z-index: 15;
}
submit  {
		width: 75px;
		line-height: 13px;
}
#menu-jrcoyotes span  {
		font-size: 9px;
		display: block;
}

.sf-menu ul {
		position: absolute;
		top: -999em;
		width: 10em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li { width: 100%; }

.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

.sf-menu li {
		float: left;
		position: relative;
}

.sf-men li li a { }

.sf-menu a {
		display: block;
		position: relative;
		text-decoration: none;
}
.sf-menu a:hover {
		text-decoration: none;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
		left: 0;
		top: 46px; /* match top ul list item height */}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { 
		top: -999em;}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
		left: 10em; /* match ul width */
		top: 0;}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
		top: -999em;}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
		left: 10em; /* match ul width */
		top: -10px;}

/*** DEMO SKIN ***/
.sf-menu {
		float: left;
		margin-bottom:	1em;
}

.sf-menu a {
		border-left: 1px solid #666666;
		border-top: 1px solid #666666;
		border-bottom: 1px solid #666666;
		padding: 10px 10px;
		text-decoration: none;
		background: #4E0103 url(/images/site_design/menu_background.jpg) repeat-x;
		border-right: 1px solid #999999;
}

.sf-menu a:hover {
		background: url(/images/site_design/menu_background_hover.jpg) repeat-x;
}

.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
		color: #FFFFFF;
}

.sf-menu li {
		text-align: center;
}

.sf-menu li li a {
		text-align: left;
		border-right-width: 1px;
		border-bottom-width: 0px;
		border-right-style: solid;
		border-bottom-style: none;
		background: #690310 url(/images/site_design/menu_sub_background.jpg) repeat-x;
		font-size: 10px;
}
.sf-menu li li a:hover {
		background: #490208 url(/images/site_design/menu_sub_background_hover.jpg) repeat-x;
}


.sf-menu li li li { 
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { 
		outline: 0;}

/*** arrows **/
.sf-menu a.sf-with-ul {
		padding-right: 10px;
		min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
		display: block; /* IE6 only */
		width: 10px;
		height: 10px;
		text-indent: -999em;
		overflow: hidden;
		background: url(/images/site_design/arrows.png) no-repeat -10px -100px;
		position: absolute;
		margin-top: 10px;
		margin-left: 55px;
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
		top:.8em;
		background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }

.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }

/*** shadows for all but IE6 ***/
.sf-shadow ul {
		background:	url(/images/site_design/menu_shadow.png) no-repeat right bottom;
		padding: 0 8px 9px 0;
		-moz-border-radius-bottomleft: 17px;
		-moz-border-radius-topright: 17px;
		-webkit-border-top-right-radius: 17px;
		-webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off { background: transparent; }
a.main_menu {
		width: 62px;
		height: 25px;
		font-size: 12px;
}

#menu_home {
		border-left: 1px solid #666666;
		-moz-border-radius-bottomleft: 17px;
		-moz-border-radius-topleft: 17px;
		-webkit-border-top-left-radius: 17px;
		-webkit-border-bottom-left-radius: 17px;
		border-top-left-radius: 17px;
		border-bottom-left-radius: 17px;

}
#menu_aboutus {
		border-right: 1px solid #666666;
		-moz-border-radius-bottomright: 17px;
		-moz-border-radius-topright: 17px;
		-webkit-border-top-right-radius: 17px;
		-webkit-border-bottom-right-radius: 17px;
		border-top-right-radius: 17px;
		border-bottom-right-radius: 17px;

}




/********************************************************************************************************
                                     Upcoming Events/Scroller
********************************************************************************************************/
div.scroller {
		height: 182px;
		overflow: auto;
}
div.scroller   a {
		padding: 5px;
		background: url(/home/css/images/site_design/col_background.jpg) repeat-x bottom;
		display: block;
		text-decoration: none;
		font-size: 12px;
		line-height: 16px;
		color: #333333;
		font-weight: normal;
}

div.scroller a:hover, div.scroller a.alt:hover {
		background: #860023;
		color: #FFFFFF;
}
div.scroller a.alt { background: #CCCCCC url(none); }

/* for the events page */
#upcoming-events a.alt  { background: #CCCCCC url(none); }



/********************************************************************************************************


                                     Footer


********************************************************************************************************/


#footer  {
		background: #FFFFFF url(/images/site_design/footer_background.jpg) repeat-x bottom;
		margin-top: 20px;
		padding-top: 5px;
		-moz-border-radius-topright: 15px;
		-moz-border-radius-topleft: 15px;
		-webkit-border-top-right-radius: 15px;
		-webkit-border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#999));
		background: -moz-linear-gradient(top,  #fff,  #999);
		width: 1000px;
		}

.win #footer {
		margin-top: 30px;
		width: 990px ;
}

.win #footer {
}
.win #footer_links {
		margin-left:15px;
}

.ie6 #footer {		
		margin-left: 0px;

}


#footer a, #footer a:hover { color: #671732; }
#footer_links {
		background: #FFFFFF;
		float: left;
		width: 575px;
		-moz-border-radius-topright: 15px;
		-moz-border-radius-topleft: 15px;
		-webkit-border-top-right-radius: 15px;
		-webkit-border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#CCC));
		background: -moz-linear-gradient(top,  #fff,  #CCC);
		background: linear-gradient(top,  #fff,  #CCC);
		border-top: 3px solid #999999;
		border-right: 3px solid #999999;
		border-left: 3px solid #999999;
}

#footer .col {
		float: left;
		height: 200px;
		border-right: 1px solid #CCCCCC;
		margin: 0px 3px 10px 10px;
}

#footer .col h4 {
		margin: 5px 0px 0px;
		font-size: 11px;
		color: #666666;
}

#footer .col a {
		display: block;
		font-size: 10px;
		padding: 3px;
		width: 115px;
		text-decoration: none;
}

#footer .col a:hover { text-decoration: underline; }

#footer_main {
		float: left;
		padding-right: 5px;
		padding-top: 10px;
		font-size: 11px;
		line-height: 18px;
}

#footer_main span {
		display: block;
		margin-left: 10px;
		float: left;
		width: 150px;
		font-size: 12px;
		line-height: 15px;
}
#footer_main a { font-size: 11px; }
a#map  {
		text-decoration: none;
		float: right;
		text-align: left;
		display: block;
		font-size: 12px;
		line-height: 10px;
		margin-right: 5px;
		width: 175px;
}
a#map:hover    { text-decoration: none; }

a#map img {
		margin-bottom: 5px;
		display: block;
}
a#wifi {
		text-align: center;
		display: block;
		padding-top: 5px;
		border-top: 1px solid #CCCCCC;
		text-decoration: none;
}
#note {
		font-size: 15px;
		font-weight: bolder;
		background: #2F0102;
		text-align: center;
		padding: 5px 5px 15px;
		line-height: 18px;
		color: #FFFFFF;
		display: block;
		margin-bottom: 15px;
		border-top: 5px solid #820125;
		border-bottom: 5px solid #820125;
		margin-top: 15px;
}