﻿/**************************************************************************************************************
 * 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
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	color: #FFFFFF;
}

/**************************************************************************************************************
 * Globals
 **************************************************************************************************************/
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #2E522E;
}
h1, h2, h3, p, table, ul
{
	margin: 10px;
	color: #000080;
}
h1
{
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
h2
{
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
h3
{
	font-size: 10pt;
	font-weight: bold;
}
h4
{
	font-size: 8pt;
	font-weight: bold;
}
h6
{
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
	color: #006600;
	font-family: Arial;
}
li
{
	margin: 10px 10px 10px 40px;
}
th
{
	white-space: nowrap;
	font-weight: bold;
}
td
{
	text-align: left;
	vertical-align: top;
}
a
{
	color: #003300;
	text-decoration: none;
	font-weight: bold;
}
a:hover
{
	color: #3B5E0B;
	text-decoration: underline;
}
input.text, textarea
{
	border: solid #3A75B6 1px;
	padding: 2px;
}
strong
{
	font-weight: bold;
}
em
{
	font-style: italic;
}
blockquote
{
	margin: 10px 50px;
}

.clear
{
	clear: both;
}
.right
{
	text-align: right;
}
/*color: #FFFFFF;*/
p
{
	color: #003300;
	font-weight: bold;
}
/* dont show transparent pngs in IE until the js fixes them */
.ie5 .iefix, .ie6 .iefix
{
	display: none;
}

/**************************************************************************************************************
 * Layout
 **************************************************************************************************************/
#page
{
	margin: 0 auto;
	width: 750px;
	background-color: #2E522E;
}
#page a
{
	font-size: 10pt;
}
#boo
{
	height: 160px;
	margin: 0px;
	overflow: hidden;
	position: absolute;
	width: 110px;
	top: 15px;
	right: 140px;
}

.adRotator1
{
	height: 160px;
	margin: 0px;
	overflow: hidden;
	position: absolute;
	width: 110px;
	top: 15px;
	right: 140px;
}

#header
{
	background: url( "Images/BooRaq750x150.jpg" ) no-repeat top;
	color: #fff;
	height: 170px;
	margin: 0;
	overflow: hidden;
	text-align: left;
}

#header ul
{
	list-style: none;
}

#header ul
{
	list-style: none;
}
#header ul li
{
	display: inline;
	margin: 0 2px;
	font-size: 8pt;
}
#header ul li a
{
	color: #fff;
	text-decoration: none;
	font-size: 8pt;
}
#header ul li a:hover
{
	text-decoration: underline;
}
#header ul li.username
{
	font-weight: normal;
}
#header h1
{
	font-size: 24pt;
	margin: 0 10px;
	float: left;
	color: #FFFFFF;
}
#header h3
{
	font-size: 16pt;
	margin: 0 10px;
	float: right;
	color: #FFFFFF;
	overflow: hidden;
	padding-top: 135px;
}
#header .badge
{
	margin: 0px 0 0 0;
}

#nav
{
	background: url("Images/tabs_bg.png") repeat-x left top;
	height: 34px;
	padding: 0;
	overflow: hidden;
}
#nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav ul li
{
	display: inline;
	margin: 0;
	padding: 0;
	height: 34px;
	line-height: 34px;
}
#nav ul li a
{
	text-decoration: none;
	cursor: hand;
	float: left;
	text-decoration: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#nav ul li a span
{
	font-size: 10pt;
	color: #fff;
	height: 34px;
	text-align: center;
	float: left;
	display: block;
	padding: 0 15px;
}
#nav ul li a:hover span
{
	color: #CCFF33;
}
#nav ul li a.selected span
{
	color: #999531;
}

#content
{
}

#columns
{
	background: url(Images/columns_bg.png) top left repeat-y;
}
#column1
{
	width: 500px;
	overflow: hidden;
	float: left;
}
#column1 a
{
	font-size: 10pt;
	color: #000000;
}
#column2
{
	width: 250px;
	overflow: hidden;
	float: right;
}
#column2 a
{
	font-size: 10pt;
}

#footer
{
	color: #fff;
	border: solid #002B00 1px;
	height: 100px;
	font-size: 8pt;
	background-color: #002B00;
}
#footer p
{
	font-size: 8pt;
}
#footer ul
{
	list-style: none;
	float: right;
	font-size: 8pt;
}
#footer li
{
	display: inline;
	margin: 0;
	font-size: 8pt;
}
#footer a
{
	color: #fff;
	font-size: 8pt;
}

/**************************************************************************************************************
 * Page Styles
 **************************************************************************************************************/
/* ~/Admin/Default.aspx */
#dashboard
{
	width: 750px;
	margin: 0;
	padding: 0;
}
#dashboard .column1
{
	width: 500px;
}
#dashboard .column1 table
{
	margin-right: 0;
}
#dashboard .column2
{
	width: 250px;
}

/* ~/Admin/Users.aspx */
#searchterms
{
	margin: 10px;
	background-color: #eee;
	border: solid #3A75B6 1px;
}
#searchterms li, a
{
	font-size: 8pt;
}
#searchterms li
{
	margin-top: 2px;
	margin-bottom: 2px;
}
#searchterms p
{
	margin: 2px 4px;
}

#userlist
{
}
#userlist .gv
{
	margin: 0 10px;
}
#userlist .count
{
	margin: 0 10px;
	text-align: right;
	font-size: 8pt;
	font-weight: bold;
}
#userlist .gvedrs td
{
	width: 730px;
	padding: 5px;
}

/* ~/Admin/Roles.aspx */
#roles
{
}
#roles .list
{
	margin: 0 10px;
	padding: 10px;
	border: solid #3A75B6 1px;
	background-color: #eee;
}
#roles .list table
{
	margin: 0;
	padding: 0;
}
#roles .list td
{
	padding: 4px;
}
#roles .list label
{
	margin-left: 5px;
}
#roles .note
{
	margin: 0 10px;
}

/* ~/Login.aspx */
#login
{
	margin: 50px;
}
#login .container
{
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}
#login h1
{
	margin: 0 0 10px 0;
	padding: 0;
}
#login p
{
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 10pt;
}
#login a
{
	font-size: 10pt;
}
#login label
{
	display: block;
	font-weight: bold;
}
#login input.text
{
	width: 195px;
}

/* ~/Signup.aspx */
#signup
{
	margin: 50px 195px;
	width: 355px;
}
#signup h1
{
	margin: 0 0 10px 0;
	padding: 0;
}
#signup table
{
	margin: 0 0 10px 0;
	border: none;
	width: 355px;
}
#signup td
{
	padding: 5px;
}

/* ~/ForgotPassword.aspx */
#passwordrecovery
{
	margin: 50px;
}
#passwordrecovery .container
{
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
#passwordrecovery h1
{
	margin: 0 0 10px 0;
	padding: 0;
}
#passwordrecovery p
{
	margin: 10px 0 0 0;
	padding: 0;
}
#passwordrecovery label
{
	display: block;
	font-weight: bold;
}
#passwordrecovery input.text
{
	width: 295px;
}

/* ~/Member/Account.aspx */
#accountinfo
{
}

/******************************************************************************
 * ASP.NET Controls
 ******************************************************************************/

/**** <asp:GridView /> ****/
.gv
{
	background-color: #ccc;
	border: solid #3A75B6 1px;
	border-collapse: collapse;
}
.gv th, .gv td
{
	text-align: left;
	padding: 2px;
	font-size: 8pt;
}
.gv th
{
	color: #fff;
	background-color: #2764C1;
}
.gv th a
{
	color: #fff;
	text-decoration: none;
}
.gvar
{
	background-color: #fff;
}
.gvpr td
{
	color: #fff;
	font-weight: bold;
	background-color: #2764C1;
	font-size: 10pt;
}
.gvpr a
{
	color: #ccc;
	font-weight: bold;
}
.gvpr td table
{
	margin: 0;
}

/**** <asp:DetailsView /> ****/
.dv
{
	background-color: #ccc;
	border: solid #3A75B6 1px;
	border-collapse: collapse;
}
.dv td
{
	padding: 4px;
}
.dvh
{
	text-align: right;
	white-space: nowrap;
	color: #fff;
	background-color: #2764C1;
	font-weight: bold;
}

/* <asp:ValidationSummary /> */
.vs
{
	color: #fff;
	background-color: #c00;
	margin: 0;
	padding: 4px;
}
.vs ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.vs li
{
	margin: 0;
	padding: 0;
	font-size: 8pt;
	font-weight: normal;
}

/* <hc:Dialog /> */
.dialog
{
	color: #000;
	background-color: #fff;
	border: solid #2764C1 2px;
}
.dialog_title
{
	color: #fff;
	background-color: #2764C1;
	font-size: 10pt;
	font-weight: bold;
	padding: 4px;
	text-align: left;
}
.dialog_content
{
	text-align: left;
}
.dialog_content .gv, .dialog_content .dv, .dialog_content table, .dialog_content p
{
	margin: 10px 10px 0 10px;
}
.dialog_buttons
{
	padding: 10px;
	text-align: right;
}
.dialog_background
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/* <hc:Button /> */
button.btn
{
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
}
button.btn div
{
	border: 0;
	cursor: pointer;
	padding: 0 10px 0 0;
	text-align: center;
	height: 28px;
}
button.btn div span
{
	display: block;
	white-space: nowrap;
	padding: 0 0 0 10px;
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
}
/* button graphics */
button.btn div
{
	background: url(Images/button_right.png) top right no-repeat;
}
button.btn div span
{
	background: url(Images/button_left.png) top left no-repeat;
}
button.btn:hover div
{
	background-position: 100% -28px;
}
button.btn:hover div span
{
	background-position: 0% -28px;
	color: #3B5E0B;
}
/* button browser specific tweaks */
.ie button.btn
{
	width: auto;
	overflow: visible;
	padding: 0 0 0 4px;
}
/*.gecko button.btn div { margin: 0 -3px; } */

/************************************************************************************
 * AjaxControlToolkit Popup Calendar
 ************************************************************************************/
.ajax__calendar_container
{
	padding: 4px;
	position: absolute;
	cursor: default;
	width: 240px;
	font-size: 11px;
	text-align: center;
	font-family: tahoma,verdana,helvetica;
}
.ajax__calendar_body
{
	height: 139px;
	width: 240px;
	position: relative;
	overflow: hidden;
	margin: auto;
}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years
{
	top: 0px;
	left: 0px;
	height: 139px;
	width: 170px;
	position: absolute;
	text-align: center;
	margin: auto;
}
.ajax__calendar_container TD
{
	font-size: 8pt;
	padding: 0;
}
.ajax__calendar_header
{
	height: 20px;
	width: 100%;
}
.ajax__calendar_prev
{
	cursor: pointer;
	width: 15px;
	height: 15px;
	float: left;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(Images/arrow-left.gif);
}
.ajax__calendar_next
{
	cursor: pointer;
	width: 15px;
	height: 15px;
	float: right;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(Images/arrow-right.gif);
}
.ajax__calendar_title
{
	cursor: pointer;
	font-weight: bold;
}
.ajax__calendar_footer
{
	height: 15px;
}
.ajax__calendar_today
{
	cursor: pointer;
	padding-top: 3px;
}
.ajax__calendar_dayname
{
	height: 17px;
	width: 17px;
	text-align: right;
	padding: 0 2px;
}
.ajax__calendar_day
{
	height: 17px;
	width: 18px;
	text-align: right;
	padding: 0 2px;
	cursor: pointer;
}
.ajax__calendar_month
{
	height: 44px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}
.ajax__calendar_year
{
	height: 44px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}

.ajax__calendar .ajax__calendar_container
{
	border: 1px solid #646464;
	background-color: #ffffff;
	color: #000000;
}
.ajax__calendar .ajax__calendar_footer
{
	border-top: 1px solid #f5f5f5;
}
.ajax__calendar .ajax__calendar_dayname
{
	border-bottom: 1px solid #f5f5f5;
}
.ajax__calendar .ajax__calendar_day
{
	border: 1px solid #ffffff;
}
.ajax__calendar .ajax__calendar_month
{
	border: 1px solid #ffffff;
}
.ajax__calendar .ajax__calendar_year
{
	border: 1px solid #ffffff;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day
{
	background-color: #edf9ff;
	border-color: #0066cc;
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month
{
	background-color: #edf9ff;
	border-color: #0066cc;
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year
{
	background-color: #edf9ff;
	border-color: #0066cc;
	color: #0066cc;
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day
{
	background-color: #ffffff;
	border-color: #ffffff;
	color: #646464;
}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year
{
	background-color: #ffffff;
	border-color: #ffffff;
	color: #646464;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day
{
	background-color: #edf9ff;
	border-color: #daf2fc;
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month
{
	background-color: #edf9ff;
	border-color: #daf2fc;
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year
{
	background-color: #edf9ff;
	border-color: #daf2fc;
	color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title
{
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today
{
	color: #0066cc;
}

fieldset
{
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 0.25em 0;
	padding: 0;
	border: 1px solid #BFBAB0;
	background-color: #354324;
}

legend
{
	margin-left: 1em;
	color: #FFFFFF;
	font-weight: bold;
}

fieldset ol
{
	padding: 0.25em 0.25em 0 0.25em;
	list-style: none;
	zoom: 1;
}

fieldset li
{
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: .25em;
}

label
{
	float: left;
	width: 10em;
	margin-right: 1em;
	color: #999531;
}

fieldset.submit
{
	float: none;
	width: auto;
	border: 0 none #FFFFFF;
	padding-left: 12em;
}

#albumlist
{
	list-style-type: none;
}

#albumlist li
{
	float: left;
	font: bold medium Arial, Helvetica, sans-serif;
	color: #333333;
}

#albumlist img
{
	display: block;
	border: 1px solid #333300;
}

#Sepia
{
	background-image: url('Images/CourtSepia.jpg');
	width: 500px;
	height: 400px;
	text-align: center;
}
#quickstart
{
	width: 750px;
	height: 400px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #663300;
	font-weight: bold;
}
#quickstart h5
{
	font-family: Arial, Helvetica, sans-serif;
	color: #996633;
}
#quickstart h1
{
	font-family: Arial, Helvetica, sans-serif;
	color: #996633;
}
#quickstart h2
{
	font-family: Arial, Helvetica, sans-serif;
	color: #996633;
}
/*	background-color: #009900;
*/
.email_signup
{
	padding: 5px;
	background-color: #2E522E;
	font-family: Arial, Helvetica, sans-serif;
}

/*	background-color: #002B00;
*/
#defaultlogin
{
	background-color: #354324;
	border: thin none #003300;
	font-family: Arial, Helvetica, sans-serif;
	color: #808000;
	height: 450px;
}
#DefaultSpring
{
	background-color: #354324;
	border: thin none #003300;
	font-family: Arial, Helvetica, sans-serif;
	color: #808000;
}
.title3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #999531;
	padding-left: 30px;
	text-align: left;
}
.defaultpagewhite14
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	padding-left: 30px;
	padding-top: 10px;
	color: #FFFFFF;
}

.defaultpagewhite12
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	 
	padding-top: 0px;
	color: #FFFFFF;
}

.defaultpagewhite10
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	padding-left: 150px;
	padding-top: 0px;
	color: #FFFFFF;
}
.defaultpagewhite10 ul
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.defaultpagewhite10 li
{
	padding: 0px;
}
.defaultpagegreen14
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	padding-left: 30px;
	padding-top: 10px;
	color: #003300;
}
.defaultpageyellow
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	padding-left: 30px;
	padding-top: 20px;
	color: #FFFF00;
}
.title5
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	padding-left: 30px;
	padding-top: 20px;
	color: #FFFEFD;
}
.titleQS
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #003300;
	padding-left: 30px;
	text-align: left;
}
.titleQSw
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	padding-left: 30px;
	text-align: left;
}

/*
Used for Wayne Bryan Default Page
*/
.HomeDefault
{
	padding: 10px;
	margin: 2px 1px 2px 1px;
	background-color: #33CCCC;
	font-family: Arial, Helvetica, sans-serif;
}
#autoevents
{
	border: thin none #003300;
	background-color: #354324;
	font-family: Arial, Helvetica, sans-serif;
}
#Boosdashboard
{
	background-color: #00FFFF;
}
#Boosdashboard td
{
	text-align: right;
}
.quickstart
{
	border: thin none #003300;
	padding: 0px;
	margin: 0px;
	width: 750px;
	height: 300px;
	vertical-align: middle;
	text-align: center;
}
.quickstart h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: #003300;
	text-align: center;
}
.quickstart h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #003300;
	text-align: center;
}
.quickstart h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	color: #003300;
}
.quickstart h4
{
}
.quickstart h5
{
}
.news
{
}
.news h1
{
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	color: #003300;
}
.news h2
{
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	color: #003300;
}
.news p
{
	color: #003300;
}
.summer
{
	background-color: #354324;
	border: thin none #003300;
	font-family: Arial, Helvetica, sans-serif;
	color: #808000;
}
.summer ul
{
}
.summer li
{
	padding-top: 10px;
	padding-left: 10px;
}
.summer h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #FFFF00;
}
.summertitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FFFF66;
	font-style: normal;
	font-weight: bold;
}
.summercost
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFF99;
	font-style: normal;
	font-weight: bold;
	float: right;
}
.summertime
{
	float: right;
}
#randomtips
{
}
#randomtips h2
{
	font-family: 'Courier New' , Courier, monospace;
	font-size: large;
	color: #FF0000;
	font-weight: bold;
	font-variant: small-caps;
}
#randomtips p
{
	font-family: 'Courier New' , Courier, monospace;
	font-size: small;
	color: #FFFF00;
}

