/* CSS For Screen Rendering */

/* Default Formatting*/

body{
	font-family: Arial,sans-serif;
	font-size: 0.8em;
	color: #584020;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

a {color: #02522F; text-decoration: none;}
a:visited {color: #02522F;}
a:hover {color: #584020;}
a.out {padding-right: 20px; background: transparent url(../images/external.gif) no-repeat center right;}

h1 {color: #02522F; font-size:1.2em;}

h2 {color: #02522F; font-size:1.1em; text-transform:uppercase;}

h3 {color: #02522F; font-size:1.1em;}

ul {padding-left:12px; margin-left:12px; color:#000000;}

.plusSize{font-size:1.6em;}
.plusSizeBlack{color:#000000; font-size:1.6em;}
.plusSizeBlack:hover{color:#584020; font-size:1.6em;}

table.contact{background:#CCCCCC;}
table.soc {width:400px;}
table.contact {width:550px;}
table.careers {width:500px;}
table.soc th, table.soc td, table.contact th, table.contact td, table.careers th, table.careers td {padding:5px 6px 5px 6px; text-align:left;}
table.careers td { vertical-align:top;}
table.contact thead th{text-decoration:underline;}
caption {font-weight:bold; text-transform:uppercase;}
thead {background:#CCCCCC;}
tr {vertical-align:middle;}
th, td {padding:5px 6px 5px 6px; text-align:center;}
td.form{text-align:left;}
tr.careers {vertical-align:top;}
td.careers{text-align:left;}
table.soc td.num, td.num {text-align:right}


.calc{background: url(../kids/kidsCalcGreen/green.gif) no-repeat; width:400px; height:300px;}
.calc applet{ position:relative; left:180px; top:90px; }


/* Layout */ 

#logo{padding: 2px 0 4px 0;}

#main_area{float: left;	width:960px; background: url(../images/background.jpg) repeat-y;}

#masthead{padding: 0px;	width: 100%;}

#sidebar{width:125px; padding: 0 10px 0 10px; float: left;}

#select_rate select{width:120px;}

#content{padding: 0 15px 0 15px; float: left; width: 555px;}

.otherCol{padding: 0 15px 0 15px; width: 180px; float: left;}

#footer{clear: both; width:760px; padding-top:2px; font-size:.9em;}

.disclaimer{font-size:.8em;}

.newsDate{font-size:.8em; line-height:.2em; color: #02522F;}

/* Main Navigation*/

#mainNav{width: 945px; height: 22px; background-color: #02522F; padding:2px 0 0 15px;}

#mainNav a {text-decoration:none; font-weight:bold;}

#mainNav a:hover{}


/* Content Area */

#content ol li{ padding-bottom:1em; }

#content h1{font-size:1.4em;}

#content h2{background: url(../images/GreenBar.jpg) repeat-y; color:#FFFFFF; padding-left:2px;}

.otherCol a{background:url(../images/green_link.gif) no-repeat left top; padding-left:14px;}


/* Ad Area */

.ad{background:#F4ECB5; padding:5px; font-weight:bold;}
.ad h1{font-size:1.4em;}
.bigRate{font-size:2.2em; float:left;}
.terms{font-size:0.7em;}

/* Image Floats */

.imgLeft{float:left; padding:0 4px 0 0;}
.imgRight{float:right; padding:0 0 0 4px;}
.imgRightLoc{float:right; padding:26px 0 0 4px;}

/* Link Lists */

ul.linkListA li{list-style-image:url(../images/brown_link.gif);}
ul.linkListA li:hover{list-style-image:url(../images/green_link.gif);}
ul.linkListA li a{color: #584020; text-decoration: none; background:none; padding:0;}
ul.linkListA li a:hover{color: #02522F; text-decoration: none;}

#sidebar li, ul.linkListB li{list-style-image:url(../images/green_link.gif);}
#sidebar li:hover, ul.linkListB li:hover{list-style-image:url(../images/brown_link.gif);}
ul.linkListB li a{color: #02522F; text-decoration: none; background:none; padding:0;}
ul.linkListB li a:hover{color: #584020; text-decoration: none;}



.ratebox{width: 100%; text-align:center; margin: 0 auto;}
.ratebox h1{background:#333333; color:#FFFFFF; margin-bottom:-0.8em;}
.ratebox h2{font-size:1.5em; margin-bottom:0; margin-top:-0.9em;}
.ratebox h3{font-size:1.2em;}

/* Dropdown test */

ul.dropdown *.dir {
 padding-right: 20px;
}

ul.dropdown-horizontal ul *.dir {
 padding-right: 20px;
 background:#FFFFCC;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown a, ul.dropdown a:hover{
 color:#FFFFFF;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
 padding:0 20px 0 0;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 200px;
 background:#FFFFFF;
 border: 1px solid;
 padding-bottom:5px;
}

ul.dropdown ul li {
 float: none;
 padding-left:15px;
}

ul.dropdown ul li:hover {
 background:#DDDDDD;}


ul.dropdown ul li a, ul.dropdown ul li a:hover{
 color:#02522F;
}
ul.dropdown ul li a:hover { background:#DDDDDD;}

ul.dropdown li:hover > ul {
 visibility: visible;
}


/* Crossfade */


#wrapper {
		width: 152px;
		height: 184px;
		float:right;
	}

div.cf_wrapper
	{

	}
	
	div.cf_element
	{
		width: 153px;
		height: 134px;
	}
	
	div.cf_element div.content
	{

	}

	div.cf_element div.content h3
	{
		padding-top: 0;
		margin-top: 0;
	}


a.Dec{background:url(../images/green_link.gif) no-repeat left top; padding-left:14px;}
.date{color: #02522F; text-transform:uppercase;}
a.bigLink{font-size:1.3em;}
