﻿/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	text-align:center;
}

html, input, textarea
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:13px;
		line-height:22px;
		color: #333333;
	}

.left { float:left;}
.right {float:right; }
.clear  { clear:both;}

.aligncenter { text-align:center;}
.alignleft { text-align:left;}
.alignright { text-align:right;}

.green {color:#708801}
input, select { vertical-align:middle; font-weight:normal;}
a { color:#2CADFF; outline:none; text-decoration:underline;}
a:hover{text-decoration:none;}
a img { border:0;}
b { color:#21324E;}
big { color:#21324E; font-size:19px;}
p {padding-top:15px;}
ul { list-style:none;}
img {vertical-align:top;}
.relative { position:relative;}
.pointer { cursor:pointer;}
strong { color:#990000;}

h1 { font-size:34px; font-weight:bold; color:#263B54; margin:0;}

/* ============================= main layout ====================== */
.imgindent { float:left; margin-right:15px;}

.indent1 { padding-left:23px;}
.indent2 { padding-left:10px;}
.indent3 { padding-top:30px;}
.indent4 { padding-top:5px;}
.indent5 { padding-top:20px;}
.indent6 { padding-top:100px;}
.indent7 { padding-left:315px;}
.indent8 { padding-bottom:25px;}

.indent9 { padding: 45px 0 15px 0; font-size:22px;}

.title { margin-top:-13px; position:relative;}
.title-2 { font-size:17px; font-weight:bold; color:#263B54;}
.title-3 { font-size:15px; font-weight:bold; color:#263B54;}

/* ============================= header ====================== */
#header .row-1 { height:114px;}
#header .row-2 { background:url(images/header-top-tail.gif) top repeat-x; line-height:13.5px;}
#header .row-3 { height:317px;}
.logo { margin-top:17px;}
#header .row-2 .corner-top-left { background:url(images/header-corner-top-left.gif) top left no-repeat;}
#header .row-2 .corner-top-right { background:url(images/header-corner-top-right.gif) top right no-repeat; height:46px; } 
.menu1 { position:relative;}
.menu1 li { float:left; text-align:center;}
.menu1 li a { display:block; width:147px; height:13px; padding:17px 0 16px; font-weight:bold; color:#FFF; text-decoration:none; background:url(images/menu2-separator.gif) right repeat-y;}
.menu1 li a:hover, .menu1 .active a { color:#FFF000;}
.menu1 li .last { background:none;}
.menu1 li .last2 { background:none; color:#FFF000;}

/* ============================= content ====================== */
.indent-content {padding:0 17px 28px 18px;}
.middle-bar { height:3px; margin:7px 0 0 0; background:url(images/middle-bar.gif) repeat-x; }
.column-1 { width:221px; position: relative;}
.column-1 .indent {padding:0 20px 0 8px;}
.column-1 .indent-2 { width:211px;}
.column-2 { width:625px; position: relative;}
.column-2 .indent {padding:20px 20px 0 22px;}
.no-column { margin:50px 0 0 0}
.no-column .indent { padding:20px 0 0 0;}

.box1 { color:#FFF; line-height:18px;}
.box1 .col-1 { width:283px; background:url(images/box1-tail1.gif) bottom repeat-x #2F70C5;}
.box1 .col-2 { width:282px; background:url(images/box1-tail2.gif) bottom repeat-x #3681CE;}
.box1 .col-3 { width:282px; background:url(images/box1-tail3.gif) bottom repeat-x #3D92D7;}
.box1 .separator { background:url(images/box1-separator.gif) bottom right repeat-y;}
.box1 .indent {padding:20px 15px 10px 15px;}
.box1 .corner-left {height:177px; background:url(images/box1-left.gif) bottom left no-repeat;}
.box1 .middle { height:177px;}
.box1 .corner-right {height:177px; background:url(images/box1-right.gif) bottom right no-repeat;} 
.title1 { font-size:22px; font-weight:normal; color:#FFF; line-height:30px; margin:-9px 0 0 0; padding-bottom:7px;}

.border1 { border-left:1px solid #C3DDFE;}
.line { height:25px; border-bottom:1px solid #C3DDFE; margin-bottom:30px;}

.img-box { height:auto; width:auto; padding:18px 0 0 17px;}
.img-box-1 { height:auto; width:auto; float:right; padding:30px 0 0 30px;}
.img-box-2 { height:auto; width:auto; float:left; padding:30px 0 0 30px;}
.img-box-2-b { height:auto; width:auto; float:left; padding:50px 0 0 30px;}
.img-box-2-c { height:auto; width:auto; float:left; padding:30px 30px 0 0;}
.img-box-3 { height:auto; width:auto; padding:20px 0 0 0;}
.img-box-4 { height:auto; width:auto; padding:40px 0 0 0;}
.img-box-5 { height:auto; width:auto; float:right; padding:45px 0 0 30px;}
.img-box-6 { height:auto; width:auto; padding:0 0 30px 0;}
.img-box-7 { height:auto; width:auto; padding:30px 0 30px 0;}
.img-box-8 { height:auto; width:auto; float:right; padding:35px 0 0 30px;}

/* ============================= footer ====================== */
#footer .indent { padding:10px 0 0 0; color:#FFF;}
#footer .indent-2 { padding:30px 0 0 0; color:#FFF;}
#footer .bar { height:28px; padding:2px 10px 0 10px; background:url(images/footer-line.gif) repeat-x; font-size:10px;}
#footer .left { text-align:left}
#footer .right { text-align:right}
#footer .active { color:#FFF000;}
#footer a { color:#FFF; text-decoration:none;}
#footer a:hover { color:#FFF000;}

/* ============================= forms ====================== */
.form{ height:auto; width:690px; padding:0 0 0 69.5px;}
.form-table{ width:124px; height:45px; vertical-align:middle; padding: 0px 20px 0px 0px;}
.form-table-2{ width:auto; height:auto; padding: 0px 0px 0px 0px; vertical-align:middle}
.form-table-3{ width:124px; height:auto; padding: 0px 20px 0px 40px; vertical-align:middle}
.form-table-4{ width:auto; height:auto; padding: 0px 0px 0px 0px; vertical-align:middle}
.form-table-5{ width:auto; height:auto; padding: 0px 0px 0px 0px; text-align:center;}
.form-input{ height:25px; width:181px; font-family:Verdana; font-size:12px; vertical-align:middle}
.form-input-2{ width:690px; height:150px; font-family:Verdana; font-size:12px; vertical-align:middle}
.form-input-3{ width:203px; height:30px; }
.form-input-4{ height:25px; width:185px; font-size:14px;}


