﻿@charset "UTF-8";
/* CSS Document */



/* text & links */

h1 { font-size: 27px; margin: 0 0 8px 0; font-weight: normal; }

h2 { font-size: 21px; margin: 0 0 5px 0; font-weight: normal; }

h3 { font-size: 18px; margin: 0 0 5px 0; font-weight: normal; }

h4 { font-size: 14px; margin: 0; font-weight: normal; }

h1.borderbottom { padding: 5px 0 5px 0; }

.hp-content h1 { color: #333; font-size: 30px; font-family: Garamind, Georgia, Times New Roman, Times, serif; }

.sub-rightcol h1 { font-size: 16px; color: #333; }

.sub-rightcol strong { color: #666; }

.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:link, a:visited { text-decoration: underline; color: #1971ab; }

a:hover, a:active { text-decoration: none; color: #1971ab; }

.mainnav a:link, .mainnav a:visited { display: block; float: right; margin: 28px 0 0 0; padding: 15px 15px 15px 13px; background: url("../images/navitem-right.png") right no-repeat; color: #fff; text-decoration: none; line-height: 100%; }

.mainnav a:hover, .mainnav a:active { display: block; float: right; margin: 28px 0 0 0; padding: 15px 15px 15px 13px; background: url("../images/navitem-right.png") right no-repeat; color: #ccc; text-decoration: none; line-height: 100%; }

.mainnav a#last:link, .mainnav a#last:visited { display: block; float: right; margin: 28px 0 0 0; padding: 15px 15px 15px 13px; background: none; color: #fff; text-decoration: none; line-height: 100%; }

.mainnav a#last:hover, .mainnav a#last:active { display: block; float: right; margin: 28px 0 0 0; padding: 15px 15px 15px 13px; background: none; color: #ccc; text-decoration: none; line-height: 100%; }



/* main attributes */

body, a, div, input, textarea, form { margin: 0; padding: 0; }

a img { border: 0; }

p { padding: 0; margin: 0 0 15px 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; }

.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; }

.login_input { border: 1px solid #66954b; background: #edf5e6; width: 150px; padding: 5px; font-size: 14px; color: #66954b; margin: 0 0 10px 0; }

.select { width: 130px; height: 25px; background: #fff; border: 1px solid #ccc; margin: 0 0 10px; }

.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; }

.left_col .login, .login { margin: 0; width: 100px; height: 34px; border: 0; background: url("../images/login.jpg"); }

.left_col input { border: 1px solid #ccc; background: #fff; width: 250px; padding: 5px; font-size: 14px; color: #666; margin: 0 0 10px 0; }

.left_col .submit, .submit { margin: 15px 0 0 0; width: 92px; height: 34px; border: 0; background: url("../images/submit.jpg"); }

.signup { float: right; margin: 15px 0 0 0; }

body {
	text-align: center;
	font: 13px Trebuchet, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 20px;
	background: #fff url("/images/bg2.jpg") top center repeat-x;
}



.wrapper { margin: auto; width: 950px; text-align: left; }

.header { float: left; width: 950px; height: 375px; }

.mainnav { float: right; width: 950px; height: 100px; }

.mainpic { float: right; width: 950px; height: 275px; }

.left-image {
	float: left;
	width: 260px;
	height: 220px;
	margin: 32px 35px 0 0;
	background: url("/images/border-small.png");
	text-align: center;
	line-height: 100%;
}

.left-image img, .center-image img, .right-image img { margin: 5px 0 7px 0; }
.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 }


.background-image {
	background: url("/images/border-small.png");
}


.middle-image {
	float: left;
	width: 360px;
	height: 250px;
	margin: 17px 0 0 0;
	background: url("/images/border-small.png");
	text-align: center;
	line-height: 100%;
}

.right-image {
	float: right;
	width: 260px;
	height: 220px;
	margin: 32px 0 0 0;
	background: url("/images/border-small.png");
	text-align: center;
	line-height: 100%;
}

.content { float: left; width: 950px; padding: 30px 0 30px 0; background: url("../images/content-bg.jpg") top left repeat-y; }

.left-col { float: left; width: 625px; text-align: left; }

.left-box { float: left; width: 298px; text-align: center; background: #f0efef url("../images/content-box.jpg") top left repeat-x; border: 1px solid #d8d8d8; }

.right-box { float: right; width: 298px; text-align: center; background: #f0efef url("../images/content-box.jpg") top left repeat-x; border: 1px solid #d8d8d8; }

.right-box-internal { float: right; }


.left-box .inner, .right-box .inner { margin: auto; padding: 3px 0 25px 0; width: 250px; text-align: left; }

.right-col { float: right; width: 300px; text-align: center; }

.right-col .inner { margin: auto; width: 250px; text-align: left; }

.right-col .inner img { margin: 5px 0 5px 0; }

.footer { float: left; width: 100%; background: url("../images/footer-bg.jpg") top left repeat-x; padding: 30px 0 30px 0; text-align: center; }

.footer .inner { margin: auto; width: 950px; text-align: left; color: #999; font-size: 11px; }

