body{
	background:url(bg.jpg) repeat-y center #DAE2E3;
	font-family: tahoma, helvetica, sans-serif; 
	font-size: 9pt; 
	color: #313131;
	padding:0px;
	margin:0px;	
}
a{
	color:#22454d; 
	text-decoration:none;
}
a:hover{
	color:#22454d; 
	text-decoration:underline;
}
p{	
	text-align:justify;
	padding:0px 0px 0px 0px;
	margin:15px 0px 0px 0px;
}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

.clear
{
    clear:both;
    height:10px;
}

#Wrapper {
	width: 910px;
	margin:0 auto 0 auto;
	background:url(bg_body.jpg) repeat-x;
}
#Header {
	border: #B9E0E7 1px solid;
	margin-top:10px;
} 
#Header #HeaderTop {
	height:60px;
	padding:5px 12px 0px 0px;
	background:url(header.jpg) no-repeat;
	text-align:right
} 
#Header #HeaderTop img {
	margin-left:10px;
	border:0px;
} 
#Header #MenuTop{
	height:39px;
	background:url(bg_menuTop.jpg) repeat-x;
} 
#Header #MenuTop #MenuTopLeft{
	float:left;
	width:830px;
	height:39px;
} 
#Header #MenuTop #MenuTopRight{
	float:left;
	width:70px;
	padding-top:10px;
	height:29px;
	text-align:center;
} 
#Header #MenuTop #MenuTopLeft ul{
	padding:0px;
	margin:0px;
	list-style-type:none;
	height:39px;
} 
#Header #MenuTop #MenuTopLeft ul li{
	padding:0px 0px 0px 0px;
	margin:12px 0px 0px 0px;
	list-style-type:none;
	float:left;
	height:27px;
} 
#Header #MenuTop #MenuTopLeft ul li a{
	color:#075256;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	font-family:tahoma;
	font-size:10pt;
	padding: 12px 15px 11px 15px;
	height:39px;
	background:url(line.gif) no-repeat right;
} 
#Header #MenuTop #MenuTopLeft ul li a:hover{
	height:39px;
	color:#E6700E;
} 
#Body {
	clear:both;
}
#Body #Banner{
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
} 
#Body #Banner #Banner_Left{
	float:left;
	width:534px;	
	padding-left:10px;
}

#Body #Banner #Banner_Left .ColumnMLeft
{
    float:left;
    width:176px;
}
#Body #Banner #Banner_Left .ColumnMLeft h2
{
	color:#006666;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
	font-family:Arial;
	font-size:11pt;
	font-weight:bold;
}
#Body #Banner #Banner_Left ul{
	list-style-type:none;	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#Body #Banner #Banner_Left  ul li{
	font:11px/16px Tahoma, sans-serif; 
	background:url(arrow.gif) 0 4px no-repeat; 
	padding-left:16px;
	margin-left:10px; 
	margin-bottom:4px;
	list-style-type:none;
	width:150px;
	float:left;
}
#Body #Banner #Banner_Left ul li a{
	color:#22454d; 
	text-decoration:none;
}
#Body #Banner #Banner_Left ul li a:hover{
	color:#063F42; 
	text-decoration:none;
	font-weight:bold;
}
#Body #Banner #Banner_Right{
	float:right;
	width:356px;	
	height:190px;	
} 

