/* 
   1. Top Right Bottom Left 
   2. Vertical align : height and line-height must be the same
*/

/* Container ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#container {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#page {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#content {
	float: right;
	width: 640px;
	padding: 0;
	margin: 0 20px;
}

#left {
	float: left;
	width: 240px;
	padding: 0;
	margin: 0 20px;
	color: #787878;
}

#left ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#left li {
	margin: 0;
	padding: 0;
}

#left li ul {
	padding-bottom: 20px;
}

#left li li {
	border-bottom: 1px dashed #C5DB76;
	padding: 7px 0 7px 10px;
}

#left h2 {
	height: 42px;
	margin: 0;
	padding: 8px 0 0 20px;
	background: url('../images/bng_left.jpg') repeat-x left top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.6em;
	color: #FFFFFF;
}

#left h3 {
	height: 42px;
	margin: 0;
	padding: 8px 12px 0 0;
	background: url('../images/bng_menu.gif') repeat-x left top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.6em;
	color: #FFFFFF;
	text-align:right;
}

#left li .menu2 {
	border-bottom: 1px dashed #B00B00;
	padding-left: 28px;
	background: url('../images/menu_off.gif') no-repeat;
	background-position:9px 8px;
}

#left li .menu2_selected {
	border-bottom: 1px dashed #B00B00;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.1em;
	color:#B00B00;
	text-align:right;
	padding-right:2px;
}

#left p {
	margin: 0 0px;
	padding: 0px 10px 20px 10px;
	text-align:center;
}

#left a { color: #787878; text-decoration: none; }
#left a:hover { color: #787878; text-decoration: underline; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Banner ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#banner {
	width: 960px;
	height: 120px;
	margin: 0 auto;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header {
	width: 960px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background: url('../images/bng_menu.gif') repeat-x left top;
}
#menu {
	float: left;
	width: 780px;
	padding: 0;
	margin-top: 3px;
}
#meteo {
	float: right;
	width: 140px;
	padding: 0;
	margin-top:6px;
	margin-right:26px;
	font: bold 7pt Verdana;
	background: url('../images/bng_meteo.gif');
	text-align:center;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Title current page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#title_current_page {
	width: 568px;
	padding: 10px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	color:#666666;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {
	width: 960px;
	background: #444444;
	height: 28px;
	margin: 0 auto;
	padding-top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #F2D5A9;
}
#footer a { color: #FFFFFF; text-decoration: none; padding: 0 5px; }
#footer a:hover { background-color:#FFFFFF; color: #444444; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Miscellaneous ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.clear { clear: both; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/