html{height:100%;}

body {
height: 				100%;
text-align: 			center;
background-color: 		#666;
margin: 				0;
font: 					11px/16px trebuchet ms, arial, verdana, helvetica, sans-serif;	
color:					#00728f;
background-image:		url("/img/background_black.gif") ;
background-repeat:		repeat-x;
}

#shell {
min-height:				100%;
height:					100%;
width: 					882px;
background-color:	 	#fff;
}

.body {
width:					410px;
margin-left:			165px;
}

#container 
{
height:					100%;
text-align: 			left;
width: 					882px;
}

#banner
{
margin-left:			13px;
margin-top:				9px;
width: 					855px;
height:					90px;
background-color: 		#e3027f;
color:					#666;
background-image:		url("/img/header.gif") ;
background-repeat:		no-repeat;
}

#banner1
{
margin-left:			13px;
margin-top:				9px;
width: 					855px;
height:					90px;
background-color: 		#000;
color:					#666;
background-image:		url("/img/header_black.gif") ;
background-repeat:		no-repeat;
}

#flags
{
margin-top:				20px;
margin-right:			20px;
font: 					10px/16px trebuchet ms, arial, verdana, helvetica, sans-serif;	
color:					#999;
float:					right;
}

.clearboth { clear: both; }

/* homepage */

#flashHome
{
margin-left:			12px;
margin-top:				5px;
float: 					left;
display: 				inline;
width: 					855px;
margin-bottom:			-3px;
z-index:				1;
}

.homeCallout
{
width: 					230px;
height:					400px;
background-image:		url("/img/homeCallout_wide_small.gif") ;
background-repeat:		no-repeat;
padding-left:			8px;
}

.homeTable
{
position:				relative;
left:					13px;
top:					3px;
float: 					left;
width: 					855px;
}

.homeBox
{
height:					100px;
width:					382px;
background-image:		url("/img/home_box_small.gif") ;
background-repeat:		no-repeat;
padding-left:			15px;
padding-top:			5px;
padding-right:			15px;
}

.homeGrayBox
{
height:					101px;
width:					175px;
background-image:		url("/img/home_graybox.gif") ;
background-repeat:		no-repeat;
padding-left:			15px;
padding-top:			15px;
}

.homeGrayBox2
{
height:					100px;
width:					175px;
background-image:		url("/img/home_graybox2_small.gif") ;
background-repeat:		no-repeat;
padding-left:			15px;
padding-top:			5px;
}

.homeList {
margin-left:			-20px;
color:					#ffffff;
font:					12px/17px trebuchet ms, arial, verdana, helvetica, sans-serif;			
font-weight:			bold;
}

/* internal */

#row1col1
{
padding-left:			20px;
top:					5px;
float: 					left;
width: 					625px;
}

#row1col2
{
margin-left:			28px;
padding-top:			5px;
float: 					left;
width: 					195px;
height:					600px;
z-index:				1;
}

#row2col1
{
position:				relative;
left:					0px;
top:					10px;
float: 					left;
width: 					200px;
}

#row2col2
{
position:				relative;
left:					10px;
top:					10px;
float: 					left;
width: 					200px;
}

#row2col3
{
position:				relative;
left:					20px;
top:					10px;
float: 					left;
width: 					200px;
}

#row2col4
{
position:				relative;
left:					55px;
top:					15px;
float: 					left;
width: 					186px;
background-color: 		#ddd;
}

#row3col1
{
position:				relative;
left:					0px;
top:					10px;
float: 					left;
width: 					300px;
}

#row3col2
{
margin-left:			10px;
margin-top:				10px;
float: 					left;
width: 					300px;
}

#footer
{
position:				relative;
left:					13px;
float: 					left;
background-color: 		#e3027f;
font:					10px/24px trebuchet ms, arial, verdana, helvetica, sans-serif;	
text-align: 			left;
text-indent:			10px;
width: 					855px;
height:					24px;
margin-top:				10px;
margin-bottom:			10px;
color:					#fff;
}

/* typestyles */

h1 {
color:					#006699;
font:					21px/30px trebuchet ms, arial, verdana, helvetica, sans-serif;	
font-weight:			normal;
margin:					20px 0px 10px 0px;
}

h2 {
color:					#e3027f;
font:					20px/23px trebuchet ms, arial, verdana, helvetica, sans-serif;	
font-weight:			normal;
margin:					5px 0px 10px 0px;
}

h3 {
color:					#006699;
font:					15px/20px trebuchet ms, arial, verdana, helvetica, sans-serif;	
font-weight:			bold;
margin:					5px 0px 10px 0px;
}	

P {
color:					#555555;
font:					12px/18px trebuchet ms, arial, verdana, helvetica, sans-serif;			
}

li {
margin-left:			-20px;
color:					#555555;
font:					12px/17px trebuchet ms, arial, verdana, helvetica, sans-serif;			
}

.pinkbullet {
margin-left:			-20px;
color:					#e3027f;
font:					16px/28px trebuchet ms, arial, verdana, helvetica, sans-serif;	
font-weight: 			bold;
}

.greybullet {
margin-left:			-20px;
color:					#fff;
font:					16px/26px trebuchet ms, arial, verdana, helvetica, sans-serif;	
font-weight: 			bold;
}

#dottedbox {
background-image:		url("/img/large_box.gif") ;
background-repeat:		no-repeat;
padding:				15px;
width:					610px;
height:					200px;
color:					#fff;
}

.costsTable {
color:					#ffffff;
font:					12px/17px trebuchet ms, arial, verdana, helvetica, sans-serif;	
background-color:		#0d819c;
}

.table1
{
background-color:		#f6f6f6;
}

.small {
color:					#999;
font:					10px/17px trebuchet ms, arial, verdana, helvetica, sans-serif;	
}

input, textarea, option, select  {
font:					12px/16px trebuchet ms, arial, verdana, helvetica, sans-serif;	
color:					#000;
background-color:		white;
}


/* links */

a {color:#666666;text-decoration:underline;}
a:hover {color:#E3027F;text-decoration:underline;}

a.subnav {color:#00728F;text-decoration:none;font-weight:bold;font-size:14px;padding:5px;line-height:20px;}
a.subnav:hover {color:#555;text-decoration:underline;}

a.pink {color:#e3027f;text-decoration:none;}
a.pink:hover {color:#e3027f;text-decoration:underline;}

a.white {color:#fff;text-decoration:underline;}
a.white:hover {color:#84bfce;text-decoration:underline;}

a.footer {color:#fff;text-decoration:none;}
a.footer:hover {color:#fff;text-decoration:underline;}


/*Drop down menus */

#navigation
{
float:			right;
clear:			none;
width:			650px;
}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	border: 0;
	list-style: none;
	line-height: 1;

}

#nav a {
	padding: 0;
	margin: 0;
	border: 0;
	display: block;
	/*width: 10em; */
}

#nav li { /* all list items */
	float: left;padding: 0;margin: 0;border: 0;margin-right:8px;
	/*width: 10em;  width needed or else Opera goes nuts */
}
.subLvl {
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
	margin-left:6px;
	padding-bottom:1px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	/*width: 10em; */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.comparisonOuter {
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 20px;

}

#formtopright {
	color: #000000;
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 10px 0px 0px 10px;
}

