@charset "utf-8";

/* CSS Document */



/* Basic Page Properties */



body {

	margin: 0 0 0 0;

	background: url(../images/i_bg.jpg) repeat-x;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	color: #666;

	}

p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	margin: 0;

	padding: 0;

	color: #000;

	line-height: 18px;

	}

img {

	border: 0;

	}





/* Links */

	

.a:link, a:visited, a:active {

	text-decoration: none;

	color: #999999;

	}

	

.a:hover {

	text-decoration:none;

	color: #000;

	}

	

.a.r1:link, a.r1:visited, a.r1:active {

	text-decoration: none;

	color: #04879a;

	}



.a.r1:hover {

	text-decoration:none;

	color: #000;

	}



.r1{

	text-decoration:none;

	color: #000;

	}





.a.r2:link, a.r2:visited, a.r2:active {

	text-decoration: none;

	color: #000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	line-height: 1.5em;

	color: #000;

	padding: 0;

	}



.a.r2:hover {

	text-decoration:none;

	color: #000;

	}



.a.r3:link, a.r3:visited, a.r3:active {

	text-decoration: none;

	color: #000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.25em;

	line-height: 1.5em;

	color: #000;

	padding: 0;

	}



.a.r3:hover {

	text-decoration:none;

	color: #000;

	}

	

	

/* Products Title&Price */



h1 { 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-weight: normal;

	line-height: 1em;

	color: #000;

	margin: 0 0 0.5em 0;

	padding: 0;

	}



h2 { 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-weight: normal;

	line-height: 1em;

	color: #04879a;

	margin: 0 0 0.5em 0;

	padding: 0;

	}



.ProductTexts{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-weight: normal;

	line-height: 1.5em;

	color: #000;

	margin: 0 0 0.5em 0;

	padding: 0;

}



.RedTexts{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-weight: normal;

	line-height: 1.5em;

	color: #FF0000;

	margin: 0 0 0.5em 0;

	padding: 0;

}



.ProductBlueTexts{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-weight: normal;

	line-height: 1.5em;

	color: #04879a;

	padding: 0;

}



.BlueTextsSmall{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.75em;

	font-weight: normal;

	line-height: 1.5em;

	color: #04879a;

	padding: 0;

}





.ProductBlueBoldTexts{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size: 1em;

	line-height: 1.5em;

	color: #04879a;

	margin: 0 0 0.5em 0;

	padding: 0;

}



.colorBlack{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-weight: bold;

	line-height: 1.5em;

	color: #000;

	margin: 0 0 0.5em 0;

	padding: 0;

	}

	

.colorGray{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	line-height: 1.5em;

	font-weight: normal;

	color: #666666;

	padding: 0;

	}

	

.smallText{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-align:center;

	font-size: 0.75em;

	font-weight: normal;

	line-height: 1.5em;

	color: #000;

	margin: 0 0 0.5em 0;

	padding: 0;

	}

	

.normal{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-align:center;

	font-size: 1.25em;

	font-weight: normal;

	line-height: 1.5em;

	color: #000;

	padding: 0;

	}

	

a .normal:



/* Header & Menu */



#frontImage{

	width: 770px;

	margin:0 0 30px 0;

	}

	

#container{

	width: 770px;

	margin: 0 auto 0 auto;

	background-color:#FFF;

	border-left:solid 1px #CCC;

	border-right: solid 1px #CCC;

	overflow: hidden;

	}





/* Memberhip LEFT*/



#TitleWarp{

	width: 470px;

	margin: 15px	 0 15px 0;

	display:inline;

	text-align:left;

	float:left;

	}



#TitleWarp2{

	width: 470px;

	margin: 10px 0 10px 0;

	padding:15px 0 0 0;

	display:inline;

	text-align:left;

	background: url(../images/i_pixel.gif) top repeat-x;

	float:left;

	}



#PageWarp{

	width: 720px;

	margin:0 25px 10px 25px;

	display:inline;

	float:left;

	}

	

#PageLeftWarp{

	width: 470px;

	margin:0 0 15px 0;

	display:inline;

	float:left;

	}



#MenuWarp{

	width: 443px;

	border: dotted thin #999999;

	border-width: 1px;

	padding: 0 0 0 5px;

	margin: 0 0 15px 10px;

	text-align:left;

	float: left;

	display:inline;

	}

	

#InfoMenuWarp{

	width: 450px;

	padding: 0 10px 0 10px;

	text-align:left;

	float:left;

	}



#InfoMenuWarp2{

	width: 445px;

	padding: 10px 10px 0 10px;

	margin:10px 0 0 0;

	background: url(../images/i_pixel.gif) top repeat-x;

	text-align:left;

	float:left;

	}