/*
background-image: url('Images/Strings2_500x375fade1.JPG');
*/
.stringing
{
	color: #000000;
	background-color: #6699FF;
}

.stringing p
{
	color: #660033;
	font-weight: bold;
}

.defaultpageBlue
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	padding-left: 30px;
	padding-top: 20px;
	color: #000080;
}
.defaultpageBlue14
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	padding-left: 30px;
	padding-top: 10px;
	color: #0000FF;
}
/*Textbox Watermark*/

.unwatermarked
{
	height: 18px;
	width: 148px;
}

.watermarked
{
	height: 20px;
	width: 150px;
	padding: 2px 0 0 2px;
	border: 1px solid #BEBEBE;
	background-color: #F0F8FF;
	color: gray;
}
/* Accordion */
.accordionHeader
{
	border: 1px solid #003300;
	color: white;
	background-color: #808080;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
	border: 1px solid #003300;
	color: white;
	background-color: #999999;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
	background-color: #C0C0C0;
	border: 1px dashed #003300;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
}
.TopPanel
{
	width: 250px;
	background-color: #1d3403;
	color: white;
	font-weight: bold;
}
.hopmanPanel
{
	width: 250px;
	background-color: #1d3403;
	color: white;
	font-weight: bold;
	background-image: url('Images/bg_banner-sand448x207.jpg');
}
.PicturePanel
{
	width: 50px;
	background-color: #003300;
}
.KidsPanel
{
	width: 50px;
	background-color: #0000FF;
}
.MiddlePanel
{
	background-color: #395f0B;
}
.BottomPanel
{
	background-color: #528412;
}

