/* -----------------------------------------
Stylesheet for Freedom Credit Union - www.freedom.coop
Author: cdeVision.com
Copyright: (c)2009 cdeVision
Created: August 2009
-------------------------------------------- */

body {background:#173063 url(images/bg.png) repeat-x; margin:0; font-family:arial,verdana,helvetica,sans-serif; font-size:14px; color:#333;}
body {text-align:center;}

h1, h2, h3 {padding:0; margin:0;} 
h1 {font:normal 22px arial,verdana,helvetica,sans-serif; color:#333; padding:0 0 10px 0;} /* page titles */
h2 {font:normal 18px arial,verdana,helvetica,sans-serif; color:#036; padding:5px 0 8px 0;} /* sub-titles */
h3 {font:normal 16px arial,verdana,helvetica,sans-serif; color:#333; padding:5px 0 5px 0;} /* sub-titles */

p {margin:0; padding:0 0 17px 0; line-height:20px;}
p.intro {font-size:16px; line-height:23px; padding:0 0 20px 0;}
p.error {padding:0 0 0 20px !important; background:url(images/warning.gif) 0 0 no-repeat; color:#de0000;} /* for contact form */
p.note {font-size:11px;}

ul, ol {padding:0; margin:0 0 17px 25px;}
li {line-height:17px; padding:0 0 4px 0; }
ul.nobullets {margin:0; padding-bottom:6px; list-style:none;}

img {border:0;}
label {display:none;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}
div#printlogo {display:none;}

/* google map on contact page */
#map_frame {width:300px; margin:0 0 20px 20px; float:right;}
#map_canvas {width:300px; height:300px; background:#efefef; border:1px solid #ccc; margin-bottom:4px;}
		#map_canvas img {background:transparent;}

/* ---- links ----------------------------------------- */
a {color:#3768B4; text-decoration:underline;}  
a:visited {color:#3768B4;}
a:hover {color:#666; text-decoration:none;}
a:active {color:#3768B4;}
a:active, a:focus {outline:none;}


/* ---- ids & classes ----------------------------------------- */

#frame {width:950px; margin:0 auto; text-align:left;}

#header {width:950px; height:172px; position:relative;}
	#logo {position:absolute; top:20px; left:10px; width:223px; height:90px; background:url(images/logo.gif) no-repeat;}
		#logo h1 {padding:0; margin:0;}
		#logo span {display:none;}
		#logo a {display:block; width:223px; height:90px;}
	#tagline {position:absolute; top:90px; right:20px; width:322px; height:21px; background:url(images/tagline.gif) no-repeat;}
		#tagline h2 {padding:0; margin:0;}
		#tagline span {display:none;}
	#loginbox {position:absolute; top:5px; right:0; background:#DCDFF0 url(images/login.png) 10px 7px no-repeat; padding:13px 12px 13px 177px;}
		#loginbox form {font-size:11px !important;}
		#loginbox label {display:none;}
		#loginbox select, #loginbox input {float:left; height:19px; margin-left:8px; display:inline;}
		#loginbox select {font-size:11px; color:#666; border:1px solid #ccc;}
		#loginbox option {font-size:11px; color:#666;}
		#loginbox input.button {background:#036; color:#fff; border:0; font-size:11px !important; height:19px; padding:0 3px; cursor:pointer; cursor:hand;}
			#loginbox input.button:hover {background:#C4C5C6; color:#000;}
	#navmenu {background:#e5e5e5; width:100%; height:35px; position:absolute; bottom:0; left:0;}
		#navmenu ul {margin:0; padding:0; list-style:none;}
		#navmenu li {display:block; float:left; height:35px;}
		#navmenu a {display:block; height:35px; float:left; line-height:35px; text-decoration:none; color:#333; font-size:12px; padding:0 15px; margin:0 1px;}
		#navmenu a:hover, #navmenu a.on {background:#C4C5C6;}
	
#contenthome {background:#fff; border-top:2px solid #8E8E94; padding:17px 17px 7px 17px;}
	#contenthome a {text-decoration:none;}
	#banner {width:916px; height:275px; margin:0 0 17px 0;}
	#banner img {display:block; margin:0;}
	#homeboxes {background:url(images/bg-homeboxes.png) repeat-y; margin:0 0 17px 0; font-size:12px; zoom:1;}
		#homeboxes h3 {font:normal 18px arial,verdana,helvetica,sans-serif; color:#036; padding:0 0 8px 40px; 
			background:#fff url(images/icon-bell.png) 14px 0 no-repeat;}
		#homeboxes p {line-height:17px; padding:0;}
			#homeboxes #wrap {padding:12px 16px;}
		#links {float:left; width:226px; margin-right:16px;}
			#links ul {margin:0; padding:0; list-style:none;}
			#links li {margin:0; padding:4px 0 7px;}
			#links a {background:url(images/icon-check.png) no-repeat; padding-left:20px;}
		#spotlight {float:left; width:225px; margin-right:16px;}
			#spotlight #wrap {padding:16px 16px 12px 16px;}
			#spotlight img {display:block; margin:0 0 15px 0;}
		#news {float:left; width:433px;}
			#scroller {width:392px; height:230px; overflow:auto; margin:13px 16px 14px 16px; padding-right:10px;}
			div.rule {height:1px; background:#fff; margin:10px 0;}
	#ratesboxes {font-size:12px; background:url(images/bg-ratesboxes.png) repeat-y;}
		h3#currentrates {float:left; background:url(images/current-rates.gif) no-repeat; width:143px; height:45px; margin:0 18px 0 0; padding:0;}
			h3#currentrates span {display:none;}
		.ratebox {width:195px; background:transparent; margin-top:6px; margin-bottom:6px;}
			.ratebox p {line-height:16px; padding:0;}
			.ratebox a {}
		#ratesboxes .left {float:left; margin-right:22px;}
		#ratesboxes .middle {float:left; margin-right:20px;}
		#ratesboxes .right {float:left; width:200px; margin-right:28px;}
			.loan {float:left; width:140px;}
				.loan a {font-weight:bold; color:#036;}
				.loan a:hover {color:#000;}
			.apr {float:right; width:50px; text-align:right;}
		#rateslink {float:left; margin-top:15px;}
			#rateslink a {color:#fff; text-decoration:none;}
			#rateslink a:hover {color:#036;}
		#ratesboxes p.note {background:#fff; font-size:11px; padding:0 0 0 5px; line-height:28px;}

#content {background:#fff url(images/bg-content.png) right bottom no-repeat; padding:30px 0 20px 0; border-top:2px solid #8E8E94; min-height:400px;}
#content {zoom:1;} /* fix for IE7 double padding bug */
	#sidebar {width:225px; float:left; margin-left:20px; background:#fff; display:inline;}
		#sidebar h3 {font:normal 18px arial,verdana,helvetica,sans-serif; color:#036; padding:0 0 4px 12px;}
		#subnav {background:#3869B4; padding:12px; margin-bottom:20px;}
			#subnav ul {margin:0; padding:0; list-style:none;}
			#subnav li {margin:0; padding:2px 0;}
			#subnav a {color:#fff; text-decoration:none; display:block; height:28px; line-height:28px; padding:0 0 0 5px;}
			#subnav a:hover, #subnav a.on {color:#036; background:#5881C0;}
		#related {background:#EFEDD9; font-size:12px; padding:12px; margin-bottom:20px;}
			#related ul {margin:0; padding:0; list-style:none;}
			#related li {margin:0; padding:0; padding:3px 0; }
			#related a {color:#3868B4; text-decoration:none; padding:0 0 0 5px;}
			#related a:hover {color:#036;}
		.imglink {}
	#main {width:655px; float:right; margin-right:20px; display:inline; background:transparent; padding-top:20px;}
		#main img {display:block; padding:1px; border:0;}
		#main img.right {float:right; margin:5px 0 20px 20px;}

#infobar {background:#3869B4; border-top:2px solid #8E8E94; border-bottom:2px solid #8E8E94; padding:15px 20px; color:#fff; font-size:12px;}
	#infobar #wrap {background:url(images/bg-infobar.png) -10px 0 repeat-y;}
	#infobar a {color:#fff;}
	#infobar a:hover {color:#DBDDEF;}
	#infobar h3 {color:#DBDDEF; font-size:16px; margin:0 0 0 0px; padding:0 0 6px 0; background:#3869B4; font-weight:normal;}
	#infobar ul {margin:0; padding:0; list-style:none;}
	#infobar li {margin:0; padding:0; line-height:24px;}
	#infobar .box {float:left; background:transparent;}
	#infobar .left {width:225px; margin-right:35px}
	#infobar .middle {width:205px; margin-right:40px}
	#infobar .right {width:380px; font-weight:bold;}
		#infobar .right a {font-weight:normal !important;}
		#infobar span.phone {margin:0; background:url(images/icon-phone.png) no-repeat; padding-left:14px;}
		#infobar .right table {margin:1px 0 0 0;}
		#infobar .right td {padding:5px 26px 4px 0;}

#footer {color:#C5CBD8; font-size:11px; padding:20px 0; margin-bottom:20px;}
	#footer p {line-height:14px; padding:0 0 12px 0;}
	#footer a {color:#C5CBD8;}
	#footer #text {float:left; width:630px;}
	#footer #logos {float:right; width:290px; padding-top:1px;}
		a.logo {float:left; height:46px; margin:0 0 0 14px; background-repeat:no-repeat; text-indent:-4000px;}
			a.logo:hover {background-position:0 -45px;}
		.ncua {background-image:url(images/logo-ncua.png); width:92px;}
		.msic {background-image:url(images/logo-msic.png); width:73px;}
		.ehl {background-image:url(images/logo-ehl.png); width:80px;}

#ratestable {width:650px;border-top:1px solid #3869B4;border-left:1px solid #3869B4; margin-bottom:20px;}
	#ratestable caption {padding:4px; font-size:14px; font-weight:bold;}
	#ratestable th {padding:4px; font-size:11px; font-weight:bold; border-right:1px solid #3869B4; border-bottom:2px solid #3869B4; margin:0; background-color:#E8EAF5; text-align:left;}
	#ratestable td {padding:4px; font-size:11px; border-right:1px solid #3869B4; border-bottom:1px solid #3869B4; margin:0;}

#CUPS {width:650px; margin-bottom:20px;}
	#CUPS td {padding:4px; font-size:11px; margin:0; font-weight:bold;}

/* admin styles */
#adminmenu {font:normal 11px Arial, Verdana, Helvetica, sans-serif; background-color:#fff;
	width:180px; clear:both; position:absolute; right:20px; top:20px; z-index:500; border:1px solid #666;}
	#adminTop {width:180px; height:13px; background:url(images/adminTop.gif) no-repeat;}
	#adminBottom {width:140px; height:13px; background:url(images/adminBottom.gif) no-repeat;}
	#adminbody {background-color:#fff;}
	#adminmenu table {text-align:left; background-color:#fff;}
	#adminmenu table td {padding:5px; vertical-align:top;}
	#adminmenu p {padding:0; margin-bottom:2px;}
	#adminmenu a {text-decoration:none; color:#000;}