/*
------------------------------------------------
CLIO 2008 MAIN STYLESHEET
/css/main.css
author: chris Armstrong, Thoughtbubble Ltd
04 September 2007
------------------------------------------------
*/
/*
-------------------------------------------
Remove the inconsistent default styling of HTML elements.
-------------------------------------------
*/

 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
 	margin:0;
 	padding:0;

 }
 
 table {
 	border-collapse:collapse;
 	border-spacing:0;
 }
 
 fieldset,img { 
 	border:0;
 }
 
 address,caption,cite,code,dfn,em,strong,th,var {
 	font-style:normal;
 	font-weight:normal;
 }
 
 ol,ul {
 	list-style:none;
 }
 
 caption,th {
 	text-align:left;
 }
 
 h1,h2,h3,h4,h5,h6 {
 	font-size:100%;
 	font-weight:normal;
 }
 
 q:before,q:after {
 	content:;
 }
 
 abbr,acronym { 
 	border:0;
 }

 /* -------------------------------
	CLEARFIX FLOATING FIXES
---------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* --------------------------------
 Stuff for the selects under the nav
 Support for the "iehover-fix.js" 
 ----------------------------------*/
 
* html ul.nav iframe {
	position: absolute;
	/* account for the border */
	left: -0.25em;
	top: -0.25em;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

/* this is for IE 5.0
select.hide { visibility: hidden; }

/* End Support for the "iehover-fix.js" */
 
/*
-------------------------------------------
MAIN SITE STRUCTURE
-------------------------------------------
*/
 
body { 
	background-color:#FFFFFF;
	margin:0;
	padding:0 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#666666;
	}

p { margin-top:0px; margin-bottom:10px; }
strong { font-weight:bold; }
em { font-style:italic; }

a:link, a:visited { color:#819A08; text-decoration:underline; }
a:hover { text-decoration:underline; }

h1 { font-size:1.3em; font-weight:bold; margin:0 0 10px 0; }
h2 { font-size:1.2em; font-weight:bold; margin:0 0 10px 0; }

ul {
	list-style-type: disc;
	padding:0 0 0 1.5em;
}

ul li { padding:0 0 5px 0; }
ul li ul { list-style-type: circle; }

.NoShow { display:none; }
.Show { display:block; }

.vspace5 { height:5px; }
.vspace10 { height:10px; }
.vspace20 { height:20px; }
.vspace50 { height:50px; }
.vspace100 { height:100px; }

.submit_button {
	background-color:#819A08; 
	padding:2px 20px 2px 10px; 
	color:#FFFFFF; 
	border:0;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.holding_text { padding:150px 0 200px 200px; text-align:center; font-size:1.8em; font-weight:bold; color:#999999; }

a.link_btn:link, a.link_btn:visited, a.link_btn:hover {
	background-color:#819A08; 
	padding:3px 21px 3px 11px; 
	color:#FFFFFF; 
	border:0;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}

/* main page layout */
#mainWrapper { 
	width:100%; 
	text-align:center; 
}

#pageWrapper { 
	width:1000px; 
	margin:auto; 
	text-align:left; 
	position:relative;
}

#topRow { height:65px; padding:5px 0 5px 0; border-bottom:5px solid #819A08; }
#logoRow { padding:5px 0 5px 0;  }

.col_left { float:left; width:200px; color:#FFFFFF; overflow:hidden; }
.col_left_padding { padding:10px 10px 10px 5px; font-size:0.9em; }
.col_left_padding a:link, .col_left_padding a:visited { color:#FFFFFF; text-decoration:none; }
.col_left_padding a:hover { text-decoration:underline; }
.col_main { float:left; width:800px; overflow:hidden; }
.col_main_padding { padding:10px; }

/*
.content_left_col .col_left a:link, .content_left_col .col_left a:visited {display:block; margin-left:10px; width:160px; height:20px; text-align:center; line-height:20px; background:#00CAFF; font-weight:bold; color:#FFF; text-decoration:none;}
.content_left_col .col_left a:hover {text-decoration:underline;}
*/

.content { 
	margin:2px 0 2px 0;
}

.content_left_col { 
	background-image:url(/images/layout/lft_bar_pxLine.gif);
	background-position:0 0;
	background-repeat:repeat-y;
}

#siteLogo { float:left; width:185px; }
#whyHealthcare {
	float:right; width:650px; text-align:right; position:relative; z-index:400;
}
#whyHealthcare_detail { 
	position:absolute;
	top:0; 
	left:0; 
	width:628px; 
	border:1px solid #819A08; 
	background-color:#FFFFFF; 
	color:#819A08; 
	font-size:1.2em; 
	line-height:1.4em; 
	padding:10px; 
	text-align:left;
	display:none;
	z-index:400;
}

#siteFlash { 
	position:absolute;
	width:700px;
	height:110px;
	z-index:10;
	top:85px;
	left:300px;
	overflow:hidden;
}

#siteNoFlash { 
	position:absolute;
	top:70px;
	left:600px;
	float:right;
	width:400px;
	height:110px;
	padding-top:5px;
}

body 
{ background-color:#F0000; }

/* page footer */
#footerBar { background-color:#D2E37D; padding:5px 0 5px 0; }
#footerBar .copy_info { float:left; width:200px; margin-left:20px; font-size:0.9em; }
#footerBar .footer_link { float:right; width:150px; border-left:1px solid #000000; margin-right:20px; font-size:0.9em; }

#footerBar .footer_link a:link, #footerBar .footer_link a:visited { padding-left:10px; color:#666666; text-decoration:none; }
#footerBar .footer_link a:hover { text-decoration:underline; }

/*
-------------------------------------------
LOGIN
-------------------------------------------
*/

.top_countdown { float:left; width:200px; margin-top:10px; }
.top_links { float:right; width:300px; padding:12px 20px 0 0; text-align:right; }
.top_login { float:right; width:400px; }
.top_login #loginForm { margin:10px 0px 0px 0px; width:400px; }
.top_login #loginForm .textinput { float:left; width:140px; padding:2px 1px 0 2px; background-color:#F6F6F6; border:1px solid #999999; color:#999999; height:19px; margin:0 10px 0 0; display:inline; }
.top_login #loginForm .checkboxinput { float:left; width:10px; margin:5px 10px 0 0; display:inline; }
.top_login #loginForm .login_submit { float:left; width:47px; display:inline; }
.top_login .login_help { float:left; width:14px; margin:5px 5px 0 0; display:inline; }