/* CSS Document */

html, body, #contents {
	min-height: 100%;
	width: 100%;
	height:100%;
	border : 0;
	padding:0;
}

#Logo {
	background-color: #000000;
	position:absolute; 
	left:0px; 
	top:0px; 
	width:99%; 
	height:94px; 
	padding-top:7px;
	padding-left:14px;
	z-index:2
	background-color: #000000;

}
#Nav {

left:0px;
	top:74px;
	width:99%;
	height:20px;
	
	background : #000000 url(../images/nav_back.gif) repeat;
	padding-top:3px;
	padding-left:16px;
	position:absolute;
		z-index:3;
	
	
		}
		
.Navtext a:link {
color: #000000;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding-right:13px;
	font-size : 80%;
	font-style : normal;
	width: auto;
	height: auto;
}

.Navtext a:visited {
padding-right:13px;
color: #000000;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size : 80%;
	padding-bottom: 4px;
	font-style : normal;
		width: auto;
	height: auto;
}

.Navtext a:hover{
padding-right:13px;
color: #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size : 80%;
	font-style : normal;
		width: auto;
	height: auto;
	
}

.Navtext a:active{
 padding-right:13px;
color: #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size : 80%;
	font-style : normal;
	width: auto;
	height: auto;
}
	
	
#mainimage {
	left:-1px;
	top:101px;
	width:101%;
	height: 29%;
	background : #FFFFFF ;
color: #ffffff;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	text-decoration : none;
	font-size : 90%;
	
	background-position: 100% 100%;
	padding-top:0px;
	padding-left:0px;
	position:absolute;
		z-index:1;
}

#maintitle   { color: #ffffff; font-size: 90%; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: black; padding-top: 2px; padding-bottom: 2px; position: relative; left: 20px }
		
#leftcontent {
		color: #000000;
		width:auto;
		background:#fff;
margin-top:10px;
		margin-left:20px;
		padding-bottom:0px;
		font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size : 78%;
		}
.tdclass  { color: #000; font-size: 70%; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background: #fff; width: auto }
#rightcontent  { background: #ffffff url("../images/cross_promo_area.jpg") no-repeat; margin-top: 10px; margin-right: 16px; margin-left: 20px; padding-right: 8px; padding-bottom: 0; padding-left: 8px; width: 264px; float: right; border: solid 1px #000000 }
#rightcontenthall { background: #ffffff url("../images/cross_promo_area_hall.jpg") no-repeat; margin-top: 10px; margin-right: 16px; margin-left: 20px; padding-right: 8px; padding-bottom: 0; padding-left: 8px; width: 264px; float: right; border: solid 1px #000000 }
#rightcontentlong  { background: #ffffff url("../images/cross_promo_area_long.jpg") no-repeat; margin-top: 10px; margin-right: 16px; margin-left: 20px; padding-right: 8px; padding-bottom: 0; padding-left: 8px; width: 264px; float: right; border: solid 1px #000000 }
#rightcontentbaloon  { background: #ffffff url("../images/cross_promo_area_activities.jpg") no-repeat; margin-top: 10px; margin-right: 16px; margin-left: 20px; padding-right: 8px; padding-bottom: 0; padding-left: 8px; width: 264px; float: right; border: solid 1px #000000 }
#rightcontentpool  { background: #ffffff url("../images/cross_promo_area_pool.jpg") no-repeat; margin-top: 10px; margin-right: 16px; margin-left: 20px; padding-right: 8px; padding-bottom: 0; padding-left: 8px; width: 264px; float: right; border: solid 1px #000000 }
#rightcontent h1 {
	color: #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size : 82%;
margin-top:1px;
	padding-bottom:50px;
font-weight: bold; }
#rightcontenthall h1 { color: #ffffff; font-size: 82%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; margin-top: 1px; padding-bottom: 50px }
#rightcontentlong h1 { color: #ffffff; font-size: 82%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; margin-top: 1px; padding-bottom: 50px }
#rightcontentbaloon h1 { color: #ffffff; font-size: 82%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; margin-top: 1px; padding-bottom: 50px }
#rightcontentpool h1 { color: #ffffff; font-size: 82%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; margin-top: 1px; padding-bottom: 50px }
#rightcontent p {
		margin-left:0px;
		color: #000000;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size : 78%;
		}
#rightcontenthall p { color: #000000; font-size: 78%; font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin-left: 0 }
#rightcontentlong p { color: #000000; font-size: 78%; font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin-left: 0 }
#rightcontentbaloon p { color: #000000; font-size: 78%; font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin-left: 0 }
#rightcontentpool p1 { color: #000000; font-size: 78%; font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin-left: 0 }
#contents {

	left:0px;
	top:10px;
	width:57%;
	height:32%;
	background : #FFFFFF ;
	padding-top:0px;
	padding-left:16px;
	position:absolute;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size : 78%;
		z-index:8;
		}
		
.contents a:link {
color: #000000;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 80%;
	font-style : normal;
	width: auto;
	height: auto;
}

.Contents a:visited {
color: #000000;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 80%;
	font-style : normal;
		width: auto;
	height: auto;
}

.contents a:hover{
color: #000000;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 80%;
	font-style : normal;
		width: auto;
	height: auto;
	
}

.contents a:active{
 padding-right:13px;
color: #000000;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size : 80%;
	font-style : normal;
	width: auto;
	height: auto;
}
	
	
	
		
#crosspromo {
	border: 1px solid #000000;
	right:16px;
	top:-130px;
	width:264px;
	height:auto;
	background : #FFFFFF url(../images/cross_promo_area.jpg) no-repeat;
	padding-top:80px;
	padding-left:8px;
	padding-right:8px;
	position:relative;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size : 78%;
	color: #000000;
	z-index:9;
	clear: right;
	float: left;
}
		
#crosspromotitle {
	left:61%px;
	top:60%;
	width:264px;
	height:auto;
	padding-top:3px;
	padding-left:8px;
	padding-right:8px;
	position:absolute;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size : 78%;
	color: #FFFFFF;
	z-index:11;
}	
		
		
#footernav{
position: absolute;
width:auto;
height: auto;
top:6px;
left: 16px;
z-index:10;

}

#footernavright{
position: absolute;
width:auto;
height: auto;
top:2px;
right: 40px;
z-index:10;

}

.footernav a:link{
color: #666666;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding-right:13px;
	font-size : 76%;
	padding-bottom: 4px;
	font-style : normal;
	width: auto;
	height: auto;
}

.footernav a:visited{
padding-right:13px;
color: #666666;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size : 76%;
	padding-bottom: 4px;
	font-style : normal;
		width: auto;
	height: auto;
}

.footernav a:hover{
padding-right:13px;
color: #999999;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size : 76%;

	padding-bottom: 4px;
	font-style : normal;
		width: auto;
	height: auto;
	
}

.footernav a:active{
 padding-right:13px;
color: #666666;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size : 76%;
	padding-bottom: 4px;
	font-style : normal;
	width: auto;
	height: auto;
}

#footer{
position: absolute;
width:99%;
height: 22px;
bottom: 0;
left: 0;
padding-bottom:-14px;
padding-left:16px;
	background : #000000;
	margin-top:-100px;
	padding-top:-100px;
		color: #666666;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size : 78%;
}