/*
Theme Name: SimpleCMS Theme
Theme URI: http://ryanhellyer.net/2008/02/23/aqua-vaccinium-wordpress-theme/
Description: SimpleCMS Theme is designed as a simple starting point for developing themes suitable for the SimpleCMS WordPress plugin
Version: 1.0
Author: Ryan Hellyer
Author URI: http://ryanhellyer.net/

	Copyright © 2008 Ryan Hellyer

	This theme was designed and coded by Ryan Hellyer
	http://ryanhellyer.net/

	You are welcome to modify this theme for your own purposes and sell the modified version to clients,
	but this theme may not be provided for download anywhere other than by the author.

*/

/* HEADER AND BODY STYLING */

* {
	font-family: verdana, sans-serif;
	font-size:12px;
}

#key_body {
	background-color:#8AC326;
	background-image:url(/images/bgrnd_cloud.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}

a {
	color:blue;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

div#key_header {
	background-color:#FFF;
	background-image:url(/images/banner_personal_loan.gif);
	background-position:16px 85px;
	background-repeat: no-repeat;
	height:250px;
	margin:auto;
	padding-top:18px;
	width:760px;
}

div#key_header div#top_nav {
	float:right;
	height:35px;
	margin:-15px 25px 0 0;
}

#search {
	margin:5px auto 10px;
	padding-right:45px;
	text-align:right;
	width:732px;
}

#menu {
	background:#222;
	color:#FFF;
	height:2.1em;
	margin:10px auto 0;
	padding-left:12px;
	width:700px;
}

#menu #iwantto {
	float:right;
	height:17px;
	font-size:11px;
	margin:4px;
}

#menu a {
	color:#FFF;
	font-size:11px;
	height:2em;
}

#menu a:hover {
	color:#D8eBB4;
}


/* NAVIGATION BAR -  http://ryanhellyer.net/ */
#suckerfishnav {}
#suckerfishnav, #suckerfishnav ul {float:left;list-style:none;line-height:2em !important;line-height:2.3em;margin:0;padding:0;}
#suckerfishnav a {display:block;color:#FFF;font-size:11px;text-decoration:none;padding:0 6px 0 6px;}
#suckerfishnav li {float:left;padding:0 6px 5px 6px;list-style:none;margin-left:-10px;width:75px;}
#suckerfishnav li ul {position:absolute;left:-999em;height:auto;width:105px;margin:5px 0 0 0;line-height:1;}
#suckerfishnav li li {background-color:#222;padding-right:1px;width:105px !important;width:100px;}
#suckerfishnav li li a {color:#FFF; font-size:11px; padding:4px 10px;}
#suckerfishnav li ul li {border-bottom:1px solid #BBB;margin:0;line-height:2em;}
#suckerfishnav li ul li a {font-size:11px; color:#FFF}
#suckerfishnav li:hover ul li a {color:#FFF}
#suckerfishnav li ul ul {margin:-20px 0 0 135px}
#suckerfishnav li ul li:hover {background:#8AC326}
#suckerfishnav li ul li:hover a {color:#000}
#suckerfishnav li ul li:hover li a {color:#000}
#suckerfishnav li ul li li:hover a {color:#000}
#suckerfishnav li ul li ul li:hover ul li a {color:#000}
#suckerfishnav li ul li ul li:hover ul li:hover a {color:#000}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul {left:-999em}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul {left:auto;background:#fff}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#fff}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#000}


/* #### content #### */


.main_page_alert {
	background-color:#FFE692;
	padding:8px 8px 8px 14px;
	width:418px;
}

#middle {
	background-color:#FFF;
	margin:auto;
	width:760px;
}

#content {
	padding:1px 50px 30px 60px;
}

p.edit_page_link {
	width:190px;
}

p.edit_page_link a {
	color:#FF5E1D;
	font-weight:bold;
	margin-top:5px;
}

