/* RESET */
html,body,div,span,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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
*
{
	margin: 0;
	padding: 0;
}

html
{
	height: 100%;
}

body
{
	height: 100%;	
	background-image: url(../img/back_body.jpg);
	/*background-image: url(../img/xmas_back_body.jpg);*/
	background-repeat: repeat-y;
	background-position: center;
	/*background-color: #FFFFFF;*/
	/*background-color: #004480;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;	
}

#boxsite
{
	position: relative;
	width: 760px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
}
* html #boxsite
{
	height: 100%;
}
#boxsiteIn
{
	padding-bottom: 180px;
}
#footer
{
	position: absolute;
	bottom:0px;
	width:760px;	
	text-align: left;
	font-size: 0.7em;
	padding-bottom: 1.5em;
	line-height: 1.2em;	
	/*background-color: #F7B234;*/
	border-top: 1px solid #004480;
	padding-top: 1em;
	color:#999999;
}
#footer a
{
	color:#004480;
	font-weight: bolder;
	font-size: 1.5em;
	display: block;
	margin-bottom: 5px;
	text-decoration: none;
}

.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
#head
{
	text-align: center;
	background-color: #92afc8;
	position: relative;
	height: 15px;
	border-bottom: 1px solid #ffffff;
}
#head .support
{
	height: 15px;
	font-size:0.7em;
	color:#ffffff;
	text-align: right;
	padding-right: 10px;
	border-bottom: 1px solid #ffffff;
	background-color: #F7B234;
}
#head .support a
{
	color: #ffffff;
	text-decoration: none;
	line-height: 1.2em;
}
#head .support a:hover
{
	color: #ffffff;
	text-decoration: underlina;
}
#head .left
{
	background-color: #92afc8;
	width: 190px;
	left: 0px;
	margin-left: 0px;
	position: absolute;
}
#head .right
{
	left: 190px;
	position: absolute;
	border-left: 1px solid #ffffff;
}
#logo
{
	position:absolute;
	top: 1px;

}
#chooseArea
{
	margin-left: 190px;
	position: relative;
	background-color: #004480;
	font-size: 0.8em;
	color: #FFFFFF;
	height: 100px;
	width:570px;
}
#chooseArea .nextArea
{
	position:absolute;
	right:0px;
}
#chooseArea .actualArea
{
	position:absolute;
	left:0px;
}
#mainContent
{
	position: relative;
	padding-bottom: 10px;
}

.outerCenter {
	margin-left: 190px;  /* L */
	background-color: #ffffff;  /* C */
}
.outerSx {
	position: relative;
	margin-left: -190px;
}
.colCenter {
	float: right;
	width: 569px;  /* C */
	border-top: 4px solid #F7B234;
}
.colSx {
	float: left;
	width: 190px;  /* L */
	margin-right: 0px;
	border-top: 4px solid #FFFFFF;
	z-index:100000;
	position: relative;	
}
/* IE/Mac \*//*/
.colCenter .content, .colSx .content {
	width: 100%;
	overflow: hidden;
}
/**/

.outerSx {
	word-wrap: break-word;
}


.imgPage
{
	
}
.menuDiving
{
	position: absolute;
	top:6px;
	left: 194px;
	font-size: 0.65em;
}
.menuDiving a,.menuDiving .active
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	margin-bottom: 2px;
}
.menuDiving a:hover
{
	color: #ffffff;
	text-decoration: underline;
	display: block;
	margin-bottom: 3px;
}
.divingName
{
	position: absolute;
	top:50px;
	left: 500px;
	color: #ffffff;
	text-transform: uppercase;
}
.divingName hr
{
	line-height:1px;
	height: 1px;
	color:#ffffff;
	border-color:#ffffff;
	width: 260px;
}
.titlePage
{
	background-image: url(../img/backtitlepage.png);
	background-color: #F7B234;
	text-align: right;
	color: #ffffff;
	font-size: 0.8em;
	text-transform: uppercase;
}

.colCenter .content
{
	font-size:0.7em;
	padding: 0px 5px 0px 5px;
	color:#999999;
	line-height: 1.2em;

}
.xmasSx
{
/*
	background: url(../img/star_sx.png) no-repeat;	
*/
	height: 342px;
	position: absolute;
	top:10px;
	width: 115px;
	left:50%;
	margin-left: -495px;
}
.xmasDx
{
display: none;
/*
	background: url(../img/star_dx.png) no-repeat;	
*/
	height: 342px;
	position: absolute;
	top:10px;
	width: 115px;
	left:50%;
	margin-left: 380px;
	margin-top: -20px;
}

/* COLSX */
.menu a
{
	color:#004480;
	text-decoration: none;
}
.menu
{
	font-size:11px;
	list-style: none;
	font-weight: bolder;
}
.menu.level0
{
	margin-left: 10px;
	font-weight: normal;
}
.menu.level1
{
	margin-left: 20px;
}
.menu.level3
{
	margin-left: 30px;
}
.menu .item
{
	line-height: 2em;
}
.menu.level0 .item
{
	border-bottom: 1px dotted #66B8DC;
	margin-right:10px;
	line-height: 2em;
	padding-left: 5px;
}
.menu.level0 .item:hover
{
	background-color: #E2F1F8;
}