/* CSS Document */

/* 

------------------------------- general ----------------------------- 

*/ 

body {
	margin:0px 4%;
	padding:0px;
	}

h1 {
	font: bold 12px verdana, sans-serif;
	color: #666666;
	padding:0px 23%;
	}
h2 {
	font: 10px verdana, sans-serif;
	color: #666666;
	text-align: right;
	}
h3 {
	font: 10px verdana, sans-serif;		
	color: #fff;
	margin:0px 0px;
	text-decoration: none;
	}
h4 {
	display: block;
	font: 11px verdana, sans-serif;		
	color: #666666;
	margin:0px 25%;
	text-align: right;	
	}
h5 {
	font: 10px verdana, sans-serif;		
	color: #fff;
	padding:0px 22%;
	margin:5px 23.2%;
	background-color: #666666;
	}
h6 {
	font: 20px times, serif;		
	color: #666666;
	padding:3px 5px;
	margin:5px 5px;
	text-align: center;
	background-color: #E4E4E4;
	}
h7 {
	font: bold 11px verdana, sans-serif;
	color: #666666;
	padding:0px 23%;
	}
p {
	display: block;
	font: 12px verdana, sans-serif;
	color: #666666;
	padding:0px 23%;
	text-align: justify;
	}
a {
	color: #666666;
	text-decoration: underline;
	}

a:hover {
	color: #ff6600;
	text-decoration: underline;
	}
ul {
	display: block;
	font: 11px verdana, sans-serif;
	color: #666666;
	padding:0px 24.5%;
	list-style-type: square;
	}
/* 

------------------------------- layout ----------------------------- 

*/ 

.topcolor {
	width: 22%;
	height: 100px;
	background-color: #A6AA91;
	float: left;
	z-index: 5;
	}
.topcolor_2 {
	width: 22%;
	height: 50px;
	background-color: #A6AA91;
	float: left;
	z-index: 5;
	}
.pictxt {
	display: block;
	width: 450px;
	color: #666666;
	font: x-small  Verdana, sans-serif;
	text-align: left;
	padding: 3px 0px;
	margin-top: 10px;
	margin-bottom: 1px;
	border-bottom: 1px solid #666666;
	}
#top_index {
	height: 100px;
	background: url(../images/intro/1.jpg) repeat right;
	border-bottom: 5px solid #fff;
	}
#top_index_2 {
	height: 50px;
	background: url(../images/intro/1.jpg) repeat right;
	border-bottom: 5px solid #fff;
	}
#logo {
	display: block;
	position: absolute;
	width: 60px;
	height: 100px;			
	top: 5px;
	left: 15.5%;
	background: url(../images/intro/logo.gif) no-repeat;
	z-index: 10;
	}
#name {
	display: block;
	position: absolute;
	width: 80%;
	height: 15px;
	top: 0px;
	left: 25%;
	z-index: 10;
	padding: 2px 5px;
	background: none;
	color: white;
	font-size: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#left {
	position: absolute;
	left:4%;
	top:110px;
	width:20%;
	background:#fff;
	border:0px;
	padding-right: 0px;
	}
#left_2 {
	position: absolute;
	left:4%;
	top:60px;
	width:20%;
	background:#fff;
	border:0px;
	padding-right: 0px;
	}
#right {
	position: absolute;
	right:4%;
	top:110px;
	width:20%;
	background:#fff;
	border:0px;
	padding-left: 0px;
	}
#right_2 {
	position: absolute;
	right:4%;
	top:60px;
	width:20%;
	background:#fff;
	border:0px;
	padding-left: 0px;
	}
#footer {
	margin-top: 10px;
	border-top: 5px solid #fff;
	background-color: #BEBDB8;
	height: 10px;
	}

/* 

-------------------------------- menus ------------------------------ 


*/
ul#toptext{
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 16px;
	float:none;
	}
ul#toptext li {
	border-bottom: 2px solid #fff;
	background-color: #808080;
	padding: 0px 10px;
	height: 15px;
	}
ul#toptext li a {
	color: #fff;
	text-decoration: none;
	}
ul#toptext li a:hover 
{
	color: #fff;
	text-decoration: underline;
	}
ul#toptextright{
	display: block;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	}
ul#left_topnav {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
ul#left_topnav li {
	display: block;
	border-bottom: 2px solid #fff;
	}
ul#left_topnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 1px 5%;
	background-color: #6993a3;
	font: small /1.5 verdana, sans-serif;		
	color: #fff;
	text-decoration: none;
	width: 90%;	
	}
ul#left_topnav li a:hover {
	text-decoration: underline;
	}
	
ul#left_topnav_1 {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
ul#left_topnav_1 li {
	display: block;
	border-bottom: 2px solid #fff;
	}
ul#left_topnav_1 li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 1px 5%;
	background-color: #CAB500;
	font: small /1.5 verdana, sans-serif;		
	color: #fff;
	text-decoration: none;
	width: 90%;	
	}
ul#left_topnav_1 li a:hover {
	text-decoration: underline;
	}
ul#leftnav {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	}
ul#leftnav li {
	display: block;
	border-bottom: 2px solid #BEBEB7;
	}
ul#leftnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 1px 5%;
	background-color: #fff;
	font: small /1.5 verdana, sans-serif;		
	color: #666666;
	text-decoration: none;
	width: 90%;	
	}
ul#leftnav li a:hover {
	background-color: #BEBEB7;
	color: #fff;
	}
ul#rightnav {
	display: block;
	list-style: none;
	color: #fff;
	margin: 0px;
	padding: 0px;
	clear:both;
	}
ul#rightnav li {
	display: block;
	border-bottom: 2px solid #fff;
	}
ul#rightnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	background-color: #acc5cc;
	font: small /1.5 verdana, sans-serif;
	padding: 1px 2%;
	color: #fff;
	text-decoration: none;
	}
ul#rightnav li a:hover {
	text-decoration: underline;	
	}
ul#right_bottom_nav {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	}
ul#right_bottom_nav li {
	display: block;
	}
ul#right_bottom_nav li a {
	display: block;
	background-color: #fff;
	font: small /1.5 verdana, sans-serif;		
	color: #666666;
	text-decoration: none;
	}
ul#right_bottom_nav li a:hover {
	text-decoration: underline;	
	}

#navcontainer { }

ul#navlist
{
margin: 0;
padding:0px 23% 0px 23%;
list-style-type: none;
white-space: nowrap;
}

ul#navlist li
{
float: right;
font-family: verdana, arial, sans-serif;
font-size: x-small;
font-weight: bold;
margin: 0 5px;
padding: .5% 1%;
background-color: #666666;
}

#navlist a, #navlist a:link
{
margin: 0;
padding: 0px 1px;
color: #fff;
text-decoration: none;
}

ul#navlist li#active
{
color: #fff;
background-color: #A0A0A0;
}

#navlist a:hover
{
color: #fff;
text-decoration: underline;
}
/* -------*/