﻿@charset "UTF-8";
/* CSS Document */



/* text & links */

h1 { font-size: 30px; margin: 0 0 8px 0; font-weight: normal; }

h2 { font-size: 24px; margin: 0 0 5px 0; font-weight: normal; }

h3 { font-size: 18px; margin: 0 0 5px 0; font-weight: normal; }

h4 { font-size: 15px; margin: 0; font-weight: normal; color: #333; }

#content h2 { margin: 0 0 10px 0; color: #555; line-height: 130%; font-size: 18px; }

.signup-box h1 { font-size: 18px; border-bottom: 1px solid #999; color: #3c8605; padding: 3px; }

.signup-box h2 { font-size: 16px; border-bottom: 1px solid #ccc; padding: 3px; }

.ten { font-size: 10px; }

.fourteen { font-size: 14px; }

.eighteen { font-size: 18px; }



.blue { color: #1971ab; }

.purple { color: #622d49; }

.bold { font-weight: bold; }

.italic { font-style: italic; }

a.bluetextlink2:link { color: #1971ab; font-size: 13px; text-decoration: none }
a.bluetextlink2:active { color: #1971ab;font-size: 13px; text-decoration: none }
a.bluetextlink2:visited { color: #1971ab;font-size: 13px; text-decoration: none }
a.bluetextlink2:hover { color: #1971ab; font-size: 13px; text-decoration: underline }


a.whitelink:link { color: #ffffff; font-size: 13px; text-decoration: none }
a.whitelink:active { color: #ffffff;font-size: 13px; text-decoration: none }
a.whitelink:visited { color: #ffffff;font-size: 13px; text-decoration: none }
a.whitelink:hover { color: #ffffff; font-size: 13px; text-decoration: underline }


.fourteenbluebold    {
	font-size: 14pt;
	color: #003366;
	font-weight: bold;
	line-height: normal;
}

.eightblack     { font-size: 8pt; color: #000000 }
.nineblack     { font-size: 9pt; color: #000000 }
.tenblack    { font-size: 10pt; color: #000000 }
.twelveblack     { font-size: 12pt; color: #000000 }
.thirteenblack     { font-size: 13pt; color: #000000 }

.fourteenblack     { font-size: 14pt; color: #000000 }
.twentyblack     { font-size: 20pt; color: #000000 }

.eightred     {  font-size: 8pt; color: #FF0000 }
.tenred     {  font-size: 10pt; color: #FF0000 }

.tengrey    { font-size: 10pt; color: #575656 }
.eightgrey    { font-size: 8pt; color: #575656 }
.sevengrey    {  font-size: 7pt; color: #575656 }
.twelvegrey    { font-size: 12pt; color: #575656 }

.tenwhite    { font-size: 10pt; color: #ffffff }
.eightwhite    { font-size: 8pt; color: #ffffff }
.sevenwhite    { font-size: 7pt; color: #ffffff }
.sixwhite    { font-size: 6pt; color: #ffffff }


.left_ten_title    {
	font-size: 10pt;
	color: #000000;
	line-height: normal;
	text-align: center;
}
.left_ten_content    {
	font-size: 9pt;
	color: #000000;
	line-height: normal;
	text-align: left;
}
.left_ten_link    {
	font-size: 9pt;
	color: #000000;
	line-height: normal;
	text-align: left;
}



a:visited { text-decoration: underline; color: #1971ab; }


a:link { text-decoration: underline; color: #1971ab; }

a:active { text-decoration: none; color: #1971ab; }

a:hover { text-decoration: none; color: #1971ab; }

#mainnav a:visited {
	text-transform: uppercase;
	display: block;
	margin: 0;
	padding: 19px 25px 19px 20px;
	font-size: 13px;
	color: #333;
	text-decoration: none;
	line-height: 100%;
	letter-spacing: 0;
}

#mainnav a:link {
	text-transform: uppercase;
	display: block;
	margin: 0;
	padding: 19px 25px 19px 20px;
	font-size: 13px;
	color: #333;
	text-decoration: none;
	line-height: 100%;
	letter-spacing: 0;
}

#mainnav a {
	text-transform: uppercase;
	display: block;
	margin: 0;
	padding: 19px 25px 19px 20px;
	font-size: 13px;
	color: #333;
	text-decoration: none;
	line-height: 100%;
	letter-spacing: 0;
}

#mainnav a:active { color: #666; text-decoration: none; }

#mainnav a:hover { color: #666; text-decoration: none; }

#header .right a:visited { display: block; float: right; padding: 8px 12px; margin: 0; text-decoration: none; text-transform: uppercase; color: #555; font-size: 10px; letter-spacing: 1px; }

#header .right a:link { display: block; float: right; padding: 8px 12px; margin: 0; text-decoration: none; text-transform: uppercase; color: #555; font-size: 10px; letter-spacing: 1px; }

#header .right a { display: block; float: right; padding: 8px 12px; margin: 0; text-decoration: none; text-transform: uppercase; color: #555; font-size: 10px; letter-spacing: 1px; }

#header .right a:active { color: #888; }

#header .right a:hover { color: #888; }

table.table1 {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none solid none none;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
}
table.table1 th {
	border-width: 1px;
	padding: 5px;
	border-style: none none none none;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.table1 td {
	border-width: 1px;
	padding: 5px;
	border-style: none none none solid;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}


/* main attributes */

form { margin: 0; padding: 0; }

textarea { margin: 0; padding: 0; }

input { margin: 0; padding: 0; }

div { margin: 0; padding: 0; }

a { margin: 0; padding: 0; }

body { margin: 0; padding: 0; }

a img { border: 0; }

p { padding: 0; margin: 0 0 12px 0; }

ul { margin: 0 0 0 20px; padding: 0; }

.nav_left { float: left; }

.left { float: left; margin: 5px 15px 10px 0; }

.left_no_margin { float: left; margin: 0; }

.right_no_margin { float: right; margin: 0; }

.right {
	float: right;
	margin: 5px 0 10px 15px;
	width: 330px;
}

.center { text-align: center; }

.border { border: 1px solid #000; }

.borderbottom { border-bottom: 1px solid #ddd; }

.bordertop { border-top: 1px solid #ddd; margin: 15px 0 0 0; padding: 15px 0 0 0; }

.wideborder { border-top: 2px solid #fff; margin: 0; }

.clear { clear: both; }

label { display: block; }

form p { margin: 0; }

.input { border: 1px solid #ccc; background: #fff; width: 250px; padding: 5px; font-size: 14px; color: #666; margin: 0 0 10px 0; }

.small { width: 80px; }

.medium { width: 230px; }

.select-large { width: 180px; height: 25px; background: #fff; border: 1px solid #ccc; margin: 0 0 10px; }

.select-small { width: 80px; height: 25px; background: #fff; border: 1px solid #ccc; }

.checkbox { margin: 0 5px 0 0; }

.textarea { border: 1px solid #ccc; background:#fff; width: 250px; height: 100px; margin: 2px 0 2px 0; padding: 5px; }

.signup { float: right; margin: 15px 0 0 0; }

body { font: 13px Helvetica, Trebuchet, Arial, sans-serif; color: #555; background: #f7f9f8 url("../images/bg.png") top center repeat; }

/*body { text-align: center; font: 13px Helvetica, Trebuchet, Arial, sans-serif; color: #555; line-height: 190%; background: #f7f9f8 url("../images/bg.png") top center repeat; } */

/* structural attributes */

#page { width: 100%; height: 100%; background: url("../images/shadow.png") top center no-repeat; }

#wrapper { margin: 5px auto; width: 962px; text-align: left; }

#header { float: left; width: 963px; height: 73px; margin: 0; background:url("../images/header-bg.jpg") top left no-repeat; }

#header .inner { margin: auto; width: 902px; }

#header .inner .left { margin: 0; }

#header .inner .right { margin: 23px 0 0 0; line-height: 100%; }

#navback { clear: both; float: left; text-align: center; width: 962px; height: 50px; background: url("../images/content-bg.jpg") top left repeat-y; }

#mainnav { clear: both; float: left; text-align: center; width: 962px; height: 50px; background: url("../images/content-bg.jpg") top left repeat-y; }

#mainnav .inner { margin: auto; width: 940px; }

#mainnav ul { float: left; height: 50px; margin: 0; }

#mainnav ul li { list-style: none; float: left; background: url("../images/line.jpg") top right no-repeat; }

#mainnav ul li.last { background: none; }

#mainpic { float: right; width: 962px; height: 250px; background: url("../images/content-bg.jpg") top left repeat-y; }

#mainpic .inner { margin: auto; width: 952px; }

#content { float: left; width: 962px; padding: 4px 0 4px 0; background: url("../images/content-bg.jpg") top left repeat-y; text-align: center; font-size: 11px; color: #666; line-height: 190%; }

#content .inner-top { margin: auto; width: 952px; height: 1px; background: url("../images/home-content-top.jpg") top center no-repeat; }

#content .inner { margin: auto; width: 952px; background: url("../images/home-content.jpg") bottom center no-repeat; }

#content .inner .inner { margin: auto; width: 910px; background: none; }

#content .inner .left { margin: 4px 0 0 0; }

#content #first-col { float: left; width: 193px; margin: 15px 45px 15px 0; text-align: left; }

#content #second-col { float: left; width: 193px; margin: 15px 45px 15px 0; text-align: left; }

#content #third-col { float: left; width: 193px; margin: 15px 45px 15px 0; text-align: left; }

#content #fourth-col { float: left; width: 193px; margin: 15px 0 15px 0; text-align: left; }

#content-bottom { float: left; width: 962px; margin: 0 0 4px 0; height: 1px; background: url("../images/content-bottom.jpg"); }

#footer-top { float: left; width: 962px; height: 1px; background: url("../images/content-bottom.jpg"); }

#footer { float: left; width: 962px; background: url("../images/content-bg.jpg") top left repeat-y; padding: 20px 0 20px 0; text-align: center; }

#footer .inner { margin: auto; width: 900px; text-align: left; color: #999; font-size: 11px; line-height: 170%; }

#footer-bottom { float: left; width: 962px; height: 1px; background: url("../images/content-bottom.jpg"); }


/* homepage attributes */

#content #fourth-col p { border-top: 1px dashed #ccc; margin: 4px 0 8px 0; padding: 0; }

#content #fourth-col .left { margin: 3px 8px 0 0; }



/* subpage attributes */

#mainpic-company {
	background-position: center center;
	width: 962px;
	clear: both;
	text-align: center;
	margin: 0;
	padding: 0;
	background: url("../images/HeadingBack.jpg") center center no-repeat;
}

#mainpic-company .inner {
	margin: auto;
	width: 840px;
	padding: 25px 0 25px 0;
	text-align: right;
	text-transform: uppercase;
	color: #fff;
}

#sub-content { float: left; width: 962px; padding: 4px 0 4px 0; background: url("../images/content-bg.jpg") top left repeat-y; text-align: center; font-size: 11px; color: #666; line-height: 190%; }

#sub-content .inner-top { margin: auto; width: 952px; height: 1px; background: url("../images/sub-leftcol-top.jpg") top left no-repeat; }

#sub-content .inner { margin: auto; width: 952px; background: none; background: url("../images/sub-leftcol.jpg") top left no-repeat; }

#sub-content .left { float: left; margin: 0; width: 235px; text-align: center; }

#sub-content .left h2 { font-size: 18px; margin: 10px 0; }

#sub-content .left .inner { margin: auto; width: 195px; padding: 15px 0; text-align: left; background: none; }

#sub-content .left .inner p { margin: 8px 0; border-top: 1px dashed #ccc; }

#sub-content .right { float: right; width: 710px; text-align: center; margin: 0; }

#sub-content .right .inner { background: none; margin: auto; width: 600px; padding: 50px 0 40px 0; text-align: left; font-size: 12px; line-height: 190%; }


