/* CSS Document */

body			{ margin: 0; background: #ebebeb; font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: center;}
body * 			{ text-align: left;}
table, td 		{ font: 10px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;}
p				{ font-size: 11px; margin: 2px 0px 0px 0px; padding: 5px 0px 0px 0px;}
h1				{ color: #cc0000; font-size: 18px; margin: 0px; padding: 0px;}
h2				{ color: #cc0000; font-size: 16px; margin: 0px; padding: 0px;}
h3				{ color: #cc0000; font-size: 12px; margin: 3px 3px 3px 0px; padding: 5px 0px 0px 0px; border-bottom: 1px solid #333333;}
.subtitle		{ font-size: 12px;}
#ticker			{ margin-top: 3px; text-align: center;}
/* Page Header
==============================================================================*/
#page_wrapper	{ margin: 0 auto; text-align: center; width: 840px;}
#pageheader		{ margin: 0 auto; padding: 0px; background-image: url('/images/background_header.jpg');}
#logo			{ width: 330px;}
#att			{ float: right; margin: 2px; padding: 0px;}
#nav			{ float: right; margin: 0 auto; padding: 0px;}
#navlist		{ list-style-type: none; margin: 30px 0 0 0; padding: 0px;}
#navlist		ul { }
#navlist		li { float: left; margin: 0 2px 0 0px; padding: 4px 0px 4px 2px; display: block; width: 90px; text-align: center; font-size: 11px; background-image: url('/images/nav_tab_off.gif');}
#navlist 		a { color:#000000; text-decoration: none;} 
#navlist 		a:hover { color:#cc0000;}

#subnav_list	{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; color:#FFFFFF; font-size: 10px; line-height: 16px;}
#subnav_list	li { text-indent: 10px; margin: 0 0px 0 0px; padding: 0px 0px 10px 0px; display: block; width: 172px; background-image: url('/images/background_subnav.gif');}
#subnav_list	a { color: #ffffff; text-decoration: none;}
#subnav_list	a:hover { text-decoration: underline;}

.headline		{ font-size: 12px; font-weight: bold; color: #cc0000;}
.subhead		{ font-size: 11px; font-weight: bold;}
.date			{ font-size: 9px; color: #999999;}
.descriptive	{ font-size: 9px; color: #666666;}

.clear 			{ clear: both; font-size: 1px; height: 1px}
#content_wrapper{ margin: 6px 0px 0px 0px;  padding: 10px 5px 10px 5px; background-color:#ffffff;}
#content_wrapper_sec{ margin: 6px 0px 0px 0px;  padding: 0px 0px 0px 0px; background-image: url('/images/background_secondary.gif');}
#sidebar		{ float: left; width: 172px;}
#content_wrapper_right {float: left; width: 640px; margin: 10px 0px 0px 10px;}

#presentation	{ float: right; margin: 0px 0px 0px 10px;}
#survey_wrapper	{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center;}
#survey			{ float: left; width: 305px; margin: 0px 6px 0px 6px; text-align: center;}

#general_list	{ float: left; margin: 10px 10px 0px 0px;padding: 0px; font-size: 11px; font-weight: bold; line-height: 16px}
#benefits_list	{ float: left; margin: 10px 10px 0px 0px; width: 48%; padding: 0px; font-size: 11px; font-weight: bold; line-height: 16px}
#solution		{ float: left; width: 48%; margin: 10px 10px 0px 0px; padding: 0px;}
#join			{ width: 172px; text-align: center; margin-top: 20px;}
/* Survey Bounding Box */
.t_survey 	{background: url(/images/crnr_dot.gif) 0 0 repeat-x #ebebeb; width: 100%;}
.b_survey 	{background: url(/images/crnr_dot.gif) 0 100% repeat-x}
.l_survey 	{background: url(/images/crnr_dot.gif) 0 0 repeat-y}
.r_survey 	{background: url(/images/crnr_dot.gif) 100% 0 repeat-y}
.bl_survey {background: url(/images/crnr_bl.gif) 0 100% no-repeat}
.br_survey {background: url(/images/crnr_br.gif) 100% 100% no-repeat}
.tl_survey {background: url(/images/crnr_tl.gif) 0 0 no-repeat}
.tr_survey {background: url(/images/crnr_tr.gif) 100% 0 no-repeat; padding:10px}

/* Grey line White filled Bounding Box */
.t 	{background: url(http://www.promero.com/images/dot.gif) 0 0 repeat-x #FFFFFF; width: 100%;}
.b 	{background: url(http://www.promero.com/images/dot.gif) 0 100% repeat-x}
.l 	{background: url(http://www.promero.com/images/dot.gif) 0 0 repeat-y}
.r 	{background: url(http://www.promero.com/images/dot.gif) 100% 0 repeat-y}
.bl {background: url(http://www.promero.com/images/crnr_wht_lb.gif) 0 100% no-repeat}
.br {background: url(http://www.promero.com/images/crnr_wht_rb.gif) 100% 100% no-repeat}
.tl {background: url(http://www.promero.com/images/crnr_wht_lt.gif) 0 0 no-repeat}
.tr {background: url(http://www.promero.com/images/crnr_wht_rt.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

/* Page Footer
==============================================================================*/
#pageFooter		{ clear: both; display: block; width: 830px; background-color: #000000; font-size: 10px; color: #FFFFFF; padding:5px;}

#links		 	{ margin: 0 auto; width: 830px; text-align:center; font-family: Verdana, Arial; font-size: 9px; color: #666666;padding:5px;}
#links		ul	{ margin-left:0; padding-left:0;}
#links		li	{ display:inline; list-style-type:none;}
#links		a	{ padding: 5px;}
#links		a:link, #links	a:visited	{ color:#333; text-decoration: none;padding: 5px;}
#links		a:hover	{ color:#fff; text-decoration: underline; background-color: #000;padding: 5px;}

select, input, textarea  {
	font-size: 9px;
	color: #000000;
	border-style: none;
	border:1pt #B1B0AB solid;
	padding: 1px;
	padding-left: 3px;
	padding-bottom: 1px;
	background-color: #FFFFFF;
	margin: 0;
	font-family: arial, sans-serif;
}