/* CSS Document */

/* --------------- global --------------- */
/* global white space removed */


/* hybrid fluid control - Based on http://positioniseverything.net/articles/sidepages/pie-calc.php - alternate percentages can be more easily figured at this address too */
body{font:.9em Arial, Verdana, Helvetica, sans-serif; background-color:#ededed;color:#333333; padding:0 417px 0 417px; text-align:center;}
#sizer{margin:0 auto 0 auto; width:92%; max-width:0;}  /* max-width version for IE is at the bottom of this style block */
#expander{background:#ededed; margin:0 -417px 0 -417px; min-width:834px;position:relative;}/* minwidth is critical Safari fix here! */
/* Holly hack for IE \*/
* html #expander{height:0;}
/* */
#wrapper{width:834px; text-align:left; min-height:420px;background:url("../images/backgrounds/body.png") top left repeat-y;margin: 17px 0 0 0;padding:0;} /* helps IE get the child percentages right. */

/* clearing floated elements related to the fluid design - see http://positioniseverything.net/easyclearing for reference */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* .clearfix{display: inline-table;} removed 10/31/06 to get past /outreach/ error */
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

#top, #bottom {
	width:834px;height:3px;background:url("../images/backgrounds/mastheadtop.png") 0 0 no-repeat;margin:0;padding:0;
}
/* masthead section */
#masthead{width:800px;background:#fff;text-align:left;margin:0 17px 0 17px;padding:0;}
#masthead #logo img {float:left;margin:10px 0 0 0;padding:0;}
#masthead #motto img {float:right;padding:0;margin:25px 11px 0 0;}

ul#navbar {width:800px;height:31px;padding:0;margin:0 17px 0 17px;list-style: none;text-align:center;background:url("../images/mainnav/mainnavslice.png") top left repeat-x;}
ul#navbar li {
	float:left;
	list-style: none;
}

ul#navbar li a {
	text-decoration: none;
	display: block;
	height: 31px;
	text-indent: -5000px;
}
ul#navbar #home {
	background: url("../images/mainnav/home.png") no-repeat 0px 0px;
	width: 62px;
}
ul#navbar #home.current {
	background: url("../images/mainnav/home.png") no-repeat 0px -31px;
	width: 62px;
}
ul#navbar #home:hover {
	background-position: 0 -31px;
}

ul#navbar #benefits {
	background: url("../images/mainnav/benefits.png") no-repeat 0px 0px;
	width: 94px;
}
ul#navbar #benefits.current {
	background: url("../images/mainnav/benefits.png") no-repeat 0px -31px;
	width: 94px;
}
ul#navbar #benefits:hover {
	background-position: 0 -31px;
}

ul#navbar #contact{
	background: url("../images/mainnav/contact.png") no-repeat 0px 0px;
	width: 114px;
}
ul#navbar #contact.current{
	background: url("../images/mainnav/contact.png") no-repeat 0px -31px;
	width: 114px;
}
ul#navbar #contact:hover {
	background-position: 0 -31px;
}

ul#navbar #transactions{
	background: url("../images/mainnav/transactionsfunded.png") no-repeat 0px 0px;
	width: 194px;
}
ul#navbar #transactions.current{
	background: url("../images/mainnav/transactionsfunded.png") no-repeat 0px -31px;
	width: 194px;
}
ul#navbar #transactions:hover {
	background-position: 0 -31px;
}



/* promotion section */
#promotion {background:url("../images/backgrounds/fanpower.gif");text-align:left; border-left:1px solid #000;border-right:1px solid #000;width:798px;height:228px;margin:0;padding:0;}

#salespitch {background:#dcdcdc;text-align:left;margin: 0 17px 0 17px;width:800px;}
#salespitch p {font-weight:bold;font-size:.9em;line-height:1.5em;color:#0055a7;}
#salespitch div.image{float:left;margin:0 0 11px 0;padding:0;}
#salespitch div.imagedescription{float:left;margin:0 0 11px 5px;}
#salespitch div.imagedescription h1 {padding:0;margin:.5em 0 .25em 0;color:#000;font-size:1.5em;border:none;}
#salespitch div.imagedescription p {margin:0 0 5px 0;padding:0;}

* html #salespitch p {font-size:.8em; }
/* global */
img{border:none;margin:0;padding:0;}
a.anchor{color:#000; font-weight:normal;}
a {color:#000;font-weight:bold;font-size:inherit;}

.displaynone {
display:none;
}
.displayblock {
display:block;
}


/*--------------- content -------------------*/
#contentcontainer{margin:10px 40px 0 40px;width:720px;}
#content{width:718px;float:left;}
/* Holly hack for IE \*/
* html #content{height:1%;}



	
#content p{padding:0 0 5px 0;}
#content #address p{padding:15px 0 0 0;}

/* Login Form */
#contentcontainer fieldset{border:none;}
#contentcontainer fieldset p label {font-weight:bold;font-size:100%;}


#content div.columnleft {width:339px;margin: 0 20px 5px 0;float:left;}
#content div.columnleft h2, #content div.columnright h2, #content h2{font-size:100%;color:#cc0000;}
#content div.columnleft p, #content div.columnright p, #content p{color:#666; }
#content div.columnright {width:339px;margin: 0 0 5px 20px;float:right;}
#content div.columnleft, #content div.columnright{margin-bottom:10px;}
	
/* Footer */

#footer{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:.85em; margin:20px 0 20px 0;padding:0;width:950px;color:#a1a1a1; text-align:center;}
#footer ul {
	width:950px;
	padding:0 0 10px 0;
	text-align:center;
	margin:-5px 0 0 0;
}
#footer ul li {
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
}

#footer ul li a{
	text-decoration:none;
	position:relative;
	padding:0 5px 0 5px;
	margin:0;
	color:#a1a1a1;
}
#footer ul li a:hover {
	color:#000;
}
#footer ul li span {
	color:#7ab2d5;
padding:0;
margin:0;
}







/* For zebra tables */
table#striped  {font-size:100%; }
	table#striped td, table#striped th { text-align:left;margin:0;padding: 5px;font-family:Arial, Sans, Helvetica, sans-serif;}
	table#striped{border: 1px solid #999999; }
	table#striped td, table#striped th { border-bottom: 1px solid #999999;}
	table#striped tr.row0 td p, table#striped tr.row1 td p {line-height:1.3em; }
	table#striped td.last { border-bottom: none;}
	table#striped caption {font: 1.2em/1.2em Arial, Sans, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	padding: 0 0 .5em 0;
	color: #0A79BE;
	text-align:left;}
.row0 {background-color: #ffffff;}  
.row1 {background-color: #f5f5f4;}