/* CSS Document */
/* Workarounds are used in this file; generally if something is of the form
	tag[element] it's a workaround, presenting the tag[element] css to 
	browsers with modern standards support, and having old browsers (read: IE)
	ignore it. */

/* General Styles */
body {
	font-family: Arial, Sans-Serif; 
	font-size: 12pt; 
	width: 750px; }

.smalltext		{ font-size: smaller; }

span.smallheader { font-weight: bold; }
span.ulheader	 { font-weight: bold; text-decoration: underline; }

.error			{ font-size: 75%; color: Red; }

#header img, #header a	{ border: 0px; }
#header a				{ position: relative; left: -10px; top: -8px; }
div[id]#header a		{ left: -8px; }

/* There are spacing issues for the different browsers, so here's spacing
	and then workarounds for the problem. */

.spacer					{ width: 100%; height: 0px; }
div[class].spacer		{ height: 35px; }
#firstgap				{ margin-left: 35px; }
span[id]#firstgap		{ margin-left: 37px; position: relative; left: -5px; }
.nextgap				{ padding-left: 50px; }
span[class].nextgap		{ padding-left: 40px; }
#footdisplace			{ height: 564px; }
div[id]#footdisplace	{ height: 584px; }

/* Footer Spacing. Different on main page. */
#footer						{ font-size: x-small; height: 100px;}
#footbar					{ position: relative; left: -10px; }
img[id]#footbar				{ left: -8px; }
#mainpage #footbar			{ top: -18px; }
#mainpage img[id]#footbar	{ top: -9px; }

/* Footer sub-areas. */
div#footleft	{ float: left; }
div#footright	{ float: right; margin-top: 20px; }
#footright a	{ text-decoration: none; color: black; font-size: small; }

/* Main Page Styles */

#mainpage #header { position: absolute; top: 0px; left: 0px; }


#formbox { height: 254px; background-color: #FFCC66; }

div#introform {	/* Form area on the right. */
	position: absolute; 
	left: 498px; top: 119px;
	width: 262px;
	background-color: #FFCC66; 
}
div#introcopy {	/* Introcopy on the left. */
	position: absolute; 
	left: 0px; top: 119px;	 
	height: 434px;
	width: 498px; 
	padding: 0px;  margin: 0px; 
	border-style: none;
}

/* The form on the side of the main page. */
#sideTable {
	margin: 10px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	border: 0px;
	width: 100%;
	vertical-align: middle;
}

table[id]#sideTable {
	border: 0px;
	padding: 5px 0px 0px 5px; 
	margin: 0px;
}

.pagelist	{ font-weight: bold; list-style-type: disc; font-size: 83%; }

/* Table Form Styles */
.s span { font-size: 75%; }
tr, td	{ border: 0px; margin: 0px; padding: 0px; }
table	{ border: 1px solid black; }

table#infoTable	{ margin-left: 50px; }
#infoTable td	{ padding: 8px; }
tr.oddrow		{ background: #FFF7D5; }
tr.evenrow		{ background: white; }
td.imagecell	{ padding: 0px; }
td.j			{ padding: 10px; }
td.f			{ text-align: right; font-weight: bold; font-size: smaller; }
td.s			{ }
.sideform		{ font-weight: bold; font-size: smaller; }
.numberprompt   { position: relative; top: 13px; right: 85px; font-size: x-small; }

/* Stupid Bullets. */
#introcopy .pagelist {
	list-style-position: inside;
}

/* Cross-Sell Styles */
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 24px;
}
.style2 {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style3 {
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFF99;
}
.style5 {color: #FFFFFF;}
.style6 {color: #FFFF99;}

/* Mucking about with critical illness page. */
.illness #couple {
	margin-top: 20px;
}
.illness #footdisplace			{ height: 584px; }
.illness div[id]#footdisplace	{ height: 584px; }
.illness #formbox { height: 274px; background-color: #FFCC66; }