#InfoWarp{

	width: 445px;

	padding: 0 10px 0 15px;

	margin:0 0 15px 0;

	text-align:left;

	float:left;

	display:inline;

	}



#IntroWarp{

	width: 428px;

	height:70px;

	border: thin solid #CCCCCC;

	border-width:1px;

	padding: 30px 10px 30px 10px;

	margin: 0 10px 15px 10px;

	text-align:center;

	float:left;

	display:inline;

	}





#IntroFoto{

	width: 470px;

	text-align:center;

	margin: 0 0 15px 0;

	float:left;

	display:inline;

	}



#StoryLeft{

	width: 320px;

	text-align:left;

	float:left;

	}



#StoryRight{

	width: 115px;

	text-align:left;

	float:left;

	}



#StoryTitle{

	width: 310px;

	text-align:left;

	margin:10px 0 10px 0;

	float:left;

	}



#StoryText{

	width: 310px;

	margin:0 0 0 10px;

	text-align:left;

	float:left;

	display:inline;

	}



#InfoBorder{

	width: 470px;

	background: url(../images/i_pixel.gif) bottom repeat-x;

	margin:0 0 15px 0;

	padding:0 0 5px 0;

	text-align: right;

	float:left;

	}



#InfoSign{

	width: 470px;

	margin:15px 0 15px 0;

	text-align: right;

	float:left;

	}



/* Memberhip RIGHT*/



#pageRightWarp{

	width: 250px;

	float:left;

	}



#adWarp{

	width: 250px;

	margin:20px 0 0 0;

	float: left;

	}



#leftWarp{

	width: 470px;

	float:left;

	}



#AdBannerF{

	width: 210px;

	height: 210px;

	margin:0 19px 20px 19px;

	border:thin solid #CCCCCC;

	border-width:1px;

	float:left;

	display:inline;

	}







/* Site */



#SiteMapArea{

	width:440px;

	height:404px;

	background:url(../info/images/bg_form_sitemap.gif) no-repeat;

	float:left;

	}



#SiteMapArea2{

	width:440px;

	height:100px;

	background: url(../info/images/bg_form_privacy_2.gif) no-repeat;

	text-align:center;

	float:left;

	}



#SiteMapArea3{

	width:440px;

	height:600px;

	background: url(../info/images/bg_form_privacy3.gif) no-repeat;

	text-align:left;

	float:left;

	}



#CopyWrap{

	width:380px;

	margin:15px 25px 20px 25px;
	
	display:inline;

	}



#NumberIcon{

	width:100px;

	height:80px;

	margin:10px 0 10px 0;

	float:left;

	}

	

#NumberButton{

	width:340px;

	height:30px;

	margin:35px 0 35px 0;

	float:left;

	}



#SiteMapTop{

	width:416px;

	height:200px;

	margin:0 10px 0 10px;

	border-bottom: thin solid #CCCCCC;

	border-width:1px;

	float:left;

	display:inline;

	}



#SiteMapBottom{

	width:416px;

	height:200px;

	margin:0 10px 0 10px;

	float:left;

	display:inline;

	}



#MapPoint{

	width:90px;

	height:200px;

	margin:0 13px 0 0;

	float:left;

	display:inline;

	}



#PointIcon{

	width:90px;

	height:60px;

	margin:10px 0 10px 0;

	text-align:center;

	float:left;

	}

	

#PointMenu{

	width:80px;

	padding:0 0 0 10px;

	margin:0 0 10px 0;

	float:left;

	}

	

#PointMenu2{

	width:60px;

	padding:0 10px 0 20px;

	margin:0 0 10px 0;

	float:left;

	}



/* News & Events */



#NewsIcon{

	width:30px;

	float:left;

	}



#NewsTitle{

	width:400px;

	float:left;

	}



#NewsSubTop{

	width:448px;

	margin:0 10px 0 10px;

	border-bottom:thin solid #333333;

	border-width:1px;

	text-align:right;

	float:left;

	display:inline;

	}



#NewsSub{

	width:450px;

	margin:10px 10px 0 10px;

	text-align:right;

	float:left;

	display:inline;

	}



#NewsFoto{

	width:448px;

	height:215px;

	margin:10px 10px 10px 10px;

	border:thin solid #CCCCCC;

	border-width:1px;

	float:left;

	display:inline;

	}



#NewsFoto2{

	width:448px;

	height:160px;

	margin:10px 10px 10px 10px;

	border:thin solid #CCCCCC;

	border-width:1px;

	float:left;

	display:inline;

	}