.wetlands
{
	background-position: top;
	background: url( "Images/Wetland423x512.jpg" ) repeat-y top;
}
/*Waldpark*/
#waldpark
{
	background-color: #008000;
	font-family: 'Times New Roman' , Courier, monospace;
	font-size: 20px;
}
#waldpark h1
{
	font-family: 'Times New Roman' , Times, serif;
	font-size: 24px;
	color: #FFFFFF;
}
#waldpark h2
{
	font-family: 'Times New Roman' , Times, serif;
	font-size: 16px;
	color: #FFFF00;
}
#waldpark p
{
	font-family: 'Times New Roman' , Times, serif;
	font-size: 16px;
	color: #FFFF00;
}
/*********NEW Nenu*************/

/*
							****************************** new menu stuff
							*/
/* This style sheet is intended to contain OFTEN CHANGED rules used when the Menu control adapter is enabled. */

/* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
/* Note that the example menu in this web site uses relative positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */
.PrettyMenu .AspNet-Menu-Vertical
{
	position: relative;
	top: 30px;
	left: 0;
	z-index: 300;
}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.PrettyMenu ul.AspNet-Menu, .PrettyMenu ul.AspNet-Menu ul
{
	width: 130px;
	font-family: Tahoma;
	font-size: 8pt;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.PrettyMenu ul.AspNet-Menu ul
{
	left: 128px;
	top: 3px;
	background: #FFF;
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
/*   background: url("images/bg-snippet.png") repeat-x; */
.PrettyMenu ul.AspNet-Menu li
{
	background-image: url(Images/menubackground.jpg);
	margin: 0 2px 2px 0;
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.PrettyMenu ul.AspNet-Menu li a, .PrettyMenu ul.AspNet-Menu li span
{
	color: black;
	padding: 4px 2px 4px 8px;
	border-top: solid 1px #E7E7E7;
	border-right: solid 1px #D2D2D2;
	border-bottom: solid 1px #D2D2D2;
	border-left: solid 1px #E7E7E7;
	background: transparent url(arrow.png) right center no-repeat;
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
	background-image: none;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.PrettyMenu ul.AspNet-Menu li a img
{
	border-style: none;
	vertical-align: middle;
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
/*  background: url("images/bg-menu-example.png") repeat-x;*/
.PrettyMenu ul.AspNet-Menu li:hover, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
	background: url("images/bg-snippet.png") repeat-x;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.PrettyMenu ul.AspNet-Menu li a:hover, .PrettyMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
	color: #000;
	background: transparent url(../images/arrow-active.png) right center no-repeat;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
	background-image: none;
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

.PrettyMenu .AspNet-Menu-Horizontal
{
}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accomodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
	width: 848px;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
	width: 80px;
	left: 3px;
	top: 2em;
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
/* Horozontal Top Menu width */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
	width: 100px;
	text-align: center;
}

/* This rule can be used to set styles for the menu items in the second tier (and lower) in the menu. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li
{
	text-align: left;
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
	width: 150px;
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
	margin: -1.8em 0 0 126px;
}



/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
/* These rules correspond to the "pure CSS menu" technique that have been evolving over the past several years. */
/* See WhitePaper.aspx for details. */

ul.AspNet-Menu
{
	position: relative;
}


ul.AspNet-Menu, ul.AspNet-Menu ul
{
	margin: 0;
	padding: 0;
	display: block;
}

ul.AspNet-Menu li
{
	position: relative;
	list-style: none;
}

ul.AspNet-Menu li a, ul.AspNet-Menu li span
{
	display: block;
	text-decoration: none;
}

ul.AspNet-Menu ul
{
	position: absolute;
	display: none;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul, ul.AspNet-Menu li:hover ul ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul
{
	display: none;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul, ul.AspNet-Menu li li:hover ul, ul.AspNet-Menu li li li:hover ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
	display: block;
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. This allows us to force the top tier of the menu to layout */
/* horizontally, whereas all subsequent tiers of the menu lay out vertically. */

.AspNet-Menu-Horizontal ul.AspNet-Menu li
{
	float: left;
}

.AspNet-Menu-Horizontal ul.AspNet-Menu li li
{
	float: none;
}


/* END MENU*****************	*/
/*  <%-- <div style="padding: 5px; text-align: left">--%>*/
.pricediv
{
	padding: 5px;
	background-color: #354324;
	border: thin none #003300;
	font-family: Arial, Helvetica, sans-serif;
	color: #808000;
	height: 400px;
}
.pricediv h1
{
	font-size: large;
	font-family: 'Times New Roman' , Times, serif;
	color: #FFFF00;
}
.pricediv p
{
	color: #FFFFFF;
}

.p_text
{
	 
}
.p_text p
{
	color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
}
#fallTennisClinicSchedule
{
	background-color: #006666;
}
#hccclinicschedule
{
	background-color: #996600;
}
#biblical
{
	font-family: 'Arial Narrow';
	font-size: medium;
	background-color: #FFFFFF;
	color: #003300;
	font-weight: lighter;
}

#biblical h1
{
	font-family: Arial;
	font-size: large;
	color: #003300;
	font-variant: small-caps;
	text-decoration: underline;
}
#biblical h2
{
	font-family: Arial;
	font-size: medium;
	text-align: right;
	color: #003300;
}
#facebook
{
	color: #FFFF00;
}
#facebook a
{
	color: #FFFF00;
	font-family: Arial, Helvetica, sans-serif;
	 
}
#facebook   a:hover
{
	text-decoration: underline;
}