body{background-image: url(Images/gradient1.png); background-repeat:repeat-x;} /*background gradient*/
	
a
{ 
	text-decoration:none;
	font-weight:normal;
	color:#ff004c; 
} 

a:hover
{ 
	text-decoration:none;
	font-weight:normal;
	color: #999;
} 

a.button
{ 
	text-decoration:none;
	color:#999; 
	height:1%;
	font-weight:normal;
	border-bottom:3px solid #333;
	padding:2px 0;
} 

a.button:hover
{ 
	text-decoration:none;
	color: #FFF;
	border-bottom:3px solid #ff004c;
	font-weight:normal;
}

/* begin header image replacement  =============================================== */

h1
{
    padding-top:2px;
	float:left;
	width: 156px; 
	height: 137px;
}

h1 span, h1 em
{
	display:none;
}

h1 a, h1 a:hover
{
	display:block;
	padding-top:2px;
	width: 156px; 
	height: 137px;
	background: url(Images/logo1.gif);
}

/* begin generic selectors  =============================================== */

html 
{
     overflow: -moz-scrollbars-vertical;
}

* 
{

padding-top: 0pt;

padding-right: 0pt;

padding-bottom: 0pt;

padding-left: 0pt;

margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 0pt;

margin-left: 0pt;

}	
		
.clear 
{
  clear: both;
  height: 0;
}


.floatleft
{
	float:left;
}

.floatright
{
	float:right;
}

.center
{
	text-align:center;
}

.right
{
	text-align:right;
}

.left
{
	text-align:left;
}

img 
{
	border: 0;
	vertical-align:bottom;
}

p
{
line-height:19px;
margin:10px 0 15px 0;
}

ul, li
{
     list-style: none;
}

hr
{
	color: #999;
	background-color: #999;
	height: 2px;
	width: 80%;
	text-align: center;
	border:none;
}

input, textarea, select	
{
	font: 11px verdana, arial, sans-serif;
	color:#666;
	border: 1px #999 solid;
	background: #FFF;
}

h3
{
	color:#574201;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:20px;
	padding-left:40px;
	background:url(Images/h3_back1.gif) center left no-repeat;
}

h3 span
{
	color:#ff8a00;
	font-size:40px;
}


p.quote
{
	width:400px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	line-height:24px;
}

p.rules
{
	width:400px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	line-height:24px;
	color:#666;
}

p.rules2
{
	width:700px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	line-height:24px;
	color:#666;
}

p.rules3
{
	width:700px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-style:italic;
	line-height:24px;
	color:#666;
}

/* Begin Content Areas   =============================================== */

#wrapper
{
	width:760px;
	margin:0 auto;
	text-align: left;	
}
		
#header
{
	width:760px;
	padding-left:20px;
	padding-top:42px;
	height:139px;
	text-align: left;	
	background:url(Images/box-bg2.png) center top no-repeat;
	background-position:center top no-repeat;
	voice-family: "\"}\""; 
  	voice-family:inherit;
 	width:740px;
}

html>body #header {
  width:740px;
} 
	

#letterbox
{
	width:760px;
	height:227px;
	text-align:center;
	background:url(Images/letterbox_back.gif) center top no-repeat;
}

#content
{
	width:760px;
	padding:18px 30px;	
	background:url(Images/content_back.gif) center top;
	voice-family: "\"}\""; 
  	voice-family:inherit;
 	width:700px;
}

html>body #content {
  width:700px;
} 

.content_left
{
	float:left;
	width:409px;
	clear:both;
}

.content_left1
{
	float:left;
	width:291px;	
}

.one_col_left
{
	width:195px;
	float:left;
	margin-right:19px;
	color:#666;
}

.one_col_right
{
	width:195px;
	float:left;
	color:#666;
}
	

.content_right
{
	float:left;
	width:291px;
}

.content_right1
{
	float:left;
	width:409px;
	clear:both;
}


/* Footer  =============================================== */		

#footer {
	width:760px;
	height:124px;
	color:#FFF;
	background: #4A92BA url(Images/footer2.gif);
}


#footer a {
	color:#FFF;
}

#footer ul {
	float:left;
	padding-top:95px;
	margin-left:15px;
}

#footer ul  li {
	float:left;
	margin-left:10px;
	padding-top:6px;
}

#footer ul li.webring {
	text-indent:-5000px;
}

#footer ul li.engage_logo {
	padding-top:0;
}


#footer li.engage_logo a {
	display:block;
	width:119px;
	height:32px;
	background:url(Images/engage.gif);
	text-indent:-5000px;
}



/* Begin Nav Styling  =============================================== */				

#header ul
{
	display:block;
	float:left;
	margin-top:74px;
	width:559px;
	height:51px;
	background:#0062D6 url(Images/nav_back1.gif);
}

#header ul li
{
	float:left;
	display:block;
	height:51px;
}

#header ul li a
{
	display:block;
	height:51px;
}

#header span
{
	display:none;
}


#header a.homepage
{
	width:108px;
	background:url(Images/homepage1.gif);
}

#header a.homepage:hover, #header a.homepageon
{
	width:108px;
	background:url(Images/homepage1_on.gif);
}

#header a.about
{
	width:99px;
	background:url(Images/about1.gif);
}

#header a.about:hover, #header a.abouton
{
	background:url(Images/about1_on.gif);
	width:99px;
}

#header a.age
{
	width:120px;
	background:url(Images/age1.gif);
}

#header a.age:hover, #header a.ageon
{
	background:url(Images/age1_on.gif);
	width:120px;
}

#header a.rooms
{
	width:114px;
	background:url(Images/rooms.gif);
}

#header a.rooms:hover, #header a.roomson
{
	background:url(Images/rooms1_on.gif);
	width:114px;
}


#header a.contact
{
	width:118px;
	background:url(Images/contact1.gif);
}

#header a.contact:hover, #header a.contacton
{
	background:url(Images/contact1_on.gif);
	width:118px;
}



/* Drop down styling  =============================================== */

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: White;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #0053FF;
border-bottom-width: 0;
font: normal 14px Arial;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: White;
width: 200px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #0053FF;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
text-indent: 5px;
color: White;
}

.anylinkmenu a:hover{ /*hover background color*/
background: #0041FF;
color: white;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #0053FF;
padding: 10px;
font: normal 14px Arial;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}

/* Table styling  =============================================== */

#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	text-align:center;	
	border-collapse: collapse;
	margin-bottom:25px;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('table-images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('table-images/gradback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url('table-images/gradhover.png') repeat-x;
	color: #339;
}