#NewsTexts{

	width:450px;

	margin:0 10px 0 10px;

	padding:0 0 10px 0;

	text-align:left;

	float:left;

	display:inline;
	
	
	letter-spacing:1px;
	line-height: 1.5em;

	}



#NewsBack{

	width:450px;

	background: url(../images/i_pixel.gif) top repeat-x;

	text-align:right;

	margin:0 10px 0 10px;

	padding:10px 0 0 0;

	float:left;

	display:inline;

	}



/* People List*/

#peopleListWrap{

	width:730px;

	margin:0 20px 20px 20px;

	float:left;

	display:inline;

	}



#peopleListTitle{

	width:718px;

	text-align:left;

	margin:0 0 20px 0;

	padding:20px 0 0 0;

	background: url(../images/i_pixel.gif) top repeat-x;

	float:left;

	}

	

#peopleListArea{

	width:718px;

	text-align:left;

	border:thin dashed #999999;

	border-width:1px;

	margin: 0 0 10px 0;

	float:left;

	}



#peopleSquare{

	width:120px;

	height:120px;

	margin:10px 10px 10px 10px;

	float:left;

	}



#peopleSquareFoto{

	width:120px;

	height:80px;

	text-align:center;

	float:left;

	}



#peopleSquareText{

	width:120px;

	height:20px;

	text-align:center;

	float:left;

	}



#peopleListTime{

	width:678px;

	text-align:left;

	margin:0 10px 10px 10px;

	padding:10px 5px 0 5px;

	border-top: thin dashed #999999;

	border-width:1px;

	float:left;

	display:inline;

	}



/* Schedule */



#SchedWrap{

	width:445px;

	height:410px;

	background:url(../events/schedule/images/bg_form_calendar.gif) no-repeat;

	margin:12px 10px 10px 12px;

	text-align:left;

	float:left;

	display:inline;

	}



#SchTop{

	width:405px;

	margin:20px 0 10px 0;

	padding:0 20px 0 20px; 

	float:left;

	}



#SchTopT1{

	width:50px;

	text-align:right;

	float:left;

	}



#SchTopT2{

	width:305px;

	text-align:center;

	float:left;

	}



#SchTopT3{

	width:50px;

	text-align:left;

	float:left;

	}





#SchTitle{

	width:375px;

	height:25px;

	margin:0 20px 0 20px; 

	padding:8px 0 0 30px;

	background: url(../events/schedule/images/bg_form_month.gif) no-repeat center;

	float:left;

	display:inline;

	}



#SchDays{

	width:445px;

	float:left;

	}



#SchDate{

	width:355px;

	height:25px;

	margin:10px 35px 10px 35px;

	padding:0 0 0 20px;

	float:left;

	display:inline;

	}



#SchDateW{

	width:45px;

	margin:10px 0 0 0; 

	padding:0 0 0 3px;

	text-align:center;

	float:left;

	display:inline;

	}



#SchDateNo{

	width:40px;

	height:30px;

	margin:5px 0 0 5px; 

	padding:10px 0 0 0;

	border:thin solid #CCCCCC;

	border-width:1px;

	float:left;

	text-align:center;

	display:inline;

	}



#SchDateNo2{

	width:40px;

	height:30px;

	margin:5px 0 0 5px; 

	padding:10px 0 0 0;

	background:url(../events/schedule/images/bg_none_date.gif) no-repeat;

	border:thin solid #CCCCCC;

	border-width:1px;

	float:left;

	text-align:center;

	display:inline;

	}



#SchLeft{

	width:30px;

	height:40px;

	padding:120px 0 120px 7px;

	float:left;
	
	display:inline;

	}



#SchContent{

	width:330px;

	padding:0 20px 0 20px;

	float:left;
	
	display:inline;

	}



#SchRight{

	width:30px;

	height:40px;

	padding:120px 0 120px 0;

	float:left;

	}





#SchInfo{

	width:445px;

	margin:0 15px 15px 10px;

	float:left;

	display:inline;

	}

	

#SchInfoTop{

	width:445px;

	float:left;

	}



#SchInfoContent{

	width:419px;

	padding:5px 10px 5px 10px;

	border-left:solid #E7E7E7;

	border-right:solid #E7E7E7;

	border-width:3px;

	text-align:left;

	float:left;

	}

	

/* Footer */



#footer{

	width: 720px;

	height: 45px;

	padding:0 25px 0 25px;

	float:left;

	}



#footer_menu{

	width: 200px;

	background: url(../images/i_pixel.gif) top repeat-x;

	padding:15px 0 15px 0;

	text-align:left;

	float:left;

	}



#copyright{

	width: 520px;

	background: url(../images/i_pixel.gif) top repeat-x;

	padding:15px 0 15px 0;

	text-align:right;

	float:left;

	}

