/*======================================================================
||                   rates.css
||
|| Cascading Style Sheet for Island Rates Display
||
||====================================================================*/

/*======================= Primary Divs ===================*/

html, body {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
    padding: 0;
    height: 100%;
    background-color: #014764;
}

#ratewrapper {
   	width: 860px;
   	margin-left:auto;
   	margin-right:auto;
   	margin-top:15px;
   	background:white;
   	padding-bottom:15px;
}
#rateheader {
    width: 850px;
    height:70px;
    background-color: white;
    color: rgb( 0, 105, 170 );
    margin: 0;
    border-bottom: 4px solid #0069aa;
}
#rateheader img {
	height:60px;
	border:0;
	margin:3px;
	float:left;
}
#rateheader h1 {
	float:right;
	margin-top:22px;
	margin-right:20px;
	font-size:1.1em;
	color: #0069aa;
}

#ratenavigationbar {
	position:relative;
	top:1px;
	left:30px;
	border: 0;
	width:800px;
	font-size:0.8em;
}
#ratenavigationbar ul {
	margin:0;
	padding:0;
}
#ratenavigationbar li {
	border: 1px solid #0069aa;
	background: #eeffff;
	color: #0069aa;
	list-style:none;
	float:left;
	padding:2px 4px;
    margin-right:3px;
}
#ratenavigationbar li.curritem {
	color:white;
	background:#0069aa;
}
#ratenavigationbar a {
    text-decoration:none;
    color:navy;
    font-weight:bold;
}
#ratefooter {
	font-size:0.8em;
	margin:15px 0 5px 35px;
}
p.commonrateheader {
	font-family:  Helvetica, Arial, sans-serif;
	font-size:1.2em;
	margin:1px 0px 0 0px;
	padding:10px 10px;
	text-align:left;
	background-color: #014764;
	color:white;
	font-weight:bold;	
}
p.currentasofdate {
	margin-left:0px;
	border: 0px white solid;
	padding: 12px 10px;
	margin-left:0px;
	font-family:  Helvetica, Arial, sans-serif;
	font-weight:normal;
	text-align:left;
	background-color: #014764;
	color:white;
	font-size:.9em;
}

/*=======================
|| #format1container,
|| #format2container,
|| #format3container,
|| #format4container,
|| #format5container,
|| #formatx6container,
|| #formatx7container, {
||    	margin-left:auto;
||    	margin-right:auto;
||    	margin-top:15px;
||    	background-color:white;
||    	padding-bottom:15px;
||    	border: 1px dotted navy;
|| }
||======================*/

#format1container {
   	width: 550px;
   	border: 1px solid white;
}
#format2container {
   	width: 550px;
   	border: 1px solid white;
}
#format3container {
   	width: 550px;
   	border: 1px solid white;
}
#format4container {
   	width: 550px;
   	border: 1px solid white;
}
#format5container {
   	width: 550px;
   	border: 1px solid white;
}
#format6container {
   	width: 550px;
   	border: 1px solid white;
}
#format7container {
   	width: 550px;
   	border: 1px solid white;
}

/*=======================
|| #format1container p,
|| #format2container p,
|| #format3container p,
|| #format4container p,
|| #format5container p,
|| #format6container p,
|| #format7container p {
|| 	margin-left: 20px;
|| }
||======================*/


table.ratedisplay {
	font-size: .9em;
	background-color: white;
	color: white;
	text-align: left;
	font-family:  Helvetica, Arial, sans-serif;
}

table.ratedisplay tr.shaded {
	background-color: #0686be;
	color: white;	
}
table.ratedisplay tr.shadedlt {
	background-color: #014764;	
}
table.ratedisplay tr.shadeddk {
	background-color: #0686be;	
}
table.ratedisplay tr.unshaded {
	background-color: white;
	color: #0686be;	
}

table.ratedisplay th {
	font-size: .9em;
	font-weight:normal;
	background-color: #014764;
	padding:10px;
	border-bottom:4px white double;
	text-align: left;
}
table.ratedisplay td {
	font-size: 1em;
}

table.apr {
	width: 165px;
	background-color: white;
	color: navy;
	margin-left:5px;	
	margin-top:5px;
	border: 1px solid navy;
}
table.apr td,
table.apr th {
	font-size: 0.8em;
	padding-right:8px;
	text-align:right;	
}
.w270 {
	width: 270px;
}
.w370 {
	width: 370px;
}
.w380 {
	width: 380px;
}
.w500 {
	width: 500px;
}
.w520 {
	width: 520px;
}
.w552 {
	width: 550px;
}
.w620 {
	width: 620px;
}
.w700 {
	width: 700px;
}

.cellleft {
	font-family:  Arial, Helvetica, sans-serif;
	text-align: left;
	font-size:.9em;
	padding:10px;
	border-bottom:1px white solid;
	border-left:0px;
	border-right:0px;
}
.indent7 {
	padding-left:7px;
}
.footnote {
	font-size: 0.8em;	
}
.textright {
	text-align: right;
}
.textctr {
	text-align:center;
}