/* CSS Document */

/* Body */
body {
	margin: 0; 
	padding: 0; 
	scrollbar-face-color: #81b3ed;
	scrollbar-highlight-color: #81b3ed;
	scrollbar-shadow-color: #ffffff;
	scrollbar-arrow-color: #FFCC34;
	scrollbar-track-color: #000066;
	scrollbar-3d-light-color: #FFCC34;
	scrollbar-dark-shadow-color: #ffffff;
	background: #1f7eb6;
}
table, td {
	font: 8pt 'Verdana', Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align:top; 
	color: #000000;
	background: #f1f1f1;
}
.lines {
	text-align:left;
	padding:0;
	background:#1f7eb6;
}
.titleProject{
	font: 13pt 'Helvetica Condensed', Arial Narrow,  Arial, Helvetica, sans-serif;
	color: #6A2D00;
	font-weight:bold;
}
.titleProject_2{
	font: 13pt 'Helvetica Condensed', Arial Narrow,  Arial, Helvetica, sans-serif;
	color: #C1A991;
	font-weight:bold;
}

.tilteImg {
	text-align:left;
	padding-left:20;
	padding-top:0;
	padding-bottom:10;
	padding-right:20;
}
.rightImg {
	text-align:right;
	padding:0;
	width:324;
}
.footer {
	text-align:center;
	vertical-align:bottom;
	padding:0;
}

/* Contents */
.content{
	font-size: 1.0em; 
	font-weight: normal;
	color:#6d6e71;
	text-align:justify;
	line-height: 15px;
}

.basicFont {
	font-size: 1.0em; 
	font-weight: normal;
	color:#6d6e71;
	text-align:justify;
	line-height: 15px;
	padding-left:35;
	padding-right:35;
	padding-bottom:10;
}
.basicFont-address {
	font-size: 1.0em; 
	font-weight: bold;
	color:#6A2E00;
	text-align:left;
	vertical-align:middle;
	line-height: 20px;
	padding:0;
}
.contentFont {
	font-size: 1.2em; 
	font-weight: bold;
	color:#2581b7;
	text-align:left;
	vertical-align:middle;
	line-height: 1.5em;
	padding-left:35;
	padding-right:35;
	padding-bottom:10;
}

A.basicLink:link {
	color: #000000;
	text-decoration: underline;
}
A.basicLink:visited {
	color: #000000; 
	text-decoration: underline;
}
A.basicLink:hover {
	color: #20465A; 
	text-decoration: none;
}

/* Right panel  */
.td-rightpanel {
	width:180;
	font-size: 0.9em; 
	font-weight: normal;
	text-align:right;
	color: #ffffff;
	padding:8;
	background:#ffffff;
}

/* Bottom Copyright */
.copyrightFont {
	font-size: 0.9em; 
	font-weight: normal;
	text-align:left;
	color: #6d6e71;
	padding:10;
	background: #ffffff url(../images/main_graphic/s0_btmBg.gif) repeat-x;
}
.noteFont {
	font-size: 0.9em; 
	font-weight: normal;
	font-style:italic;
	color:#6d6e71;
	text-align:left;
	padding:0;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* LEFT NAVIGATION - list */


#table_nav{
margin-left:18px;
}

#main_main_left-nav {
width: 120px;
}

/* -- Float Buster -- */
.float-buster {clear: both; height: 0; line-height: 0;}

/* -- Clear Fix -- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* -- Categories -- */

/* -- First Level -- */
#main_categories {
text-align:left;margin: 0px 0 0px 0; padding: 0px 0 1px 0; list-style: none; width: 288px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#f1f1f1;
}
#main_categories li {position: relative; font-weight: bold; padding-top: 0px; border-bottom: 1px solid #F1F1F1;}
#main_categories li a {display: block; text-decoration: none; /* IE6 Bug */ padding: 0px 0px 0px 24px; margin: 0px 0px 0px 24px;background-color: #F1F1F1;}
#main_categories li a:hover, #categories li a.ont-selected:hover {background-color: #2581b7;}

#main_categories a.ont-selected {background: url(../images/nav/proj_b_03.jpg) no-repeat;}

/* Fix IE. Hide from IE Mac \*/
* html #main_categories li { float: left; height: 1%; }
* html #main_categories li a { height: 1%; }
* html #main_categories li ul li { float: left; height: 1%; }
* html #main_categories li ul li a { height: 1%; }
* html #main_categories li ul li ul li { float: left; height: 1%; }
* html #main_categories li ul li ul li a { height: 1%; }
* html #main_categories li ul li ul li ul li { float: left; height: 1%; }
* html #main_categories li ul li ul li ul li a { height: 1%; }
/* End */

li:hover #main_categories, li.over #main_categories { display: block; } /* The magic */

/* -- Font Colors -- */
#main_categories li a{
color:#5f5f5f;
}
#main_categories li ul li a{
color:#5f5f5f;
}

#main_categories li a:hover,
#main_categories li a:hover  {color: #ffffff;}


/* end */ 
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */