<style type="text/css">

body {
width:350px;
margin:0 auto;
margin-top:0px;
}


.darkenBackground {
background-color: rgb(0, 0, 0);
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */
z-index: 20;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
}





#wrapper{
/*width:1040px;*/
margin: 0 auto;
width:100%;
max-width:1200px;
text-align:left;
*/
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
}

/* ----- HEADER ----- */



/*#header {	
width:750px;
height:150px;
background-color:#333333;
}
*/

/* ----- NAVIGATION ----- */



#navigation {
/*width:260px;*/
width:23%;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
float:left;
margin-top:0%;
margin-left:1%;
margin-right:0%;
background-color:white;
border-right:2px solid #e5e5e5;
}





/* ----- MAIN CONTENT ----- */



#content {
font-family: arial,helvetica,clean,sans-serif;
font-size: 24px;
letter-spacing: -0.5px;
color:#005699;
/*margin-left: 290px;*/
/*width:740px;*/
margin-left:27%;
width:75%;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
/*height:500px; /* for IE5.x and IE6 */
margin-top:15px;
}


h1 {
font-family: arial,helvetica,clean,sans-serif;
font-size: 24px;
margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
padding-bottom: 0px;
display:inline;
}

h222221{margin:0;padding:0;position:absolute;left:210px;top:110px;font-size:1.58em;color:#333;font-family:Helvetica,Arial,sans-serif;}



.selectedrate {
	display:inline;
	margin-left:6px;
	font: bold 26px Arial;
    color: #FF7700;	
}


.nationally-avail {
	display:inline;
	font: 10px Arial;
}




/* ----- FOOTER ----- */




#footer { 
margin-top:10px;
width:750px;
height:100px;
background-color:#333333;
}

.greymenu{
/*width of menu*/
}

.greymenu .rbtagline {
/*font-family: "Lucida Grande",Tahoma,Verdana;*/
font-family: arial,helvetica,clean,sans-serif;
font-size: 17px;
letter-spacing: -0.5px;
color: #FF7700;	
}


.greymenu .rbstatline {
/*font-family: "Lucida Grande",Tahoma,Verdana;*/
font-family: arial,helvetica,clean,sans-serif;
font-size: 12px;
letter-spacing: -0.5px;
color: green;	
}

.bigstatnumber {
font-size: 16px;
font-weight: bold;
}

.greymenu .headerbar{
font-family: Geneva, Verdana, sans-serif;
color: white;
background: #606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 10px; /*31px is left indentation of header text*/
}

.greymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
text-align: right;
margin-right:10px;
margin-top:25px;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/

}

.greymenu ul li{
padding-bottom: 10px; /*bottom spacing between menu items*/
}

.greymenu ul li a{
font: normal 17px "Lucida Grande",Tahoma,Verdana;
color: blue;
line-height: 25px;
}


.greymenu ul li a.selected{
color: #FF7700;
background-color: #FBF5C8;  
text-decoration: none;
display: block;
}

.greymenu ul li a.cdindented{
font: 14px "Lucida Grande",Tahoma,Verdana;
}





/*.urbangreymenu ul li a:visited{
color: blue;
}
*/

/*Hover for Left Nav Links */
.greymenu ul li a:hover{ 
color: #F2F2F2;
width:100%;
background: blue;
}

.gobutton hover{
	color:green;
}


/*
=DATATABLE
======================================================================= */

table.dataTable {
/*	border-width: 1px;
/*	border-collapse: collapse;  
	border-spacing: 0px;
	border-style: outset;
    border-color:blue; */
    border:1px solid #ccc;
    border-spacing: 0px;
    border-collapse: collapse;
    margin-top:2%;
	letter-spacing: -.25px;
	width:720px;

	min-width:650px;

}



