@charset "utf-8";
/* ----------------------------------
  HAWC Wellness Challenge Style Sheet
  by Echo Web Services
  www.echowebservices.com
  -----------------------------------
/*color scheme
blue: 0071BC
dark blue: 263B93
dark dark blue:  192c6a 
green: 6AA444 */

body, div, table, tr, td, form {
	margin:0;
	padding:0;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	background: #333333;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #666666;}
#wrapper {
	text-align:left;
	width:920px;
	border:1px solid #000;
	margin:1em auto;
	background:#fff;
	padding-top:5px;}
/* Header / Menu styles */
#header {
	position:relative;
	height:150px;
	padding:0;
	margin:0;
	background: url(../img/theme/header.png) no-repeat;}
#header #menu {
	position:absolute;
	bottom:0;
	right:0;}
#menu a {
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	position:relative;
	float:left;
	background-image:url(../img/theme/nav/menu.png);}
#menu a:hover { background-image:url(../img/theme/nav/menuOn.png); }
#menu #home {
	width:67px;
	background-position:0 0;}
#menu #benefit {
	width:85px;
	background-position:-67px 0;}
#menu #how {
	width:124px;
	background-position:-152px 0;}
#menu #about {
	width:117px;
	background-position:-276px 0;}
#menu #tools {
	width:99px;
	background-position:-393px 0;}
#menu #join {
	width:60px;
	background-position:-492px 0;}
#leftColumn, #rightColumn { }
#leftColumn {
	width:300px;
	float:left;
	padding: 20px 10px 10px 20px;}
#rightColumn {
	width:550px;
	float:right;
	padding: 10px;}
/* to make a page one column... */
#oneCol #leftColumn { display:none; }
#oneCol #rightColumn { width:900px; }
#footer { clear:both; }
#footer { font-size:70%; }
#footer, #footer a, #footer a:hover, #footer a:active, #footer a:visited {
	color: #666666;
	text-decoration:none;}
#footer a:hover { text-decoration:underline; }
#footerNav { float:right; }
.horBar {
	height:20px;
	clear:both;
	background:#263b93 url(../img/theme/horizBarBack.png) repeat-x;
	margin:0}
/*TEXT STYLES*/
.quote { font-style:italic; }
h2 {
	font-family: Calibri, sans-serif;
	font-weight:bold;
	color: #6AA444;
	font-size:16px;
	border-bottom: thin #6AA444 inset;}
.emph {
	font-weight:bold;
	color: #0071BC;
	letter-spacing:.05em;}
a:link, a:visited, a:active {
	color:#0071BC;
	text-decoration:underline;}
a:hover {
	color:#0071BC;
	text-decoration: none;
	font-weight:bold;}
.error {color:#FF0000;}
/*LOGIN*/
#loginBlock {
	/*background: #C7D6EE url(img/loginBack.png) left bottom;*/
	background-color:#C7D6EE;
	width:200px;
	float:right;
	margin-right:1em;
	padding:5px;}
#loginBlock p {
	margin:5px;
	color:#0071BC;
	font: 700 100% Calibri, Verdana, Helvetica, Arial, sans-serif;
	padding:0;
	margin:0;}
#loginBlock img { display:none; }/*REmove when you want hte shadow back in place :) */
#loginForm, #forgotForm { text-align:center; }
#loginForm input[type='text'],#loginForm input[type='password'],#loginForm textarea
,#forgotForm input[type='text'],#forgotForm input[type='password'],#forgotForm textarea {
	border:2px solid #6AA444;
	margin-bottom:6px;
	width:180px;
	height:16px;
	color:#6AA444;
	font-family: Calibri, sans-serif;}
#loginForm textarea,#forgotForm textarea {
	width:300px;
	height:80px;}
input[type='checkbox'] {
	width:15px;
	margin:0;
	padding:0;}
label { font-size:80%; }
.loginButton {
	border:1px solid #6AA444;
	background-color:#cecece;
	color:#000;
	text-align:center;
	padding:2px 5px;
	text-decoration:none !important;
	font-size:80%;}
.loginButton:hover {
	border:1px solid #6AA444;
	background-color:#cecece;
	color:#000;}

.tinytext {font-size:80%}
a.reset {float:right; color:#efefef}

.pricingTable {
	border: 1px solid #192c6a;}
.pricingTable th{
	text-align:center;}
.pricingTable td,.pricingTable tr th{
	border-bottom:1px solid #192c6a;}
.pricingTable tr.months th{
	padding:0;
	border-bottom:2px solid #192c6a;}
.pricingTable tr td{
	padding:3px;}
.credits {
	font-size:80%;
	font-style:italic;}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;}

.thumbnail:hover{
background-color: transparent;
z-index: 50;}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#CCCCCC;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 50px;
left: 60px; /*position where enlarged image should offset horizontally */}