﻿/* CSS Document */
* {
	margin:0;
	padding:0;
}

body {
	margin:0 auto;
	text-align:center;
	background:#000 url(/images/bg.jpg) repeat-x top left;
	font:14px Georgia "Times New Roman", "Trebuchet MS", Helvetica, serif;
	color:#fefefe
}

#header {
	width:990px;
	height:216px;
	margin:0 auto;
	text-align:center;	
	background:url(/images/header.jpg) no-repeat top left
}

	#header-l{width:628px; height:216px; float:left; text-align:right}
		#logo {text-align:left; padding:10px 0 0 20px}
		
	#header-r {width:362px; height:216px; float:left}
	#header-r img {border:none; padding:0; margin:0}

#Login {clear:both; margin-left:100px; padding:0; text-align:center}
	#DMESignup {float:left; width:200px; text-align:left; font-size:0.8em; padding:8px 0 0 20px}
	#LoginCopy, #anontemp {float:right; text-align:right; padding:8px 50px 0 0; font-size:0.8em; *padding-right:36px}
	#LoginCopy .input {height:15px}
	.copy {text-align:left}

#main {
	clear:both;
	width:840px;
	margin:0 auto;
	text-align:center
}

	#main-copy {padding:20px 20px; font-size:14px}
	#main-copy P {font-size:14px; margin-top:14px}
	
	div#main ul {}
	div#main li {list-style:none}
	div#main li img {border:none; vertical-align:middle}
	
	div#faqQ img {padding:0 10px; vertical-align:middle}
	
#inner {
	clear:both;
	width:840px;
	margin:0 auto;
	text-align:center;
	padding-bottom:44px;
	float:left;
	background:#232554 url(/images/corner_bot.gif) no-repeat bottom right
}

	#main-left {width:580px; float:left; background-color:#232554}
		#top-left {clear:both; width:580px}
			#welcome {width:290px; float:left; text-align:left; padding:0 20px}
			#events {width:250px; float:left; text-align:center; background-color:#31336c}
		#feature {width:580px; margin:20px auto; text-align:center; background-color:#31336c}
			#feature-copy {width:370px; float:left; text-align:justify; padding:12px 20px}
			#feature-pic {width:170px; float:left; padding:10px 0}
			#feature-pic img {margin:0 10px 0 0}
		#about {padding:0 30px}
		#about p {line-height:22px}
		
	#main-right {width:220px; float:left; background-color:#232554}
		#testimonials, #features {clear:both; width:220px; margin:0 auto; text-align:center}
		#hold-testimonials, #hold-feature {clear:both; width:194px; margin:0 auto; text-align:center}
			#box-top {width:194px; height:25px; background:url(/images/box-top.gif) no-repeat top center}
			#box-top-2 {width:194px; height:25px; background:url(/images/box-top-2.gif) no-repeat top center}		
			#box-mid {padding:10px 14px 10px 24px; text-align:left; font-size:10pt; line-height:14pt; background:url(/images/box-mid.gif) repeat-y top center}
			#box-bot {width:194px; height:9px; background:url(/images/box-bot.gif) no-repeat top center}
	
	div#Quote {text-align:left; padding:10px 20px 0 0; color:#fff}
	div#Quote-mark img {padding:10px 10px; vertical-align:text-top}
	div#Author {padding-right:20px; margin-bottom:20px; text-align:right; color:#ffba01}
	
	div#Test-Submit a:link, div#Test-Submit a:visited {color:#9cf; text-decoration:underline; font-weight:normal; letter-spacing:0.1em}
	div#Test-Submit a:hover, div#Test-Submit a:active {color:#fff; text-decoration:none; font-weight:bold; letter-spacing:0.2em}

	#holdproduct {clear:both; width:800px; margin:5px 20px; float:left; background-color:#31336c; border:solid 1px #4b4666;}
		#prod-left {clear:both; float:left; width:420px}
		#prod-right {float:left; width:380px}
		.product-copy {padding:20px; text-align:left; font-size:14px; margin-top:10px; line-height:20px}
		.product-pic {text-align:center; font-size:14px; margin-top:20px}
		#prod-right .title {color:#c00; font-size:16px; font-weight:bold}
	
	#productTbl a:link, #productTbl a:visited {color:#fff; text-decoration:underline}
	#productTbl a:hover, #productTbl a:active {color:#c00; text-decoration:none}
		
