/* CSS Document */

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

body{background:url(images/top-tail.gif) top repeat-x #f7f7f6; text-align:center;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

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

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.583em; color:#a0a0a0;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#01baec; text-decoration:none;}
a:hover{}
p {padding-top:5px;}                      
h3{ font-size:1.75em; color:#01BAEC; letter-spacing:-1px; word-spacing:4px; padding-bottom:5px;}
h4{ font-size:1.153em; text-transform:none; line-height:1em; letter-spacing:-1px; color:#01baec; padding-bottom:5px;}
h5{ font-size:1.167em; font-weight:normal; color:#0f1014; padding-bottom:16px;}
strong{ color:#01baec; font-weight:normal;}

/* ============================= main layout ====================== */
.imgindent {margin:0 33px 0 0; float:left;}
.imgindent2 {margin:0 20px 0 0; float:left;}
.phone{ float:right; padding-right:5px;}
.space1{ margin-left:52px;}
.space2{ margin-left:27px;}
.padding1{ padding-top:20px;}
.padding2{ padding-top:30px !important;}
.padding3{ padding-top:45px !important;}

/* ============================= header ====================== */
#header{ background:url(images/header-bg.jpg) bottom no-repeat;}
#header .top{ width:100%; overflow:hidden; height:109px;}
#header .logo{ padding-top:21px; float:left; width: 224px;}
#header .menu{ width:100%; overflow:hidden;}
#header .menu li{ float:left;}
#header .text{ padding:36px 45px 0 0; text-align:right; color:#b8b8b8;}
#header .menuitem {float:left; height:37px; color:#01BAEC; margin-top:10px; margin-left:30px; margin-right:30px; font-size:1.383em; text-decoration:none;}
#header .menudelimiter {float:left; height:37px; width:1px; background:#B8B8B8;}

/* ============================= content ====================== */
#content{ padding:10px 0 39px 0;}
.banners{ padding:1px 0 14px 1px;}
.banners .banner{ display:inline-block; margin-right:12px;}
.row-1 .column-1, .row-1 .column-2{ background:#fefefe;}
.column-2{ margin-left:12px;}

.indent{ padding:10px 45px 43px 48px; background:#fefefe;}
.column-2 .indent{ padding:41px 55px 43px 45px;}

.column-2 h3{ color:#01baec;}

.link{ display:inline-block; background:url(images/link-tail.gif) top repeat-x; color:#fefefe; font-weight:bold; text-decoration:none; font-size:1.083em; margin-top:12px; float:right;}
.link span{ display:block; background:url(images/link-left-bg.gif) left top no-repeat;}
.link span span{ background:url(images/link-right-bg.gif) right top no-repeat; padding:1px 8px 5px 8px;}
.link:hover{ background:url(images/link-tail-act.gif) top repeat-x;}
.link:hover span{ background:url(images/link-left-bg-act.gif) left top no-repeat;}
.link:hover span span{ background:url(images/link-right-bg-act.gif) right top no-repeat;}

.link2{ font-size:1.417em; line-height:1.353em; display:inline-block; margin:2px 0 12px 0;}
.link3{ color:#a0a0a0;}

#.list{ margin:-4px 0;}
#.list li{ font-size:1.083em; line-height:0.154em;}
.text1{ font-size:1.417em; line-height:1.353em; color:#01baec;}
.text2{ font-size:0.917em; line-height:1.182em; text-transform:uppercase; color:#c0c0c0;}
.extra{ margin-right:-15px;}

.row-2{ padding:41px 10px 0 51px;}
.row-2 li{ line-height:1.917em;}
.row-2 a{ color:#888887;}

/* ============================= footer ====================== */
#footer{ border-top:solid 1px #dededd; text-align:center; color:#676666; padding-top:6px;}
#footer a{ color:#18cbfc;}

/* ============================= forms ============================= */
#LoginForm{ float:right; }
#LoginForm .tail{ background:url(images/form-tail.gif) top repeat-x;}
#LoginForm .left-bg{ background:url(images/form-left-bg.gif) left top no-repeat;}
#LoginForm .right-bg{ background:url(images/form-right-bg.gif) right top no-repeat; padding:13px 15px 15px 14px;}
#LoginForm input{ border:solid 1px #01BAEC; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.917em; color:#01baec; padding:2px 0 2px 3px; width:50px; margin-right:3px; vertical-align:middle;}
#LoginForm .link{ float:none; margin:0 0 0 12px;  vertical-align:middle;}

#SearchForm{ padding:0 22px 15px 0;}
#SearchForm input{ border:solid 1px #dededd; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1.417em; color:#b8b8b8; padding:1px 0 2px 8px; width:165px; margin-right:3px; vertical-align:middle;}
#SearchForm select{ border:solid 1px #dededd; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1.417em; color:#01baec; width:102px; margin-right:3px; vertical-align:middle;}
#SearchForm a{ font-size:1.583em; font-weight:bold; text-decoration:none; display:inline-block; background:url(images/searchform-link-tail.gif) top repeat-x; letter-spacing:-1px; cursor:pointer;}
#SearchForm a span{ display:inline-block; background:url(images/searchform-link-left-bg.gif) left top no-repeat;}
#SearchForm a span span{ background:url(images/searchform-link-right-bg.gif) right top no-repeat; padding:6px 16px 7px 14px; vertical-align:middle; }
#SearchForm a:hover{ color:#037594;}

#ContactForm{ padding-top:4px;}
#ContactForm .col-1{ width:280px !important;}
#ContactForm .col-2{ width:245px !important;}
#ContactForm label{ display:block; height:48px;}
#ContactForm input{ border:solid 1px #dededd; background:#f4f4f3; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#a0a0a0; padding:5px 0 5px 3px; width:245px;}
#ContactForm textarea{ border:solid 1px #dededd; background:#f4f4f3; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#a0a0a0; padding:3px 0 3px 3px; width:243px; height:115px; overflow:auto;}
#ContactForm .link{ margin:15px 5px 0 15px;}