body { 
	background-color:#333; background-image:url(../images/bg_page.gif); background-repeat:repeat-x; margin:0px;}
body.clear { 
	background: none;}


 /* layers positioning, sizing and backgrounds */
 
#mainbox {
	padding-top:0px; width:1000px; margin:0px auto; text-align:left;}	
	
#headlinks {
	position:relative; margin-left: 584px; text-align: right; bottom:7px; }
	
#bgsubnav {
	background:url(../images/bg_nav.jpg); background-repeat:repeat-x; background-position:0px 20px; height:31px; text-align: left; padding-top:68px; padding-left:25px; width:975px;}
.contenthome {
	 background-color:#FFF; background-image:url(../images/grey_dot.gif); background-repeat:repeat-y; background-position:723px 0px; display:block; vertical-align:top; width:1000px; overflow:hidden}	
.contentpages {
	 background-color:#FFF; background-image:url(../images/grey_dot.gif); background-repeat:repeat-y; background-position:809px 0px; display:block; vertical-align:top; width:1000px; overflow:hidden;}	
.contentboxhome {
	background: url(../images/bg_content.gif); background-repeat: repeat-x; background-color:#FFF; border-top:#999 solid 1px; padding:27px; width:669px; display:block; float:left; vertical-align:top; overflow:hidden }
.contentboxpages {
	background: url(../images/bg_content.gif); background-repeat: repeat-x; background-color:#FFF; border-top:#999 solid 1px; padding:27px; width:755px; display:block; float:left; vertical-align:top; overflow:hidden}
.contentboxfullpage {
	background: url(../images/bg_content.gif); background-repeat: repeat-x; background-color:#FFF; border-top:#999 solid 1px; padding:27px; width:946px; display:block; vertical-align:top; vertical-align:top; overflow:hidden; }
.google { 
background: url(../images/bg_google.gif); background-repeat: repeat-x; width:190px; padding-top:10px; text-align:center; display:block; float:left; overflow:hidden; vertical-align:top; border-left:#999999 solid 1px; }	
.fg { 
background: url(../images/bg_google.gif); background-repeat: repeat-x; width:228px; padding:24px; display:block; vertical-align:top; float:left; overflow:hidden; vertical-align:top; text-align:center; border-left:#999999 solid 1px;}

.left {float:left;}
.right {float:right;}

/* images */

#featuredpic {border:#999 solid 1px; margin-top:13px; margin-bottom:13px; height:184px}
#course {border:#999 solid 1px; margin-right:20px; width:300px; height:330px; }
	
	
/* navigation  - links, background, blocks */
	
a.nav {
 	color:#333; background-image:url(../images/line_grey_vert.gif); background-repeat: no-repeat; padding-left:40px; padding-right:40px;  }
	
 a.top {
 	color:#fff; background:url(../images/top_link.gif); background-repeat:no-repeat; background-position:0px 4px; margin-left:33px; padding-left:14px;}

a.yellowtop {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color:#000; text-decoration:none; line-height:20px; display:block; height:73px; width:228px; padding-top:16px; padding-left:18px; margin-left: 755px;}
	
a.freezone {
	background:url(../images/but_free_zone.jpg); background-repeat:no-repeat;}

a.membership {
	background:url(../images/but_membership.jpg); background-repeat:no-repeat;}

a.bigbuttons {
	 height:52px; width:231px; padding-top:5px; padding-left:16px; margin-top:4px; position: absolute; }
	 
a.bookonline {
	background: url(../images/but_book_online.jpg); background-repeat:no-repeat; }
	
a.pyp {
	background: url(../images/but_pyp.jpg); background-repeat:no-repeat; margin-left:251px;}
	
a.certificates {
	background: url(../images/but_certificates.jpg); background-repeat:no-repeat; margin-left:503px;}
	
a.stayplay {
	background: url(../images/but_stayplay.jpg); background-repeat:no-repeat; margin-left:754px;}
	
div.whitebox {
	background: #ffffff;
	padding: 10px;
	border: 1px solid #cccccc;
}

	
 /* headers, colors, text, lines */
	
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px; margin:0px; }	
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; margin:0px; color:#CC3300 }	
	
.textwhite {
	color: #FFFFFF; text-decoration:none; }

.textyellow {
	color:#FFFF99; font-size: 14px; }
	
.text14 {
	font-size: 12px; line-height:18px; }
	
.red {color: #FF0000}
	
.text11 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; }

.linegreyvert {
	background-image:url(../images/line_grey_vert.gif); background-repeat: no-repeat; padding-left:22px; padding-right:22px; }
	
.marginiconsubnav {
	padding-right:20px; }

.text12 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none; }
	
.text12 a:link{ 
	color:#0066CC }
.text12 a:hover {
	color:#FF3300 }
.text12 a:visited {
	color:#33CC00
	}


/* tables */

.rightmargin {margin-right:20px;}
.leftmargin {margin-left:20px;}

.tablehead {
	background-image: url(../images/bg_table_header.gif); background-repeat:repeat-x; height:33px; overflow:auto;}
	
.tablehead div {
	background-image: url(../images/table_header_corner.gif); background-repeat:no-repeat; background-position:top right; padding-left:20px; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; vertical-align: sub; padding-top:8px; padding-right:10px;}
	
.tablebody {
	background-color:#f5f5f5; border-left:#ccc solid 1px; border-top:#ccc solid 1px; border-right:#ccc solid 1px; padding-top:20px; padding-left:20px; padding-right:20px; padding-bottom:10px; text-align:left;}
	
.tablebody td {
	padding:3px; font-size:12px}
	
.searchtablebody td {
	padding:3px; font-size:12px}

.searchtablebody p {
	padding-top: 12px;
	padding-bottom: 12px;
	margin: 0px;
	}

.tablefooter{
	background-image:url(../images/grey_dot.gif); background-repeat: repeat-x; background-position: 0px 6px; font-size:2px; height:7px; background-color:#f5f5f5; }
	
.tablefooterleftcorner {
	background-image:url(../images/table_grey_corner_left.gif); background-repeat:no-repeat;  height:7px; width:7px; float:left }

.tablefooterrightcorner {
	background-image:url(../images/table_grey_corner_right.gif); background-repeat:no-repeat; height:7px; width:7px; float:right }

/* these should be classes, not bound to IDs -DL */
#tablefooterleftcorner {
	background-image:url(../images/table_grey_corner_left.gif); background-repeat:no-repeat;  height:7px; width:7px; float:left }

#tablefooterrightcorner {
	background-image:url(../images/table_grey_corner_right.gif); background-repeat:no-repeat; height:7px; width:7px; float:right }
	
/* warnimg balloons */

.balloongrey {
background-image: url(../images/balloon_corner_grey.gif); background-repeat:no-repeat; background-color:#f5f5f5; border-top:#ccc solid 1px; border-right:#ccc solid 1px; height:9px; }

.ballooncontentgrey{
background-color:#f5f5f5; border-left:#ccc solid 1px; border-right:#ccc solid 1px; font-size:11px; padding-left:10px; padding-right:10px; width:auto}

.balloonorange {
background-image:url(../images/balloon_corner_orange.gif); background-repeat:no-repeat; background-color:#F8D0A5; border-top:#ccc solid 1px; border-right:#ccc solid 1px; height:9px; }

.ballooncontentorange{
background-color:#F8D0A5; border-left:#ccc solid 1px; border-right:#ccc solid 1px; font-size:11px; padding-left:10px; padding-right:10px; width:auto}

.balloonfooterorange{
	background-image:url(../images/grey_dot.gif); background-repeat: repeat-x; background-position: 0px 6px; font-size:2px; height:7px; background-color:#F8D0A5; width:auto}
	
#ballonfooterleftcornerorange {
	background-image:url(../images/balloon_left_corner_orange.gif); background-repeat:no-repeat;  height:7px; width:7px; float:left }

#ballonfooterrightcornerorange {
	background-image:url(../images/balloon_right_corner_orange.gif); background-repeat:no-repeat; height:7px; width:7px; float:right }
	
.balloonblue {
background-image:url(../images/balloon_corner_blue.gif); background-repeat:no-repeat; background-color:#b0d7f2; border-top:#ccc solid 1px; border-right:#ccc solid 1px; height:9px; }

.ballooncontentblue{
background-color:#b0d7f2; border-left:#ccc solid 1px; border-right:#ccc solid 1px; font-size:11px; padding-left:10px; padding-right:10px; text-align:center;}

.balloonfooterblue{
	background-image:url(../images/grey_dot.gif); background-repeat: repeat-x; background-position: 0px 6px; font-size:2px; height:7px; background-color:#b0d7f2; }
	
#ballonfooterleftcornerblue {
	background-image:url(../images/balloon_left_corner_blue.gif); background-repeat:no-repeat;  height:7px; width:7px; float:left }

#ballonfooterrightcornerblue {
	background-image:url(../images/balloon_right_corner_blue.gif); background-repeat:no-repeat; height:7px; width:7px; float:right }

.balloonmargin {margin-left:15px;}

.hidden {
	position:absolute; 
}

/* forms  */

form {
	margin:0px; }
	
.vertgrayline {
	background-image: url(../images/line_grey_vert.gif); background-repeat:repeat-y; }
	
.login { width:300px; margin:0px auto}
	
.search { width:238px;}

select {margin-left:2px;}

.headerlong {width:325px;}

/* search results  */

.searchtablebody {
	border-left:#ccc solid 1px; border-top:#ccc solid 1px;
	border-right:#ccc solid 1px;  overflow:auto;
	}

.searchtablebody td {
	background-image:url(../images/bg_search_results.png);
	background-repeat:repeat-x; background-position:bottom;
}

.searchtablebody td.first {
	padding-left:20px;
}

.searchtablefooter{
	background-image:url(../images/grey_dot.gif); background-repeat: repeat-x; background-position: 0px 6px; font-size:2px; height:7px; background-color:#E0E1BB; overflow:auto; }


	
#searchtablefooterleftcorner, .searchtablefooterleftcorner {
	background-image:url(../images/corner_left_search_results.gif); background-repeat:no-repeat;  height:7px; width:7px; float:left }

#searchtablefooterrightcorner, .searchtablefooterrightcorner {
	background-image:url(../images/corner_right_search_results.gif); background-repeat:no-repeat; height:7px; width:7px; float:right }

.cell1 {float:left; width:296px;}
.cell2 {float:left; width:116px; text-align:center;}
.cell3 {float:left; width:35px; text-align:center;}
.cell4 {float:left; width:80px; text-align:center;}
.cell5 {float:right; text-align:center;}


/* state searches  */
.arroworange { background-color:#F8D0A5; border-bottom:#ccc solid 1px; border-top: #CCC solid 1px; border-left:#ccc solid 1px; padding:3px; margin-top:12px; width:185px}

.arrowblue { background-color:#b0d7f2; border-bottom:#ccc solid 1px; border-top: #CCC solid 1px; border-left:#ccc solid 1px; padding:3px; margin-top:12px; width:185px}

.searchwidth {
	width:126px;}
	


/* buttons  */
.bt {display:block; float:left; width:104px; height:20px; font-weight:bold; text-align:center; padding-top:8px; font-size:11px; text-transform:uppercase; text-decoration:none; }
a.bt:link {color:#FFF;}
a.bt:visited {color:#FFF;}
a.bt:hover {color:#FFF;}

.bt_nofloat {display:block; width:104px; height:20px; font-weight:bold; text-align:center; padding-top:8px; font-size:11px; text-transform:uppercase; text-decoration:none; }
a.bt_nofloat:link {color:#FFF;}
a.bt_nofloat:visited {color:#FFF;}
a.bt_nofloat:hover {color:#FFF;}

a.butorange { background-image: url(../images/but_orange.jpg); background-repeat:no-repeat}
a.butblue { background-image: url(../images/but_blue.jpg); background-repeat:no-repeat}
a.butred { background-image: url(../images/red_but_bg.jpg); background-repeat:no-repeat}

.newsearch {position:absolute; top:545px; margin-left:840px}

/* calendar popup box */
div.calendarBox
{
	border: 1px solid #000;
	padding: 4px;
	margin: 0px;
	background-color: white;
/*
	layer-background-color: white;
	filter:alpha(opacity=95);
	-moz-opacity:8.5;
	opacity: 0.95;
*/
	position: absolute;
}

div.calendarBox table td
{

}

td.calDay
{
text-align: center;
font-size: 10px;
color: #999;
}

td.calMonth
{
text-align: center;
font-size: 10px;
color: #000;
font-family: arial, helvetica, sans-serif;
}




td.calHighlight
{
background-color: #DBDBDB;
border: 1px solid #666;
text-align: center;
font-size: 9px;
font-weight: bold;
}

.transparent td 
{
	background: transparent;
}

tr.uline td 
{
	border-bottom: 1px solid #f3f3f3;
}