﻿
/*
	blue-green: #008c98
	bright turquoise: #01c0d0
*/

* {margin:0; padding:0}

body {width:960px; margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#008c98}

div#content {width:960px; margin:10px auto 0 auto; text-align:center; float:left}
div#header {width:960px; height:140px; margin:0 auto; text-align:left}
div#holdall {clear:both; width:960px; margin:0 auto; text-align:center}
div#left {width:320px; float:left}
	div#slideshow {width:320px; height:220px; margin:40px 0 0 0; text-align:left; vertical-align:top; z-index:-1}
	div#left-pic {position:absolute}
	div#fadeshow1 {z-index:-1}
	div#news {}
div#right {width:560px; float:left; margin:20px auto; text-align:left; padding:10px 40px}
div#default-right {margin:10px auto; text-align:left}
div#bot {clear:both; width:900px; margin:0 auto; text-align:center; padding:30px 30px}
div#bot p {text-align:justify}

div#bottom-nav, div#logos {clear:both; width:960px; margin:10px auto; text-align:center; border-top:solid 1px #008c98; padding:10px 0}
div#logos {border:none}
div#application {text-align:left}
	div#application ul {margin-left:50px}
	div#application li {font-weight:bold; margin-top:20px; list-style-type:none}
	div#application li li {font-weight:bold; margin-top:20px; list-style-type:disc}
	div#application li p, div#application ol li {color:#474747; font-weight:normal; margin-top:5px}
div#membermenu {clear:both; width:960px; margin:20px auto 5px auto; font-size:11px; color:#008c98; text-align:right}
/*@media screen and (-webkit-min-device-pixel-ratio:0){div#membermenu {clear:both; float:none; margin-top:120px; position:absolute }}*/

div#admin {}
	div#admin h1 {text-align:center}
	div#admin ul {text-align:left; margin-left:400px}
	div#admin li {list-style:none; margin-top:8px}
	

/******* T Y P O G R A P H Y ********/
h1, #right h1, .title, .training-title {font-size:16px; font-weight:bold; color:#008c98; text-align:left}
#right h1 {font-size:14px; margin-top:20px}
h2 {font-size:13px; font-weight:bold; color:#545454; text-align:left; margin-top:20px}
h3 {font-size:13px; font-weight:bold; text-align:left; margin-top:10px}

#right h2 {color:#008c98; text-decoration:none}
.title, .training-title {margin-top:20px}
.recert h1 {font-size:14px; font-weight:bold; color:#545454; text-align:left; text-decoration:underline}
.training-title {font-size:13px; border-top:dashed 1px #cbd8d9; padding-top:10px}
div#community {}
	div#community .title {font-size:13px; font-weight:bold; color:#008c98; margin-top:15px}
	div#community p {margin-top:0}
	
p {margin-top:20px; color:#000; line-height:18px}
div#news p {margin-top:15px; font-size:11px}
.clear {clear:both; height:0px}

.lg {font-size:16px}
.sm {font-size:12px}
.xsm {font-size:11px}
.red {color:#f00}
.validate {font-size:10px; color:#f00}
.alert {font-size:12px; color:#f00; font-weight:bold}
.img {margin:10px; padding:10px; border:solid 1px #cbd8d9; -webkit-border-radius:10px; -moz-border-radius:10px}
.staff {width:800px; margin:20px auto 0 auto; text-align:center; border-top:dashed 1px #cbd8d9; padding-top:20px}
.staff img {margin:0 20px 10px 0; padding:8px; border:solid 1px #acc3c6; -webkit-border-radius:8px; -moz-border-radius:8px}
.staff h2 {font-size:13px; font-weight:bold; color:#474747; text-align:left}
.staff p {margin-top:12px; color:#474747}
.training, .recert, .links {}
	.training ul, .training-blk ul, .recert ul, .links ul, .emergency ul, .help ul, #positions ul, .benefits ul {margin-left:50px}
	.recert li, .links li, .emergency li, .help li, #positions li, .benefits li {list-style-type:disc; text-align:left; margin-top:5px}
	.training ul ul, .recert ul ul, .links ul ul {margin-left:50px}
	.training li li, .recert li li, .links li li {list-style-type:circle; text-align:left; margin-top:5px}
	.training li {list-style-type:none; text-align:left; margin-top:5px}
	.training-blk li {list-style-type:disc; text-align:left; margin-top:5px; color:#000}
.recert li, .links li, .emergency li, .help li {color:#545454}
.links li {margin-top:10px}
.links li a {font-weight:bold}
.links h2 {margin-top:20px}
.links p {margin-top:1px}
	
.submit, .titlebar {padding:12px; text-align:center; font-weight:bold; background-color:#cbd8d9; -webkit-border-radius:10px; -moz-border-radius:10px; margin:10px auto}
.titlebar {padding:12px}

#faq p.q {margin-top:10px; font-weight:bold; color:#008c98; padding-top:10px}
#faq p.ans {margin:5px 0 10px 30px; color:#474747}


/******** L I N K S ********/
a:link, a:visited {color:#008c98; text-decoration:none}
a:hover, a:active {color:#0cc; text-decoration:underline}

.rev a:link, .rev a:visited, div#membermenu a:link, div#membermenu a:visited, .pagination a:link, .pagination a:visited {color:#0cc; text-decoration:underline}
.rev a:hover, .rev a:active, div#membermenu a:hover, div#membermenu a:active, .pagination a:hover, pagination a:active {color:#008c98; text-decoration:none}


/******** B U T T O N S ********/
.btnSubmit, .btnSend, .btnLogin, .btnLogout {width:90px; height:20px; border:none; cursor:pointer}
.btnSubmit {background:url(/images/btnSubmit.gif) no-repeat}
.btnSend {background:url(/images/btnSend.gif) no-repeat}
.btnLogin {background:url(/images/btnLogin.gif) no-repeat}
.btnLogout {background:url(/images/btnLogout.gif) no-repeat}
.btnLogout-sm {width:60px; height:16px; background:url(/images/btnLogout-sm.gif) no-repeat; border:none; cursor:pointer}


/******** D A T A ********/
.dataForm {margin:10px auto; padding:0 10px; text-align:center; border:solid 1px #cbd8d9; -webkit-border-radius:20px; -moz-border-radius:20px}
	.dataForm table td {padding:3px 2px}
	.rev table td {border-bottom:solid 1px #ccc}
.tbl {margin:10px auto; padding:0 10px; text-align:center; border:solid 1px #cbd8d9; -webkit-border-radius:10px; -moz-border-radius:10px}
.benefits-chart {margin:20px auto; text-align:center; color:#474747; border:solid 1px #cbd8d9; -webkit-border-radius:20px; -moz-border-radius:20px; padding:10px}
.benefits-chart table td {padding:10px 15px; border-bottom:solid 1px #ccc}
.benefits-chart h2 {color:#008c98}
.benefits h2 {text-decoration:none}
.pagination {width:100%; font-size:13px; font-weight:bold; color:#f69f4f; text-align:right}


.gv-header {padding:5px 0}
.gv1, .gv2 {}
.gv1 {}
.gv2 {background-color:#e3e3e3}

.selectors {width:80%; margin:0 auto 20px auto; padding:15px 10px; line-height:20px; background-color:#cbd8d9; border:solid 1px #008c98; -webkit-border-radius:10px; -moz-border-radius:10px}
.input, .msg {
	background-color:#fff; 
	border:solid 1px #008c98; 
	padding:1px 2px;
	margin-top:5px;
	color:#c00;
	font:11px Verdana, Arial, Sans-Serif
}
.input {height:20px}
.msg {overflow:auto}
.form-l {text-align:right}
.form-r {text-align:left; padding-left:5px}
.form-c {text-align:center; margin:8px auto}