#Body #Banner #Banner_Right  ul{
	list-style-type:none;	
	padding:0px;
	margin:0px;
}
#Body #Banner #Banner_Right  ul li{
	font:11px/16px Tahoma, sans-serif; 
	background:url(arrow.gif) 0 4px no-repeat; 
	padding-left:16px;
	margin-left:10px; 
	margin-bottom:4px;
	list-style-type:none;
	width:150px;
	float:left;
}
#Body #Banner #Banner_Right ul li a{
	color:#22454d; 
	text-decoration:none;
}
#Body #Banner #Banner_Right  ul li a:hover{
	color:#063F42; 
	text-decoration:none;
	font-weight:bold;
}
#Body #Banner #Banner_Right h2{ 
	height:23px; 
	background:url(h_menu.gif) 0 0 no-repeat;  
	color:#006666;
	padding:0px 0px 0px 30px;
	margin:5px 0px 10px 0px;
	font-family:Arial;
	font-weight:normal;
	clear:both;
}
#Body #Banner #Banner_Right h2.h2tiny{ 
	color:#006666;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
	font-family:Arial;
	font-size:11pt;
	font-weight:bold;
	background:none;
}
#Body #BodyContent{
	clear:both;
	font-size:8pt;
	font-family:Arial;
}
#Footer{
	margin-top:5px;
	clear:both;
} 
#Footer #FooterLinkMain{
	clear:both;
	text-align:center;
} 
#Footer #FooterLinkMain a{
	font:11px/18px Trebuchet MS, sans-serif; 
	font-weight:bold; 
	color:#006666; 
	text-decoration:none; 
	padding: 0 5px
} 
#Footer #FooterLinkMain a:hover{
	text-decoration:none; 
	color:#000000
} 
#Footer #FooterLinkMore
{
	text-align:center;
	font-size:8pt;
	padding-top:10px;
	padding-bottom:10px;
	width:900px;
	margin:0px auto 0px auto;
}

.TitleContent{
	clear:both;
}
.TitleContent h1{
	font-size:14pt;
	height:18px;
	color:#006666;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
	font-family:Arial;
	font-weight:bold;
}


.BoxHome{
	clear:both;	
}
.BoxHome .BoxHome_Left{
	width:610px;	
	float:left;
}
.BoxHome .BoxHome_Right{
	width:290px;	
	float:right;
}
.BoxHome .BoxHome_Item{
	width:130px;
	padding:5px 0px 5px 0px;
	height:100px;
	float:left;
	background:url(BoxHome.jpg) no-repeat;
	margin:0px 10px 10px 10px;
}
.BoxHome .BoxHome_Item .BoxHome_ItemHeader{
	text-align:center;
	margin-bottom:5px;
}
.BoxHome .BoxHome_Item .BoxHome_ItemHeader img{
	width:105px;
	height:70px;
	border:#22454d solid 1px;

}
.BoxHome .BoxHome_Item .BoxHome_ItemTitle{
	text-align:center;
}
.BlockSpace{
	font-size:5px;
	height:10px;
	clear:both;
}

.ListArea{
	clear:both;
	padding-top:10px;
	border-Top:#D2DBE0 solid 1px;
}
.ListArea .ListArea_Left{
	background: url(ico_bg1.gif) no-repeat;
	display: inline;
	float: left;
	height: 106px;
	margin: 0 0 5px 5px;
	padding: 8px 0 0 9px;
	width: 146px;
}
.ListArea .ListArea_Left img{
	width:137px;
	height:96px;
	border:0;
}
.ListArea .ListArea_Right{
	float:right;
	width:744px;
}
.ListArea .ListArea_Right .TitleArticle a{
	margin-Top: 0px;
	margin-bottom: 10px;
	font-size:9pt;
	text-indent:15px;
	font-weight:bold;
}
.ListArea .ListArea_Right .RecapArticle a:hover{
	margin-Top: 0px;
	margin-bottom: 10px;
	font-size:9pt;
	text-indent:15px;
	font-weight:bold;	
}
.ListArea .ListArea_Right .RecapArticle{
	clear:both;
	text-indent:30px;
	padding-top:6px;
	padding-bottom:6px;
}
.ListArea .ListArea_Right .RecapArticle p{
	text-align:justify;
	padding-top:5px;
}
.ListArea .ListArea_Right .MoreArticle{
	clear:both;
	text-align:right;
}
.ListArea .ListArea_Right .MoreArticle a{
	text-align:justify;
}
.ListArea .ListArea_Right .MoreArticle a:hover{
	text-align:justify;
}
.ListArea_Paging{
	clear:both;
	padding-top:10px;
	font-size:8pt;
	padding-right:20px;
	text-align:right;
}
.ListArea_Paging span{
	color:#333
}
.ListArea_Paging span a{
	color:#006666; 
	font-weight:bold;
}
.ListArea_Paging span a:hover{
	color:#000;
}

