/* CSS Document */

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

body{
	background:url(images/body-bg.jpg) top center no-repeat;
	text-align:center;
	min-width:1000px;
}

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

ul { list-style:none;}

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

.alignright {text-align:right;}

html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8125em;
		line-height:1.3846em;
		color:#637178;
	}

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

a {color:#637178; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:18px;}

#page1 {color:#788287;}
/* ============================= main layout ====================== */

li { background:url(images/li-bg.gif) left bottom repeat-x; padding-left:6px; line-height:2.307em;}
li a {color:#788287; text-decoration:none; display:inline-block; padding-left:12px; background:url(images/marker.gif) left 13px no-repeat;}
li a:hover {text-decoration:underline; color:#03b9df;}
.last {background:none;}

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

h2 {font-size:1.846em; color:#788287; line-height:1.2em; font-weight:normal; background:url(images/h2-bg.gif) left bottom repeat-x; padding:0 0 10px 5px; margin-bottom:25px;}
h3 {font-size:1.846em; color:#788287; line-height:1.2em; font-weight:normal; padding-bottom:25px;}

/* ============================= content ====================== */
.menu {background:url(images/menu-bg.gif) left top no-repeat #000; height:391px;}
.menu .indent {padding:34px 22px 42px 21px;}
.menu ul {background:url(images/menu-li-bg.gif) left top no-repeat;}
.menu li {background:url(images/menu-li-bg.gif) left bottom no-repeat; line-height:1.2307em; height:62px; font-size:2.15em; padding:0;}
.menu li a {text-decoration:none; color:#fff; text-transform:uppercase; display:block; background:url(images/menu-a-bg.gif) right 20px no-repeat; padding:15px 0px 0 14px; height:47px; position:relative;}
.menu li a:hover, .menu .active a {background:url(images/menu-active.jpg) left top no-repeat; color:#fff;}

.sub-menu {width:100%; overflow:hidden; padding-top:7px; height:25px;}
.sub-menu ul {float:right;}
.sub-menu li {background:url(images/sub-menu-li-bg.gif) left 6px no-repeat; padding:0 13px 0 10px; font-size:0.76em; line-height:1.8em; float:left; text-transform:uppercase;}
.sub-menu li a {color:#788287; text-decoration:none; background:none; padding:0 0 0 0;}
.sub-menu li a:hover {text-decoration:underline;}

.inner {background:#fff; width:100%;}

.slogan {background:url(images/header-img.jpg) left top no-repeat; padding:486px 25px 0 0; height:46px; font-size:1.846em; line-height:1.2307em; color:#fff; text-transform:uppercase; text-align:right;}

.col-pad {padding-right:52px;}
.col-pad1 {padding-right:32px;}
.col-pad2 {padding-right:100px;}

.indent {padding:24px 0 36px 25px;}

.col-indent {padding:30px 50px 0 40px;}
.col-indent1 {padding:0px 18px 0 10px;}

.padding {margin-bottom:18px;}

.padding1 {padding-bottom:40px;}
.padding2 {padding-bottom:29px;}

.title {font-size:1.384em; line-height:1.2em;}

.text {font-size:0.769em;}
.text a {text-decoration:none; color:#03b9df; text-transform:uppercase;}
.text a:hover {text-decoration:underline;}

.font {font-size:0.92em; line-height:1.5em;}

.border {background:url(images/border-bg.gif) left bottom repeat-x; padding-bottom:1px;}

.link {display:inline-block; background:url(images/marker.gif) left 7px no-repeat; padding-left:12px; color:#788287; text-decoration:none;}
.link:hover {text-decoration:underline;}

.pad {padding-top:35px;}
.pad1 {padding-top:10px;}

.phone {display:inline-block; width:80px;}

.policy {padding-bottom:20px;}
/* ============================= footer ====================== */
#footer {background:url(images/footer-tail.gif) left top repeat-x;}
.banners {float:left; padding-right:39px;}
.banners img {margin:20px 0 0 44px;}

.privacy {color:#fff; font-size:0.769em; padding:54px 0 0 0; text-transform:uppercase;}
.privacy a {color:#fff; text-decoration:none;}
.privacy a:hover {text-decoration:underline;}
/* ============================= forms ============================= */
#SignUpForm {float:left; background:url(images/signupform-bg.gif) left top no-repeat; width:326px; height:121px;}
#SignUpForm div {padding:22px 0 0 29px}
#SignUpForm strong {font-weight:normal; color:#fff; font-size:1.846em; display:block; padding-bottom:16px}
#SignUpForm label {height:27px; display:inline-block; }
#SignUpForm .input {width:189px; border:none; background:#fff; padding:5px 0 5px 12px; font-size:1em; line-height:1.243em; font-style:italic; color:#788287;}
#SignUpForm input {vertical-align:t1op;}

#ContactForm {padding-top:5px;}
#ContactForm .link {margin:20px 5px 0 20px}
#ContactForm label {height:35px; display:block;}
#ContactForm .input {width:265px; border:1px solid #e1e5e7; background:#fff; padding:5px 0 5px 5px; font-size:0.92em; line-height:1.243em; font-style:italic;}
#ContactForm textarea {width:265px; height:56px; border:1px solid #e1e5e7; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:0.92em; font-style:italic;}
#page2 #main .inner #content .container .main-col1 .col-indent strong {
	color: #FF8040;
}
#page2 #main .inner #content .container .main-col1 .col-indent .container ol li a {
	color: #FF8000;
}
#page1 #main .inner #content .indent .container .col-1.col-pad .padding {
	color: #F00;
}
#page1 #main .inner #content .indent .container .col-1 h2 {
	color: #F00;
}
#page2 #main .inner #content .indent .container .col-1.col-pad1 .padding {
	color: #F00;
}
#page2 #main .inner #content .indent .container .col-2.col-pad1 h2 {
	color: #F00;
}
#page2 #main .inner #content .indent .container .col-2 h2 {
	color: #F00;
}
#page2 #main .inner #content .indent .container .col-2 .col-indent1 ul .padding a {
	color: #F00;
}
#page2 #main .inner #content .indent .container .col-2 .col-indent1 ul h2 a {
	color: #F00;
}