.img {padding:8px; margin:10px; border:solid 1px #666}

h1 {font-size:1.1em; font-weight:bold; color:#e3a30b}
h1 img {margin:0; padding:0; border:none}
h2 {font-size:1.3em; margin:.4em; font-weight:bold; color:#c00}

p {margin-top:20px; line-height:20px}

.thumb {padding:8px; margin:10px; border:solid 1px #666}
	
#footer {
	clear:both;
	width:990px;
	margin:0 auto 10px auto;
	text-align:center;
	color:#fefefe;
	font:xx-small verdana, arial, sans-serif;
	padding-top:3px
}

.input, .msg {
	margin:3px auto;
	padding:1px 2px;
	color:#c00;
	font:9pt "Times New Roman", serif;
	border:solid 1px #c00
}
	
.msg {overflow:auto}
.input {height:16px}
.err {color:Red; font-weight:bold}
.title {font-size:14px; font-weight:bold; color:#c00}
.titlebar {height:30px; font-size:16px; color:#c00; background-color:#41437b}
.testimonyTitle {font-weight:bold; font-size:11px}
.newsTitle {font-family:Georgia "Times New Roman", "Trebuchet MS", Helvetica, serif; color:#e3a30b; font-size:12px; font-weight:bold; padding:2px 2px}
.newsCopy {font-family:Georgia "Times New Roman", "Trebuchet MS", Helvetica, serif; font-size:11px; padding:2px 2px 4px 10px}
.sm {font-size:11px}
.xsm {font-size:10px}
.more {font-size:11px; margin-top:10px}
	.more a:link, .more a:visited {color:#c00; text-decoration:underline}
	.more a:hover, .more a:active {color:#fff; text-decoration:none}
.formLabel-l {text-align:right; font-weight:bold; height:24px}
.formLabel-r {text-align:left}

.gv {font-family:"Times New Roman", serif; font-size:8pt; border:solid 1px #41437b; padding:1px 2px }
.gv0, .gv1, .gv2 {line-height:16px}
.gv0 {border-top:solid 1px #9cf}
.gv1 {background-color:#494b86}
.gv2 {background-color:#41437b}
.gvData table td {padding:2px 5px; color:#d6d6d6; font-family:Verdana; font-size:x-small }
.gvTestimonials table td {padding:1px 0}
.tbl {border:solid 1px #41437b}
.gv-right {text-align:right}


.btn-login, .btn-logout, .btn-submit {width:56px; height:16px; cursor:pointer; border:none}
.btn-cancel, .btn-submit-lg {width:80px; height:22px; cursor:pointer; border:none}
.btn-login {background:url(/images/btn_login.gif) no-repeat top center}
.btn-logout {background:url(/images/btn_logout.gif) no-repeat top center}
.btn-submit {background:url(/images/btn_submit.gif) no-repeat top center; padding-top:5px; *padding-top:0}
.btn-submit-lg {background:url(/images/btn_submit_large.gif) no-repeat top center}
.btn-cancel {background:url(/images/btn_cancel.gif) no-repeat top center}
.btn-prev {width:57px; height:31px; background:url(/images/PC-Back.gif) no-repeat bottom right; cursor:pointer; border:none}
.btn-next {width:49px; height:31px; background:url(/images/PC-Next.gif) no-repeat bottom right; cursor:pointer; border:none}
.btn-testimony {width:159px; height:24px; background:url(/images/btn_testimony.gif) no-repeat top center; border:none; cursor:pointer}
.btn-paypal {width:96px; height:21px; background:url(/images/btn_PayPal.gif) no-repeat top center; border:none; cursor:pointer}

a:link, a:visited {color:#e3a30b; text-decoration:none}
a:hover, a:active {color:#c00; text-decoration:underline}

img.resize, img.resize-h, img.resize-v {
    padding:5px;
    text-align:left;
    position:absolute
}

img.resize {
    width:100px;
    height:100px
}

img.resize-h {
    width:100px;
    height:67px
}

img.resize-v {
    width:67px;
    height:100px
}

.pre-hover {border:solid 2px #575272; z-index:0; -webkit-border-radius:5px; -moz-border-radius:5px}
.on-hover {border:solid 2px #99ccff; z-index:4; -webkit-border-radius:8px; -moz-border-radius:8px}