li {
	list-style-image: url(/images/bullet.gif);
	margin-bottom:7px;
}

div.block {
	float:right;
	
	margin:18px 0px 18px 18px;
	padding:15px;
}

ul.no_indent {
	margin-bottom:0;
}

ul.no_indent li {
	margin-left:-28px;
	*margin-left:-2px;	/*ie6 fix*/
	*+margin-left:-4px;	/*ie7 fix*/
}

.toTop {
	margin-top:25px;
}

.highlight {
	color:#6AA306;
	font-weight:bold;
}

.bgrnd_white {
	background-color:#FFF;
}

.bgrnd_green {
	background-color:#E6EED9;
}

.page_title {
	color:#6AA306;
	font-size:19px;
	font-weight:bold;
	letter-spacing:.3mm;
	margin-top:40px;
	text-transform:uppercase;
}

h4, .head2 {
	color:#6AA306;
	font-size:14px;
	font-weight:bold;
	letter-spacing:.3mm;
	margin-top:40px;
	text-transform:uppercase;
}

h1, h2, h3 {
	color:#6AA306;
}

.smallText {
	font-size:80%;
}

table.key_table {
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	border-collapse:collapse;
	margin:15px 0 30px 0;
	width:98%;
}

table.key_table .hiLite {
	background-color:#75BC06;
	color:#FFF;
	font-weight:bold;
}

table.key_table tr.stripe {
	background-color:#DDEFFF;
}

table.key_table td{
	padding:4px;
}

table.key_table .col_head{
	background-color:#E6EED9;
	font-weight:bold;
}

span.fees_rates {
	font-weight:normal;
	text-transform:none;
}

div#ad_images {
	background-color:EEE;
	clear:both;
	margin:40px auto 10px;
	text-align:center;
	width:620px;
}


/* ####### CSS Rounded Corner Box ######## */

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
	background: transparent url(/images/css_box.gif) no-repeat bottom right;
}
.cssbox {
	float:right;
	width: 100% !important; /* intended total box width - padding-right(next) */
	width: 100%; /* IE Win = width - padding */
	padding-right: 18px; /* the gap on the right edge of the image (not content padding) */
	margin: 0 0 26px 0; /* use to position the box */
	text-align:left;
}
	/* set the top-right image */
.cssbox_head {
	float:left;
	background-position: top right;
	color:#FFF;
	letter-spacing:.1em;
	line-height:8px;
	margin-right: 0px; /* pull the right image over on top of border */
	padding-right: 18px !important;
	padding-right: 30px; /* right-image-gap + right-inside padding */
	text-transform:uppercase;
	width:100%;
}
/* set the top-left image */
.cssbox_head h2 {
	background-position: top left;
	margin: 0 8px 0 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 24px 0 15px 20px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important; height: 1%; /* IE Holly Hack */
}
/* set the lower-left corner image */
.cssbox_body {
	float:left;
	background-position: bottom left;
	margin-right: 0px; /* interior-padding right */
	padding: 10px 0 15px 22px; /* mirror .cssbox_head right/left */
}


/* small box */
.cssbox_sml, .cssbox_body_sml, .cssbox_head_sml, .cssbox_head_sml h2 {
	background: transparent url(/images/css_box_green.gif) no-repeat bottom right;
	clear:both;
}
.cssbox_sml {
	float:left;
	padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
	margin: 6px 0 20px 15px; /* use to position the box */
}
	/* set the top-right image */