table.adminTable {
	width:auto;
	min-width:100px;

}

	table.dataTable td {

		/*font-family: "Lucida Grande",Tahoma,Verdana;*/
		font-family: arial,helvetica,clean,sans-serif;
		font:16px;
		/*border:1px solid #ccc;*/
		padding:10px 4px;
		vertical-align:left;
		margin-bottom:30px;
		
		/*border-style:none;*/
	}
	

     table.dataTable a  {
	     text-decoration: none;
	 }
	
     table.dataTable a:hover  {
	     text-decoration: underline;
	 }


     table.dataTable a:visited  {
	     color:blue;
	 }

/*MANNY NOTE: don't need that much padding on the rate history table because there are A LOT OF ROWS to show to the user */


	table.ratehistoryTable td {
		padding:3px 13px;
	}

    
	
	table.dataTable td.bankname {
		
		font: 18px arial,helvetica,sans-serif;
		text-align:left;
		color: blue;
	}



	table.dataTable td.accttype {

		font-size: 14px; 
		text-align:left;
		color:black; 
	}
	
	table.dataTable td.apycell {
		
		font: 24px arial,helvetica,clean,sans-serif;
		text-align:left;
		color:blue; 
	}

	table.dataTable td.usertableactions {
        
		font-size: 13px; 
		text-align:left;
		color:black; 
		line-height: 50%;
	}



		
	.upordown {

		font-size: 9px; 
		text-decoration: none;
		text-align:left;
		color:black;
		line-height:50%;
	}



	table.dataTable td.usertableactions a:hover{ /*hover state CSS*/
	color: white;
	background: blue;
	}

	table.dataTable td.datechecked {

		font-size: 12px;
		text-align:left;
		color: black;
	}



	table.dataTable th {
		/*border:1px solid #ccc;*/
		background-color: green;
		color: white;
		font-size:19px;
		font-style:bold;
		text-align:left;
		padding:10px 6px;

	}

	table.dataTable tr.roweven {
		background-color: white;
		color: black;
		
	}
	table.dataTable tr.rowodd {
		background-color: #f4f4f4;
		background-color: #E5ECF9;
		/*background-color: #b1e5c2;  This is the green from another site*/
		color: black;		
	}

/*
    table.dataTable tr:hover  {
	     color: red;
	     background-color: #DBFFDB;
	 }
*/	

/*
	table.dataTable tr.rowodd:hover { 
	width:100%;
	background: #DBFFDB;
	}


	table.dataTable tr.roweven:hover { 
	width:100%;
	background: #DBFFDB;
	}

*/


#pagewidth{ }

#leftcol{
 width:20%; 
 float:left; 
 position:relative; 
  }
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:80%; 
 }

body {
  background-color: #ffffff;
	font-size: 14px;
	font-family: arial,tahoma,sans-serif;
  margin: 0ex;
  padding: 0ex;
}



.h-links {
/*font-size:0.75em;*/
text-align:left;
/*width:450px;*/
padding:0; margin:0 auto;
border:dotted #777;
border-width:2px 0px 0px 0px ;
color:#222;
}

.h-links ul {
list-style-type: none;
/*width:450px;*/
margin:0; padding:0;
}

.h-links li {
border-bottom:1px dotted #777;
}

.h-links span{
/*font-size:0.75em;*/
color:#777;
font-weight:normal;
}

.h-links p{
margin:5px 0 0 0; padding:0;
color:#000;
font-weight:normal;
}

.h-links li a {
color: #CC0033;
text-decoration: none;
font-weight:600;
display:block;
padding: 15px 15px 15px 10px;
}

.h-links li:hover{
background: #eee;
}




#adminnav {
width:190px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
float:left;
margin-top:0px;
margin-left:10px;
margin-right:10px;
background-color:white;
border-right:2px solid #e5e5e5;
}

#admincontent {
font-family: arial,helvetica,clean,sans-serif;
font-size: 22px;
letter-spacing: -1.0px;
color:#005699;
margin-left: 220px;
width:auto;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
margin-top:10px;
}










</style>

