/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#384751 url(images/header_tall.gif) top repeat-x;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

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


html, input, textarea
	{
		font-family:Tahoma;
		font-size:0.75em;
		line-height:1.417em;
		color:#638090;
	}

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

a {color:#638090;}
a:hover{text-decoration:none;}
p {padding:17px 0 0 0;}

/* ============================= main layout ====================== */

#footer_bg {background:url(images/footer_tall.gif) bottom repeat-x;}
.more {background:url(images/more_bg.gif) no-repeat 0 6px; padding-left:13px; color:#8aa5ba;}

h1 {background:url(images/logo.jpg) top left no-repeat; text-indent:-10000px; height:60px; line-height:1.25em; font-size:0.75em;}


li { background:url(images/list_bg.gif) no-repeat 0 11px; color:#d9e8c3; font-weight:bold; font-family:arial;}
li a {color:#60b6d5; line-height:2.5em; font-weight:normal;}

.imgindent {margin:0 20px 0 0; float:left;}

.box {background:url(images/box1.jpg) top left no-repeat;}
.box p {padding:8px 0 18px 0;}
.box a {color:#aec4d4;}

.box2 {background:url(images/box2_bg.jpg) top left no-repeat;}

.title {font-family:Verdana, Geneva, sans-serif; color:#FFFFFF; background:url(images/title_bg.gif) no-repeat 0 4px; font-size:1.667em; line-height:1.2em; padding-left:28px;}
.title2 {font-size:1.5em; line-height:1em; font-family:arial; color:#b1cde2;}

.blue {color:#60b6d5;}

/* ============================= header ====================== */

#header .left {width:451px; padding:32px 0 0 57px;}
#header .right {padding:52px 55px 0 0;}
#header .right img {margin-left:27px;}

#menu {padding:17px 0 0 94px;}
#menu li {width:114px; text-align:center; float:left; padding:11px 0 21px 0;}
#menu .side {width:129px;}
#menu li a {color:#ffffff; text-decoration:none; font-family:tahoma; line-height:1.5em;}
#menu li a:hover {text-decoration:underline;}
#menu .b1 {background:url(images/b1.jpg) top left no-repeat;}
#menu .b2 {background:url(images/b2.jpg) top left no-repeat;}
#menu .b3 {background:url(images/b3.jpg) top left no-repeat;}
#menu .b4 {background:url(images/b4.jpg) top left no-repeat;}
#menu .b5 {background:url(images/b5.jpg) top left no-repeat;}

/* ============================= middle ====================== */

#middle { width:100%;}

/* ============================= footer ====================== */

#footer {color:#7494a8; background:url(images/footer_line.gif) no-repeat 409px 0;}
#footer .left {padding:32px 0 0 46px;}
#footer .right {padding:31px 48px 0 0;}
#footer span {background:url(images/footer_h.gif) no-repeat 0 3px; padding-left:20px;}
#footer a {color:#7494a8;}

/* ============================= index ============================= */

#index #middle .indent {padding:0 86px 43px 106px;}
#index .indent2 {padding:8px 0 0 4px;}

#index .box .padding {padding:68px 41px 50px 52px; color:#98b0c2;}
#index .box .imgindent {margin:0 58px 0 0;}

#index .box2 .padding {padding:23px 20px 17px 25px; background:url(images/line1.gif) bottom left no-repeat;}
#index .box2 .content1 {padding:30px 0 0 47px;}
#index .box2 .imgindent {margin:0 47px 0 0;}

#index .content {padding:24px 0 0 25px;}
#index .colspad {padding:22px 0 0 0;}
#index .col1 ul {margin:0 0 0 3px;}
#index .col2 ul {margin:0 0 0 33px;}

/* ============================= index-1 =========================== */


#index_1 #middle .indent {padding:2px 86px 43px 110px;}

#index_1 .box2 {background:url(images/2-box2.jpg) top left no-repeat;}
#index_1 .box2 .padding {padding:23px 20px 31px 25px; background:url(images/2-line1.gif) bottom left no-repeat;}
#index_1 .box2 .content1 {padding:30px 0 0 2px;}
#index_1 .box2 p {padding-top:10px;}

#index_1 .content {padding:24px 0 0 25px; background:url(images/2-line2.gif) bottom left no-repeat;}
#index_1 .content .padding {padding:30px 20px 32px 2px;}
#index_1 .content .imgindent {margin:0 28px 16px 0;}
#index_1 .content p {padding-top:7px;}
#index_1 .content .p {padding-top:13px;}

#index_1 .content2 {padding:24px 0 0 25px;}
#index_1 .content2 .padding {padding:28px 43px 10px 2px;}

/* ============================= index-2 =========================== */

#index_2 #middle .indent {padding:0 86px 43px 106px;}
#index_2 .indent2 {padding:8px 0 0 4px;}

#index_2 .box .padding {padding:68px 41px 50px 52px; color:#98b0c2;}
#index_2 .box .imgindent {margin:0 33px 0 0;}

#index_2 .box2 {padding:23px 30px 8px 25px;}
#index_2 .box2 .padding {padding:25px 0 0 28px;}
#index_2 .box2 .content1 {padding:0 0 29px 20px; background:url(images/3-line1.gif) bottom left no-repeat;}
#index_2 .box2 .imgindent {margin:0 42px 0 0;}
#index_2 .box2 p {padding:5px 0 0 0;}
#index_2 .box2 .p {padding:14px 0 0 0;}
#index_2 .box2 .content2 {padding:30px 0 10px 20px;}


/* ============================= index-3 =========================== */

#index_3 #middle .indent {padding:0 86px 43px 106px;}
#index_3 .indent2 {padding:8px 0 0 4px;}

#index_3 .box .padding {padding:68px 41px 50px 52px; color:#98b0c2;}
#index_3 .box .imgindent {margin:0 37px 0 0;}

#index_3 .box2 .padding {padding:23px 30px 17px 25px; background:url(images/line1.gif) bottom left no-repeat;}
#index_3 .box2 .content1 {padding:30px 0 0 30px;}
#index_3 .box2 .imgindent {margin:0 34px 0 0;}

#index_3 .content {padding:24px 0 0 25px;}
#index_3 .colspad {padding:22px 0 0 0;}
#index_3 .col1 ul {margin:0 0 0 3px;}
#index_3 .col2 ul {margin:0 0 0 33px;}


/* ============================= index-4 =========================== */

#index_4 #middle .indent {padding:0 86px 48px 106px;}
#index_4 .indent2 {padding:8px 0 0 4px;}

#index_4 .box .padding {padding:68px 41px 50px 52px; color:#98b0c2;}
#index_4 .box .imgindent {margin:0 34px 0 0;}
#index_4 .box p {padding:6px 0 0 0;}

#index_4 .box2 .padding {padding:23px 20px 29px 25px; background:url(images/line1.gif) bottom left no-repeat;}
#index_4 .box2 .content1 {padding:30px 0 0 2px;}

#index_4 .content {padding:24px 0 0 25px;}
#index_4 #form {padding:30px 0 0 0;}
#index_4 #form .cols {height:77px;}


form .rowi {height:30px;}

.input {width:227px; height:21px; padding:0 0 0 5px; font-size:1em;}
textarea {width:227px; height:51px; padding:0 0 0 5px; overflow:auto; font-size:1em;}
form .div {text-align:right; padding:8px 3px 0 0;}

/* ============================= index-5 =========================== */

#index_5 #middle .indent {padding:2px 86px 43px 110px;}

#index_5 .box2 {background:url(images/6-box2.jpg) top left no-repeat;}
#index_5 .box2 .padding {padding:23px 29px 12px 25px;}
#index_5 .box2 .content1 {padding:30px 0 0 2px;}
#index_5 .box2 strong {color:#b4c8d7;}
#index_5 .box2 a {color:#60b6d5;}
