/******************************************************************
						Basic HTML Tags
******************************************************************/
* {	margin: 0px; padding: 0px;}
html { overflow: auto;}
body { text-align: center; background: url(../images/design/fond.jpg) no-repeat top center #5475a0; margin-bottom: 20px; }
img {border: none;}
a, a:visited {text-decoration: none;}
object {z-index:0; }
/******************************************************************
						PAGE PROPRETIES
******************************************************************/

/*********************** PAGE ***********************/
#page {
	width:1015px;
	margin: auto;
	margin-top: 20px;
	padding:0px 10px 20px 0px;
	font-family: Arial;
	background: url(../images/design/shadow_right.jpg) repeat-y right white;
	text-align: left;
	min-height:400px;
}

/********************** HEADER **********************/

#header { width:100%; background: white;}
#ban { width:100%; height: 110px; }
#menu { width: 100%; height: 20px; background: url(../images/design/menu.jpg) no-repeat; }
#menu *{z-index: 500;} /* allow displaying the menu always on the top */
#sub_menu { clear: both; width: 100%; height: 20px; }
.sub_menu { width: 700px; float:left; text-indent: 70px; font-size: 12px; color: white; background:url(../images/design/bk_submenu.jpg) no-repeat;}
.sub_menu a,.sub_menu a:visited { font-size: 12px; color:white;}
.sub_menu a:hover { font-size: 12px; color: #FF9933;}

/***************** SEARCH PROPERTIES ****************/

#search { position: right; z-index: 2;}
#search_text, #search_button {	font-size: 9px;}
#search_text { border: 1px solid #CCC;}
#search_button { border: 0px; }

/********************** INDEX **********************/

#index{	clear: both; width: 100%; background: white;}
#index p { text-align: justify; margin: 10px 0px 10px 0px ; font-size: 12px;}
#index td {font-size: 12px;}
#index dl {margin: 0 0 10px 0;}
#index dd {font-size: 12px;}
#index a, #index a:visited{font-size: 12px; color:#0060AA; text-decoration: none;}
#index a:hover {font-size: 12px; color: #FF9933;}
#index h2 { font-size: 20px; margin: 20px 0px 20px 0px; font-weight: bold; color: #666666;}
#index h3 { font-size: 18px; margin: 15px 0px 0px 0px; font-weight: bold; color: #666666;}
#index h4 { font-size: 16px; margin: 15px 0px 0px 0px; font-weight: bold; color: #666666;}
#index li { margin-left: 40px; font-size: 12px;}
#index .breadcrumb{ margin: 10px 0 0 10px; text-align:left; font-size: 18px; color:#707070;}
#index .breadcrumb a{font-weight: bold;}

#body { width: 975px; padding: 20px; background: white;}

/**********************	FOOTER **********************/

#footer {
	clear: both;
	width:1025px;
	margin: auto;
	font-family: Arial;
	background: url(../images/design/footer.jpg) no-repeat top;
}
#footer p{ font-size: 10px; padding-top:10px;	text-align: center; }

/******************************************************************
						OTHER CLASS LIST
******************************************************************/
#index .alert, #index .error{ width:80%; border:1px solid red; color:red; margin:auto;
	margin-top: 20px; background:#FFDADA; padding:10px;}
#index .valid {color: green; }
#index .center, .center { text-align: center;}
#index .small {font-size: 10px; }

#index .btn_submit {
	width: 80px;
	height: 25px;
	color: black;
	background: #eeeeee;
	text-align: center;
	margin-top: 10px;
	font-size: 11px;
	border:1px solid gray;
}

#index .btn_submit:hover {
	background: #e0e0e0;
}

#index div.grayBorder{
	padding: 10px;
	border: 1px solid silver;
	background: #fafafa;
}