/* CSS Document */

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

body{background:url(images/body-bg.gif); text-align:center;}
.top-tail{ background:url(images/top-tail.gif) top repeat-x;}
.top-tail2{ background:url(images/top-tail2.gif) top repeat-x; position:absolute; right:0; width:50%; height:83px;}

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.5em; color:#646464;}

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

a {color:#37a2d5;}
a:hover{text-decoration:none;}
p {padding-top:23px;}
strong{ display:block; padding-bottom:11px;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.phone{ float:right; padding-right:155px;}
.margin1{ margin-top:29px;}
.padding1{ padding-top:15px;}
.padding2{ padding-top:20px;}
.padding3{ padding-top:25px;}
.padding4{ padding-top:8px;}

/* ============================= header ====================== */
#header{ background:url(images/header-bg.gif) top left no-repeat;}
#header .logo{ padding:16px 0 0 71px; display:inline-block; vertical-align:top;}
#header .slogan{ display:inline-block; font-size:1.083em; color:#a6a6a6; padding:43px 0 0 2px;}

/* ============================= content ====================== */
#content{ padding:26px 55px 0 55px;}
#content .top-tail{ background:url(images/content-top-tail.gif) top repeat-x #ffffff; width:100%;}
.bot-tail{ background:url(images/content-bot-tail.gif) bottom repeat-x;}
.left-tail{ background:url(images/left-tail.gif) left repeat-y;}
.right-tail{ background:url(images/right-tail.gif) right repeat-y;}
.left-top{ background:url(images/corner-left-top.gif) left top no-repeat;}
.right-top{ background:url(images/corner-right-top.gif) right top no-repeat;}
.left-bot{ background:url(images/corner-left-bot.gif) left bottom no-repeat;}
.right-bot{ background:url(images/corner-right-bot.gif) right bottom no-repeat; width:100%;}
.indent{ padding:25px 10px 30px 28px;}
#page8 .indent{ padding:25px 30px 45px 28px;}

.line{ padding-bottom:15px;}
.extra{ padding-bottom:0;}
.title{ padding-bottom:11px;}
.unline{ background:url(images/line.gif) bottom repeat-x; padding-bottom:25px; margin-bottom:24px;}
.unline1{ background:url(images/line.gif) bottom repeat-x; padding-bottom:37px; margin-bottom:24px;}
.unline2{ background:url(images/line2.gif) bottom repeat-x; padding-bottom:20px; margin-bottom:24px;}
.unline3{ background:url(images/line2.gif) bottom repeat-x; padding-bottom:20px; margin-bottom:15px;}

.top{ height:349px; background:url(images/top-bg.jpg) bottom left no-repeat; margin-left:10px;}
.menu{ padding:20px 0 0 14px;}
.menu li{ float:left; padding:0 22px 0 20px; background:url(images/menu-item-bg.gif) no-repeat 0 11px;}
.menu .first{ background:none; padding-left:0px;}
.menu a{ color:#4b4b4b; text-decoration:none; display:block;}
.menu a span{ display:block; }
.menu a span span{ padding:6px 11px 7px 12px;}

.menu a:hover{ color:#ffffff; font-weight:normal; text-decoration:underline; background:url(images/menu-tail.gif) top repeat-x;}
.menu .active{ color:#ffffff; text-decoration:underline; background:url(images/menu-tail.gif) top repeat-x;}
.menu a:hover span, .menu .active span{ background:url(images/menu-left-bg.gif) left top no-repeat;}
.menu a:hover span span, .menu .active span span{ background:url(images/menu-right-bg.gif) right top no-repeat; }

.top .text{ padding:84px 0 0 46px; width:340px; color:#42a1ff; line-height:1.417em;}
.top .text img{ margin-bottom:9px;}
.top .text a{ display:inline-block; margin-top:10px; color:#ffffff; font-weight:bold; }

.box{ background:url(images/box-corner-left-top.gif) top left no-repeat; width:100%;}
.box .right-top{ background:url(images/box-corner-right-top.gif) top right no-repeat; width:100%;}
.box .left-bot{ background:url(images/box-corner-left-bot.gif) bottom left no-repeat; width:100%;}
.box .right-bot{ background:url(images/box-corner-right-bot.gif) bottom right no-repeat; padding:5px; width:auto;}
.box .top-border{ background:url(images/box-border.gif) top repeat-x #ffffff; margin:-5px 0;}
.box .bot-border{ background:url(images/box-border.gif) bottom repeat-x; padding:5px 0;}
.box .left-border{ background:url(images/box-border.gif) left repeat-y #ffffff; margin:0 -5px;}
.box .right-border{ background:url(images/box-border.gif) right repeat-y; padding:0 5px;}
.box .indent{ padding:8px 10px 2px 17px;}
.box p{ padding-top:17px;}
.box .line{ background:url(images/line4.gif) repeat-y 195px 0 !important; padding-bottom:0;}

.box .col-1{ width:180px;}
.box .col-2{ width:187px; margin-left:40px;}
.link1{ background:url(images/link1-bg.jpg) no-repeat 0 0; padding:12px 0 13px 47px; line-height:1.333em;}
.link2{ background:url(images/link2-bg.jpg) no-repeat 0 0; padding:12px 0 13px 55px; line-height:1.333em;}
.link1 a, .link2 a{ font-weight:bold; color:#2b84ae; }

.link{ display:inline-block; font-weight:bold; margin-top:15px;}
.date{ color:#2b84ae; font-weight:bold;}
.date a{ color:#2b84ae;}

.list{ color:#2b84ae;}
.list a{ font-weight:bold; text-decoration:none; color:#2b84ae; margin-left:5px;}
.list a:hover{ text-decoration:underline;}

/* ============================= page1 ===========================*/
#page1 .column-2{ margin-left:46px;}
/* ============================= page2 ===========================*/
#page2 .column-2{ margin-left:55px;}
/* ============================= page3 ===========================*/
#page3 .column-2{ margin-left:46px;}
/* ============================= page4 ===========================*/
#page4 .column-2{ margin-left:50px;}
#page4 .col-2{ margin-left:30px;}
/* ============================= page5 ===========================*/
#page5 .column-2{ margin-left:46px;}
#page5 .col-2{ margin-left:30px;}
/* ============================= page6 ===========================*/
#page6 .column-2{ margin-left:44px;}
/* ============================= page7 ===========================*/
#page7 .column-2{ margin-left:55px;}

/* ============================= footer ====================== */
#footer{ text-align:right; color:#2a4959; font-size:0.917em;}
#footer a{ color:#2a4959; margin-left:3px;}
#footer .text{ padding:18px 64px 0 0;}
#footer .text span{ text-transform:uppercase; font-weight:bold;}

/* ============================= forms ============================= */
#HeaderForm{ float:right; padding:27px 79px 0 0;}
#HeaderForm input{ width:165px; border:solid 0px; padding:2px 0 2px 3px; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
#HeaderForm a{ display:inline-block; background:url(images/form-button-left-bg.gif) left top no-repeat #747474; font-size:0.917em; text-transform:uppercase; color:#f6f6f6; font-weight:bold; text-decoration:none; margin-left:7px;}
#HeaderForm a span{ display:block; background:url(images/form-button-right-bg.gif) right top no-repeat; padding:1px 10px 1px 12px; vertical-align:middle;}
#HeaderForm a:hover{ background:url(images/form-button-left-bg-act.gif) left top no-repeat #403f3f;}
#HeaderForm a:hover span{ background:url(images/form-button-right-bg-act.gif) right top no-repeat;}

#ContactForm{ padding-top:20px;}
#ContactForm .col-1{ width:280px !important;}
#ContactForm .col-2{ width:250px !important; margin-left:0 !important;}
#ContactForm label{ display:block; height:47px;}
#ContactForm input{ border:solid 1px #d8d8d8; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 2px 3px; width:215px;}
#ContactForm textarea{ border:solid 1px #d8d8d8; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:245px; height:110px; overflow:hidden;}
#ContactForm .link{ margin:5px 0 0 20px;}