/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:#d9d9d4;
}

#route { position:absolute;
		left: 50%;
		width: 100px;
		margin-top: 50px;
		margin-left: 150px;}

a:hover{text-decoration:none;}

a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial; 
		font-size:11px;
		line-height:14px;
		color:#5b5b5a;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#f10000;}

/*main layout */

.top_bg {background:url(images/top_tall.gif) top repeat-x #f4f4ee;}
.bot_bg {background:url(images/bot_bg.gif) bottom repeat-x}

#header2 .col1 {width:258px; background:#3ABC4E;}
#header2 .col2 {width:518px; background:url(images/header_bg_.jpg) top left no-repeat; height:294px;}
#header2 .indent {padding:91px 0 79px 0px;}
.logo {margin:38px 33px 0 13px;}

#main { margin:0 auto;}


#middle { width:100%; background:#f4f4ee;}
#middle .column1 {background:#f1f1ec;}
#middle .column3 {background:#f1f1ec;}

#footer {color:#000000;}
#footer .left { padding:48px 0 0 20px;}
#footer a {color:#f10000;}
#footer .right {padding:28px 53px 0 0;}
#footer .right img {vertical-align:middle; margin-left:31px;}

.more {background:url(images/more_bg.gif) top right no-repeat; padding-right:12px; font-size:11px; color:#B9C0C7; text-decoration:none;}
.more:hover {text-decoration:underline;}


li { line-height:17px;}
.ul li {line-height:22px;}
.red {color:#f10000;}

/* index */

#index #middle .column1 .indent {padding:19px 19px 12px 17px;}
#index #middle .column2 .indent {padding:19px 22px 30px 16px;}
#index #middle .column3 .indent {padding:19px 22px 30px 14px;}

#index #middle .column1 .content {padding:5px 10px 25px 2px;}
#index #middle .column2 .content {padding:5px 0 5px 3px;}
#index #middle .column3 .content {padding:5px 0 5px 4px;}

/* index-1 */

#index_1 #middle .column1 .indent {padding:19px 19px 37px 19px;}
#index_1 #middle .column2 .indent {padding:19px 45px 30px 16px;}

#index_1 #middle .column2 .content {padding:5px 0 5px 3px;}
#index_1 #middle .col1 {width:235px;}
#index_1 #middle .col2 {width:195px;}

/* index-2 */

#index_2 #middle .column1 .indent {padding:19px 19px 12px 17px;}
#index_2 #middle .column2 .indent {padding:19px 22px 30px 19px;}
#index_2 #middle .column3 .indent {padding:19px 22px 30px 14px;}

#index_2 #middle .column1 .content {padding:5px 0 25px 2px;}
#index_2 #middle .column2 .content {padding:5px 0 5px 3px;}
#index_2 #middle .column3 .content {padding:5px 0 5px 4px;}


/* index-3 */

#index_3 #middle .column1 .indent {padding:19px 19px 29px 19px;}
#index_3 #middle .column2 .indent {padding:18px 15px 25px 16px;}

#index_3 #middle .column2 .content {padding:5px 0 5px 3px;}
#index_3 #middle .col1 {width:222px;}
#index_3 #middle .col2 {width:222px;}
#index_3 #middle .col1 .content1 {padding-left:3px;}
#index_3 #middle .col2 .content1 {padding-left:4px;}
#index_3 #middle .ind_col {width:36px;}
#index_3 #middle .ver_line3 {background:url(images/ver_line.gif) repeat-y 243px 0;}


/* index-4 */

#index_4 #middle .column1 .indent {padding:19px 10px 12px 17px;}
#index_4 #middle .column1 .content {padding:5px 10px 25px 2px;}
#index_4 #middle .column2 .indent {padding:18px 25px 25px 19px;}

#index_4 #middle .column2 .content {padding:5px 0 5px 3px;}
#index_4 #middle .col1 {width:200px;}
#index_4 #middle .col2 {width:200px;}
#index_4 #middle .pr1 {width:163px; float:left; line-height:22px;}
#index_4 #middle .pr2 {width:36px; float:left; line-height:22px;}

#index_4 #middle .ind_col {width:42px;}
#index_4 #middle .ver_line3 {background:url(images/ver_line.gif) repeat-y 243px 0;}


/* index-5*/

#index_5 #middle .column1 .indent {padding:19px 10px 12px 17px;}
#index_5 #middle .column1 .content {padding:5px 10px 25px 2px;}
#index_5 #middle .column2 .indent {padding:18px 40px 25px 19px;}

#index_5 #middle .column2 .content {padding:5px 0 5px 3px;}
#index_5 #middle .col1 {width:244px;}
#index_5 #middle .col2 {width:212px;}
#index_5 #middle .pr1 {width:163px; float:left; line-height:22px;}
#index_5 #middle .pr2 {width:36px; float:left; line-height:22px;}

#index_5 #middle .ver_line3 {background:url(images/ver_line.gif) repeat-y 243px 0;}
p {padding-top: 10px !important;}

.row {height:30px;}


.input {width:203px; height:19px; padding:0 0 0 7px;}
textarea {width:203px; height:79px; padding:0 0 0 7px; overflow:auto}

form .right { padding:10px 1px 0 0;}

/* index-6 */

#index_6 #middle .indent {padding:19px 20px 25px 19px;}


.navcontainer
{
left: 50%;
width: 700px;
margin-left: -350px;
position: absolute;
z-index:100;
padding: 0;
margin-top:40px;
height: 20px;
}

.navcontainer ul
{
border: 0;
margin: 0;
padding: 0;

list-style-type: none;
text-align: center;
}

.navcontainer ul li
{
display: block;
float: left;
text-align: center;
vertical-align: middle;
padding: 0;
margin: 0;
}

.navcontainer ul li a
{

width: 97px;
height: 22px;
padding-top: 7px;
margin-top:61px;
color: #00CC33;
text-decoration: none;
display: block;
text-align: center;
font-family:Tahoma, Trebuchet;
font-weight:bold;
font-size:12px;
vertical-align: middle;
}

.navcontainer ul li a:hover
{
color: #fff;
background-color:#00CC33;
vertical-align: middle;
}

.navcontainer a:active
{
background-image:url(active.png);
color: #fff;
vertical-align: middle;
}

.navcontainer li#active a
{
background-image:url(active.png);
color: #fff;
vertical-align: middle;
}