.cssbox_head_sml {
	background-position: top right;
	color:#FFF;
	letter-spacing:.1em;
	line-height:8px;
	margin-right: -5px; /* pull the right image over on top of border */
	padding-right: 5px !important;
	padding-right: 28px; /* right-image-gap + right-inside padding */
	text-transform:uppercase;
	width:100%;
}
/* set the top-left image */
.cssbox_head_sml h2 {
	background-position: top left;
	margin: 0 8px 0 0; /* reset main site styles*/
	border: 0; /* ditto */
	color:#FFF;
	padding: 12px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important; height: 1%; /* IE Holly Hack */
}
/* set the lower-left corner image */
.cssbox_body_sml {
	background-position: bottom left;
	margin-right: 10px; /* interior-padding right */
	padding: 1px 0 15px 20px; /* mirror .cssbox_head right/left */
} 
/* unordered list within the small box */
.cssbox_body_sml li {
	font-size:8px;
	margin: 0px 2px 0px 0px; /* interior-padding right */
}






/* #### sidebar #### */

#sidebar {
	border-left:1px solid #8EC82E;
	float:right;
	margin:15px 15px 50px 20px;
	text-align:center;
	width:200px;
}

#sidebar .sidebar_title {
	color:#000;
	font-size:16px;
	font-weight:bold;
	padding:0 6px 5px 12px;
	text-align:left;
}

#sidebar ul li.widget_rss {
	text-align:left;
	list-style: none;
	list-style-image:none;

}

#sidebar ul li.widget_rss ul {
	text-align:left;
	list-style: none;
	list-style-image:none;
}

#sidebar .widget_rss ul li {
	list-style: none;
	list-style-image:none;
}

#sidebar .widget_rss li {
	text-align:left;
	list-style: none;
	list-style-image:none;
	margin-left:-70px;
	*margin-left:-2px;	//ie6 fix
	*+margin-left:-4px;	//ie7 fix
}

#sidebar .widgettitle {
	color:#8EC82E;
	margin-left:-30px;
	*margin-left:-2px;	//ie6 fix
	*+margin-left:5px;	//ie7 fix
}

#sidebar .rsswidget {
	color:#000;
	list-style: none;
	list-style-image:none;
}

#sidebar #weather_feed {
	margin:30px 0 30px 0;
}

#sidebar #transit_traffic {
	margin-top:30px;
}

div#key_footer {
	background-color:#e6eed9;
	margin:0 auto 30px;
	padding:6px 0 6px 0;
	text-align:center;
	width:760px;
}



ul.nav_sidebar {
	/*margin-left:-21px;*/
	list-style:none;
	list-style-image:none;
}

ul.nav_sidebar li {
	border-bottom:1px solid #AAA;
	margin:4px 0 0 -40px;
	*margin:4px 0 0 -2px;
	*+margin:4px 0 0 -4px;
	padding-bottom:2px;
}

ul.nav_sidebar li a {
	margin-left:-3px;
}



table.calctable {
	background-image: url(http://www.key-savings-cu.com/images/save1700.gif);
	background-repeat:no-repeat;
	border-collapse:collapse;
	margin:auto;
}

table.calctable2 {
	background-image: url(http://www.key-savings-cu.com/images/savings_calc_header.gif);
	background-repeat:no-repeat;
	border-collapse:collapse;
	margin:auto;
}


table.calctable td,table.calctable2 td {
	height:30px;
	padding:3px;
}

table.calctable input,table.calctable2 input {
	float:left;
}

table.calctable td.green,table.calctable2 td.green {
	color:#6AA306;
}

table.calctable td.underline,table.calctable2 td.underline {
	border-bottom:1px solid #6AA306;
}

table.calctable td.indent,table.calctable2 td.indent {
	padding-left:12px;
}

table.calctable td span.dollar_sign,table.calctable2 td span.dollar_sign {
	color:#000;
	float:left;
	font-size:10px;
	margin:4px 3px 0 0;
}


.login_table {
	margin:50px auto 20px;
	border-bottom:1px solid #6F6F95;
	border-collapse:collapse;
}

.login_table .header {
	background-color:#75BC06;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}

.login_table .subheader {
	background-color:#EEE;
	color:#6F6F95;
	font-size:13px;
	font-weight:bold;
}

.login_table td {
	padding:7px 10px 7px 10px;
}

.shaded_lt {
	background-color:#E6EED9;
}