.ListMoreArticles{
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	clear:both;
	font-size:9pt;
	font-family:Tahoma;
}
.mLink{
	clear:both;
}
.mLink ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
.mLink ul li{
	padding:0px;
	margin:0px;
	list-style:none;
	background:url(icon_arrow.gif) no-repeat;
	padding-left:20px;
	padding-bottom:3px;
}
.mLink ul li a{
	font-weight:bold;	
	color:#006666; 
}
.mLink ul li a:hover{
	font-weight:bold;
	text-decoration:none;
	color:#000;
}




.AreaBooking .BookingHeader{
	clear:both;
	height:20px;
	padding-top:7px;
	padding-left:20px;
	color:#FFF;
	font-family:Arial;
	font-size:9pt;
	font-weight:bold;
}
.AreaBooking{
	width:700px;
	margin:0px auto 0px auto;
	background:url(Bg_booking.jpg) no-repeat #FFF;
}
.AreaBooking .BookingItem{
	clear:both;
	height:25px;
	font-size:9pt;
}
.AreaBooking .BookingItem .BookingItem_Left{
	padding-top:7px;
	padding-left:5px;
	float:left;
	width:170px;
	text-align:right;
}
.AreaBooking .BookingItem .BookingItem_Right{
	padding-top:4px;
	padding-left:5px;
	float:right;
	width:500px;
}
.Booking_TextBox{
/*	border:solid #C7BD8F 1px;*/
	font-size:9pt;
	background:#FFF;
	font-family:Arial;
}


.Detail_Content_Control{
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	text-align:right;
}
.Detail_Content_Control a{
	font-family:Tahoma;
	font-size:8pt;
	color:#666;
}
.Detail_Content_Control a:hover{
	color:#000;
}
.spanErr
{
    color:#F00; 
    font-size:8pt;
}
/*************** Notifications ***************/

.notification {
    position: relative;
    margin: 0 auto 15px auto;
    padding: 0;
    border: 1px solid;
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    font-size: 13px;
    width: 96%;
    -moz-border-radius: 7px; /* Firefox */
    -webkit-border-radius: 7px; /* Safari and Chrome */
    border-radius: 7px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

    /*-moz-box-shadow: 10px 10px 20px #000; --  Firefox */
    /*-webkit-box-shadow: 10px 10px 20px #000; -- Safari and Chrome */
    /*box-shadow: 10px 10px 20px #000; -- Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
    behavior: url(/images/htc/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.attention {
    background: #fffbcc url('/Images/icons/exclamation.png') 10px 11px no-repeat;
    border-color: #e6db55;
    color: #666452;
}
.information {
    background: #dbe3ff url('/Images/icons/information.png');
    border-color: #a2b4ee;
    color: #585b66;
}

.success {
    background: #d5ffce url('/Images/icons/tick_circle.png');
    border-color: #9adf8f;
    color: #556652;
}

.error {
    background: #ffcece url('/Images/icons/cross_circle.png');
    border-color: #df8f8f;
    color: #665252;
}

.notification div {
    display:block;
    font-style:normal;
    padding: 10px 10px 10px 36px;
    line-height: 1.5em;
}

.notification .close {
    color:#990000;
    font-size:9px;
    position:absolute;
    right:5px;
    top:5px;
}
.notification .close img
{
    border:0px;
}
.HeadHotBox
{
    color:#E76F0E !important;
}
.HeadHotBox a
{
    color:#E76F0E !important;
}
.HeadHotBox a:hover
{
    color:Black !important;
}