﻿/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(images/body-bg.gif) left top repeat-x #dcdcdc;
	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, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.5em;
		color:#5e7185;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#6cbc00; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:18px;}

/* ============================= main layout ====================== */

li { background:url(images/marker.gif) no-repeat 0 7px; padding-left:12px; line-height:1.69em; font-size:1.083em;}
li a {color:#5e7185;}

.imgindent {margin:0 30px 0 0; float:left;}
.imgindent1 {margin:0 20px 0 0; float:left;}

.left-bg {background:url(images/left-png-bg.png) left top repeat-y; padding-left:13px;}
.right-bg {background:url(images/right-png-bg.png) right top repeat-y; padding-right:13px;}
.extra {background:#fff; padding:0 11px;}

h2 {font-size:2.5em; line-height:1.2em; color:#3c3c3c; letter-spacing:-2px; margin-bottom:18px; position:relative;}
.h2-bg {background:url(images/border-bg.gif) left bottom repeat-x; padding-bottom:13px; margin-bottom:35px;}
h3 {font-size:2.16em; line-height:1.2em; color:#3c3c3c; letter-spacing:-2px; margin-bottom:18px; position:relative;}
/* ============================= header ====================== */
.logo {float:left; padding-top:13px;}

.menu {float:right; height:100px;}
.menu li {float:left; font-size:1.416em; line-height:1.2em; background:none; vertical-align:middle; padding:0px 20px 0 21px;}
.menu li a {display:block; text-decoration:none; color:#424242; padding-bottom:0px;}
.menu .active, .menu li a:hover {background:url(images/menu-li-active.gif) left bottom repeat-x;}


.slogan {background:url(images/header-bg.jpg) left top no-repeat; height:263px; padding:112px 40px 0 0; text-align:right; }
.slogan strong {font-size:2.66em; line-height:1.2em; display:inline-block; color:#363433; letter-spacing:-1px;}
.slogan em {font-style:normal; color:#10a6e0; display:inline-block; font-size:3em; line-height:1.2em; text-transform:uppercase; letter-spacing:-2px; margin-top:-4px;}
.slogan p {font-style:normal; color:#363433; font-size:2.33em; line-height:1.2em; display:inline-block; text-transform:none; font-weight:normal; padding-top:0px; margin-top:-6px;}
/* ============================= content ====================== */
.boxes {background:url(images/png-bg.png) repeat; margin-top:-66px;  position:relative;}
.boxes-extra {background:url(images/content-bg.gif) left 66px repeat-x;}
.boxes .indent {padding:14px 14px 0 14px;}
.policy {background:url(images/content-bg.gif) left top repeat-x; position:relative;}

.boxes ul {margin:-6px 0 0 -3px}
.boxes li {font-size:1em; line-height:2.3em; padding-left:36px;}
.boxes li a {text-decoration:none; color:#5e7185;}
.boxes li a:hover {text-decoration:underline;}

.box2 li {background:url(images/box2-marker.gif) left 5px no-repeat;}
.box1 li {background:url(images/box1-marker.gif) left 5px no-repeat;}
.box3 li {background:url(images/box3-marker.gif) left 5px no-repeat;}

.box1, .box2, .box3 {width:292px; float:left;}
.box1 .title {background:url(images/box1-tail.gif) left top repeat-x #fdb222;}
.box2 .title {background:url(images/box2-tail.gif) left top repeat-x #90c83d;}
.box3 .title {background:url(images/box3-tail.gif) left top repeat-x #0fa1df;}

.bottom-bg {color:#fff; font-size:2em; line-height:1.2em; padding:12px 0 19px 23px; margin-bottom:6px;}
.box1 .bottom-bg {background:url(images/box1-bottom.gif) left bottom no-repeat;}
.box2 .bottom-bg {background:url(images/box2-bottom.gif) left bottom no-repeat;}
.box3 .bottom-bg {background:url(images/box3-bottom.gif) left bottom no-repeat;}

#page3 .box2 .bottom-bg, #page5 .box2 .bottom-bg {background:url(images/box2-bottom1.gif) left bottom no-repeat;}

.box-list {width:305px; padding-left:2px;}
.link-bg {text-align:right; padding:14px 20px 11px 0;}
.box1 .link-bg {background:url(images/box1-link-bgr.gif) left top repeat-x #fee9bd;}
.box2 .link-bg {background:url(images/box2-link-bgr.gif) left top repeat-x #ddeec4;}
.box3 .link-bg {background:url(images/box3-link-bgr.gif) left top repeat-x #b7e7f7;}

.box1 .link {color:#c88401; background:url(images/box1-link-bg.gif) right 0px no-repeat; }
.box2 .link {color:#679d19; background:url(images/box2-link-bg.gif) right 0px no-repeat; }
.box3 .link {color:#007cb1; background:url(images/box3-link-bg.gif) right 0px no-repeat; }

.box-pad {margin-right:14px;}

.boxes .box1 .padding {padding-bottom:33px;}
.boxes .box1 .padding1 {padding-bottom:37px;}
.box1, .box2, .box3 {background:url(images/box-tail-bg.gif) left top repeat-x #ececec;}
.box1 .indent, .box2 .indent, .box3 .indent {padding:33px 21px 25px 29px; color:#5e7185; font-size:1.083em; }

.boxes .margin1 {margin-bottom:30px;}

.box3 a {color:#11abe2;}
.boxes .box3 em {color:#11abe2;}
.boxes .box1 em {color:#dd8801;}
.boxes .box2 em {color:#679d19;}
#page1 .box3 .indent {color:#5e5c5a;}

.boxes em {display:inline-block; font-style:normal; color:#dd8801; font-size:1.076em; margin-bottom:19px; line-height:1.28em;}
.boxes strong {color:#363433; display:inline-block; margin-bottom:17px; font-size:0.92em;}

.links {font-size:1em; font-weight:bold; position:relative;}
.links .indent {padding:0 14px;}
.links a {text-decoration:none;}
.links a:hover {text-decoration:underline;}
.links .link {display:inline-block; padding-right:25px;}

.indent {padding:48px 14px 20px 24px;}

.col-pad {padding-right:64px;}
.col-pad1 {padding-right:46px;}

.title1 {font-size:1.16em; line-height:1.7em; color:#11abe2; font-style:normal;}
.title2 {font-size:1.16em; line-height:1.28em; color:#11abe2; font-style:normal;}

.pad {padding-top:18px;}
.pad1 {padding-top:30px;}
.pad2 {padding-top:12px;}

.padding {padding-bottom:43px;}
.padding1 {padding-bottom:38px;}
.padding2 {padding-bottom:24px;}

.list-pad {padding-top:14px;}


.margin {margin-right:40px;}
.margin2 {margin-left:20px;}

.alignright {text-align:right;}

.link {display:inline-block; background:url(images/link-bg.gif) right 0px no-repeat; padding-right:23px; font-weight:bold; color:#5e7185; text-decoration:none;}
.link:hover {text-decoration:underline;}

.rss {display:inline-block; background:url(images/rss.jpg) right 0px no-repeat; padding:0 23px 10px 0; font-weight:bold; color:#5e7185; text-decoration:none;}
.rss:hover {text-decoration:underline;}

.border {background:url(images/border-bg.gif) left bottom repeat-x; padding-bottom:36px; margin-bottom:20px;}

span a {display:inline-block; margin-left:10px; font-style:italic;}
em a {color:#959ea8;}

.date {display:inline-block; background:url(images/date-bg.gif) left 2px no-repeat; padding-left:23px; color:#11abe2; font-style:italic;}
.link2 { color:#11abe2; font-style:italic;}


.list {padding-top:0px;}
.list li {float:left; background:url(images/list-bg.gif) left 6px no-repeat; padding:0 30px; line-height:1.2em;}
.list li a {display:block; text-align:center; text-decoration:none; color:#4a535a;}
.list li a img {margin-bottom:8px;}
.list li a:hover {text-decoration:underline;}
.list .first {background:none; padding-left:0px;}
.list .last {padding-right:0px;}

.indent .null {margin:0;}

.phone {display:inline-block; width:80px;}

.mail {color:#11abe2;}
/* ============================= footer ====================== */
#footer {background:url(images/footer-bg.gif) left top repeat-x #d9d9d9; text-align:center; color:#363433;}
#footer a {color:#11abe2;}
.footer-menu {padding-top:28px;}
.footer-menu li {display:inline; background:url(images/footer-menu-li-bg.gif) right 6px no-repeat; padding:0 18px;}
.footer-menu li a {color:#363433 !important; text-decoration:none;}
.footer-menu li a:hover {text-decoration:underline;}
.footer-menu .last {background:none;}
/* ============================= forms ============================= */
#SignUpForm { padding:10px 0px 20px 20px; background:url(images/sign-up-bg.gif) left top repeat-x; margin:23px -6px 16px -15px; position:relative;}
#SignUpForm label {height:26px; display:inline-block; vertical-align:top; margin:0 -4px 0 0;}
#SignUpForm .input {width:155px; height:18px; border:1px solid #969696; padding:1px 6px 0 5px; font-size:0.91em;  vertical-align:top; color:#79938c; background:#fff;}
#SignUpForm strong {font-size:1.83em; line-height:1.2em; color:#fff; display:inline-block; margin-bottom:8px;}


#ContactForm {padding-top:30px;}
#ContactForm .col-1 {width:283px !important;}
#ContactForm .col-2 {width:280px !important;}
#ContactForm label {height:42px; display:block;}
#ContactForm .input {width:240px; height:18px; border:1px solid #c2c2c2; background:none; padding:0 0 0 5px; font-size:1em;}
#ContactForm textarea {width:273px; height:102px; border:1px solid #c2c2c2; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}
