/* ECCEO9 - DePlaen */

body { margin:0px 0; padding:0; font: 80% Verdana, Arial, Helvetica, sans-serif, Sans-Serif; background-color:#333;line-height: 1.4em; }
.content { background: #FFF ;margin: 0 auto; padding: 0; width: 800px;}


/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#top {padding: 10px 0 5px 0; margin: 0; background-color:#333; height: 24px; width: 800px; color:#FFFFFF;}
#header { margin: 0; width: 800px; background: url('images/e9.jpg') no-repeat; height:250px;}
#subheader { background: #000 repeat-y center; width: 800px; height: 29px; color: #FFF; margin-left: 0px;}

/* NAVIGATION
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.navbar { margin: 0; padding: 0; float: left; list-style-type: none; list-style-image: none; width: 800px; height:29px; background: #001732;}
.navbar ul { margin: 0; padding: 0; float: left; list-style-type: none; list-style-image: none; text-align: center;}
	
.navbar li { float: left; padding-right: 1px; width: 91px;}

.navbar li a {color: #FFF; display: block; height: 15px; padding: 8px 0px 4px 0px; text-align: center; font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; background: #001732; border-bottom: 2px solid #93D4F5; font-weight: bold; text-decoration: none; text-transform: uppercase;}


.navbar li a:hover, .navbar .current   { color: #001732; font-weight: bold; display: block; background: #FFF; border-bottom: 2px solid #074064; text-decoration: none; opacity:.9;}


.nav { text-align: left; color: 	#7D8085; padding: 15px 0 0 0px; width: 200px; }
.nav li { margin: 5px 0 5px 0px; padding: 0px 0 0 0px; border-bottom: 1px dotted #ccc; list-style: none;}
.nav li a { color: #546078; text-decoration: none;  padding: 5px 0 0 0px; display: block; margin-bottom: 2px;}
.nav li a:hover { color: #075181; text-decoration: none; background: #E5F6FF; display: block; margin-bottom: 2px;}

/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/

#main { background: #FFF; width: 800px; margin:0px; color: #808080; }  
#main .lft_side { float: left; padding:0px 0 0 10px; margin:0; background-color: #FFF; width: 210px; }

#main .lft_side .hitems { margin: 0; 	padding: 0; }
#main .lft_side .hitems ul { margin: 5px 0 5px 0; padding : 0; color: #a90000; list-style-image: url(arrow.gif);}
	
#main .lft_side .hitems li { margin: 0 0 2px 20px; padding: 0 0 0 0px; color: #555;}

#main .rgt_side {
	float: right;
	width: 500px;
	background: #FFF;
	padding:15px 15px 0 20px;
	margin:0;
}
#main h3 {  font: 85% Arial, Sans-Serif; margin: 0 0 10px 0px; padding: 0; color: #5f5f5f; background: inherit; border-bottom: 1px solid #036CB4;}

#main .box  {	background: #efefef; padding: 5px; border: 1px solid #ccc;}

#main .lft_side ul { margin: 5px 0 5px 0; padding : 0; list-style : none; border-bottom: 0px solid #eee; list-style-type: square; color: #a90000;}
	
#main .lft_side li { margin: 0 0 2px 15px; padding: 0 0 0 0px; color: #555;}

#main .lft_side  .padding {margin: 0 0 20px 15px; padding: 0 0 0 0px; color: #555;}

/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer { clear:both; height: 60px; color:#808080;  background: #ffffff; font-size:80%; padding: 0; text-align:center; border-top: 3px solid #001732; }

#footer .padding { padding: 20px 0px 0px 0px; }
#footer .right { float:right; clear:right; text-align:center; }

#footer a { color: #0000CC; text-decoration:underline;}



/*FONT ---------------------------------------------------------------------------------------------------------------------------------------------------*/

p { margin: 0; padding: 3px 0 5px 0; color: #808080; background: inherit; }
a { color:#0000CC; background: inherit; text-decoration:none; }
a:hover { background: inherit; text-decoration:underline; }
h1{ margin: 0; padding: 0; font-weight:bold; font-size:95%; text-align:center;	font-variant:small-caps; vertical-align: top; }
h2 { padding: 8px 0 5px 0; color:#001732; font-size:180%; font-weight:bold; font-variant:small-caps; border-bottom:#001732 3px solid; }
.img_side {
	float: left;
	/*padding:0px 0px 0px 0px;¨¨*/
	margin:10px;
	background-color: #FFF;
	/*width: 150px;*/
}

.img_side_right {
	float: right;
	/*padding:0px 0px 0px 0px;*/
	margin:10px;
	background-color: #FFF;
	/* width: 150px; */
}


h2 a { background: #FFF; color: #001732; }
h2 a:hover { background: #FFF; color: #68ADD5; text-decoration:none;  }



/*Graffics ------------------------------------------------------------------------------------------------------------------------------------------------*/


.title {color: #FFFFFF; background: #001732; font-size: 9px; font-weight: bold; text-align: center; vertical-align: middle; }
.hotel {padding: 0 2px 0 3px; color: #808080; background: #FFFFFF; font-size: 9px; font-weight: bold; text-align: left; border-right-width: 1 px; border-right-style: solid; border-right-color: #001732; 

vertical-align: middle;}
.hotel2 {padding: 0 2px 0 3px; color: #808080; background:#dee2e5; font-size: 9px; font-weight: bold; text-align: left; border-right-width: 1 px; border-right-style: solid; border-right-color: #001732; 

vertical-align: middle;}
.room {color: #808080; background:#FFFFFF; font-size: 9px; text-align: center; border-right-width: 1 px; border-right-style: solid; border-right-color: #001732; vertical-align: top; }
.room2 {color: #808080; background:#dee2e5; font-size: 9px; text-align: center; border-right-width: 1 px; border-right-style: solid; border-right-color: #001732; vertical-align: top; }
.link { color: #808080; font-weight: bold;}
td a:over { color: #075181; font-weight: bold;}


.prog {padding: 0 2px 0 3px;color: #808080;background: #ececec;font-size: 11px;}
.prog2 {padding: 0 2px 0 3px;color: #808080;background: #ffffff;font-size: 11px;}
.proginter {padding: 0 2px 0 3px;color: #808080;background: #f0daca;font-size: 11px; }
.progtitle {padding: 0 2px 0 3px;color: #FFFFFF; background: #333;font-size: 11px; font-weight: bold;}
.progsymp {padding: 0 2px 0 3px;color: #808080;background: #CAD8B6;font-size: 11px;}
.progsymp2 {padding: 0 2px 0 3px;color: #808080;background: #d8d8b6;font-size: 11px;}
.progsymp3 {padding: 0 2px 0 3px;color: #808080;font-size: 11px;background-color: #e5e5cf;}
.clkr { float: left; width: 400px; background: #FFF; }


.img_right {
	float: right;
	/*padding:0px 0px 0px 0px;*/
	margin:5px;
	background-color: #FFF;
	/* width: 150px; */
}

.img_left {
	float: left;
	/*padding:0px 0px 0px 0px;¨¨*/
	margin:5px;
	background-color: #FFF;
	/*width: 150px;*/
}