/* 
_________________________________________
Slavie Federal Savings Bank
Site Design by A. Bright Idea Interactive
www.abrightideainteractive.com
_________________________________________

colors:
red: #9c1441
blue: #01437b
gray: #cccccc
ltBlue: #80b2d8
beiege: #e6e2c0

*/

@charset "UTF-8";
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

.bodyContent {
	font: 100% Arial, Helvetica, sans-serif;
	background: url(images/bkgrnd.jpg) repeat-x #fff;
	margin: 0;
}

#container { 
	width: 900px; 
	background: url(images/content_bkgrnd.gif) repeat-y #fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#header { background: url(images/header.gif) no-repeat #01437b; height:130px; text-align:right; }
#hmlink a { display: block; width: 340px; height: 90px; cursor:pointer; margin:0; padding:0; float:left; }
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

#header li{ list-style-type:none; }
#smNav { float:right; margin: 0; width: 425px; margin-top:70px; }
#smNav ul { margin-top:0; }
#smNav a, #smNav a:visited { text-decoration:none; color: #ffffff; margin-top:0; padding:0 10px; }
#smNav a:active, #smNav a:hover { text-decoration: underline; }
#smNav li { float:left; color: #ffffff; font-size:11px; margin-top:0; }
 
.navContainer { position:relative; margin:0; top:9px; left:75px; width:898px; clear:both; }
.navContainer li { float:left; margin:0; }
.navContainer li a { display:block; text-decoration:none; color:#01437b; margin:0; padding:8px 20px 7px 20px; font-size:14px; }
.navContainer li a:hover, .navContainer li a:active { text-decoration:none;  margin:0; padding: 8px 20px 7px 20px; background:url(images/nav_bkgrnd.gif) repeat-x; color:#FFFFFF; }


/* Nav Bar Pulldown */
.nav li ul { 
	display: none; 
	position:absolute; 
	/*left:auto;*/ 
	background-image: none; 
	background-color: #ffffff; 
	/*width:auto; 
	height:auto;*/ 
	margin-left:0; 
	padding:0; 
	border-right:1px solid #9c1441;
	border-left:1px solid #9c1441; 
	border-bottom:1px solid #9c1441;
	z-index:10000;
 }
.submenu li { float: none; border-top:1px dotted #9c1441; text-align:left; border-bottom:1px solid #ffffff;}	
#subTop { border:none; border-bottom:1px solid #ffffff; }
.submenu li a, .submenu li a:visited { display: block; font: 12px Arial, Helvetica, sans-serif; color: #9c1441; text-decoration: none; background-color: #ffffff;  *padding-top:5px;  }
.submenu li a:hover, .submenuli a:active { background-color:#80b2d8; background-image:none; text-decoration: none; font: 12px Arial, Helvetica, sans-serif;  *padding-top:5px;  }
li > ul { top: auto; left: auto; }
.nav li:hover ul, .nav li.over ul { display: block; z-index:10000; }
/* End Nav Bar Pulldown */


#sidebarLeft {
	float: left; /* since this element is floated, a width must be given */
	width: 220px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: url(images/sidebar_bkgrnd.gif) no-repeat #e6e2c0; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 90px 0 10px 0;
	font-size: 13px;
	margin-right:0px;
}
#sidebarLeft h1 { font-size:13px; color: #9c1441; margin-left: 10px; margin-right: 10px; }
#sidebarLeft p { color: #01437b; margin-left: 10px; margin-right: 10px; margin-top: 5px; }
#sidebarLeft a, #sidebarLeft a:visited { color: #01437b; text-decoration:none; }
#sidebarLeft a:active, #sidebarLeft a:hover { text-decoration:underline; }
#sidebarAd { margin:5px 0px; border:none; }


/* this class can be used to float the content sidebar right in your page. The floated element must precede the element it should be next to on the page. */
#sidebarRight { float: right; margin:0 10px 0 0; width: 207px; background-color:#cccccc; padding:0;}
#sidebarRight form { margin: 0 8px; }
#sidebarRight p { font-size:12px; color: #01437b; margin:5px 8px; }
#sidebarRight a, #sidebarRight a:visited { font-size:12px; color: #9c1441; margin:0; text-decoration:none;  }
#sidebarRight a:active, #sidebarRight a:hover { text-decoration:underline; }
#sidebarRight h1 { font-size:13px; color: #01437b; margin:0 5px 10px 5px; border-bottom:1px dotted #01437b; border-top:1px dotted #01437b; padding: 3px;}
#sidebarRight h3 { font-size:12px; color: #01437b; margin-left:8px; font-weight:200}
#sidebarRightHeadingImg { margin-bottom:10px; margin-left: 0px; margin-right:0px; padding:0; }
/*input { margin: 5px 5px; }*/


#mainContent { margin: 0 0 0 220px; padding:0; }
#mcHeading {  background-color:#ffffff; padding:0px; background-image:url(images/flash_bkgrnd.jpg); }
#mcHeading object, #mcHeading embed  { *width:677px;  }
#mcHeadingContent {  background-color:#cccccc; text-align:right; padding:2px 10px; color:#01437b; font-size:12px;  }
#mcHeadingContent a, #mcHeadingContent a:visited { font-size:12px; color:#9c1441; margin:0; text-decoration:none;  }
#mcHeadingContent a:active, #mcHeadingContent a:hover { text-decoration:underline; }
#mcHeadingContent form { margin:0; padding:5px; line-height:25px; }
.mcContent {  margin-left:20px; }
.mcContent h1 { font: 23px Georgia, "Times New Roman", Times, serif; color:#9c1441; letter-spacing:1px; border-top: 3px double #cccccc; border-bottom: 3px double #cccccc; font-weight:normal; padding:5px;  }
.mcContent h2 { color:#9c1441; font-size:20px; }
.mcContent h3 { color:#9c1441; font-weight:normal; font-size:16px; }
.mcContent p { color: #01437b; font-size: 12px; line-height: 15px; }
.mcContent a { color: #9c1441; margin: 0px; }
.mcContent li { font: 13px/16px Verdana, Arial, Helvetica, sans-serif; color: #666666; margin-bottom:8px; }
.mcContent blockquote { font: 14px/20px Verdana, Arial, Helvetica, sans-serif; color: #666666; }
#homepage { margin-right: 240px; }
#homepage p,{ border-bottom:1px solid #cccccc; padding-bottom: 12px; }
#homepage h2 { color:#9c1441; font-weight:normal; font-size:15px; }
#content_page p { font: 13px/16px Verdana, Arial, Helvetica, sans-serif;  padding-bottom: 12px; }
#smallTxt { color:#666666; }
#content_page { margin-top: 35px; margin-right: 20px; }

#footer { padding: 0 10px 0 20px; text-align:right; } 
#footer p { margin: 0; padding: 20px 10px; color: #999999; font-size:10px; line-height:14px; }
#footer a { margin:0; color:#01437b; }
/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Calendar Styles */
table { font-family: Arial, Helvetica, sans-serif; width:90%; margin:-10px 0 10px 10px; background-color:#dddddd; }
th { font-size:11px; color:#9c1441; padding: 4px; background-color:#cccccc; }
.dayName { font-size:8px; color:#01437b; background-color:#80b2d8; text-align:center; }
.day { font-size: 11px; color: #01437b; text-align:center; padding: 3px 4px; }
.actday { font-size: 11px; color: #01437b; background-color:#80b2d8; text-align:center; }

/* Calc Page Styles */
#calcBtn, #rateLink {
	display:block;
	border: 1px solid #ffffff;
	width: 60px;
	text-align:center;
	padding: 5px 0;
	background-color: #9c1441;
	font: 12px/12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	}
	
#calcBtn:hover, #rateLink:hover {
	background-color: #80b2d8;
	}
	
#rateLink {
	display:inline;
	border: 1px solid #80b2d8;
	width: 60px;
	text-align:center;
	margin-left: 10px;
	padding: 5px;
	background-color: #01437b;
	font: 12px/12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	}

#calcHeading {
	width:564px;
	margin-bottom:0;
	margin-top: 30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color: #9c1441;
	padding: 6px;
	color: #ffffff;
	}
	
#location {	background-color:#cccccc; margin-top:20px; }
#location h2 { background-color:#882045; padding:5px; color:#ffffff; }
#location p { margin:10px 15px 0 15px; }

.rateTable { font: 12px/15px Verdana, Arial, Helvetica, sans-serif; color:#01437b; border:2px solid #01437b;  }
.rateTable td { border: 1px solid #ffffff; padding:5px; }
.rateTable #heading { background-color: #01437b; color:#ffffff; }
.rateTable #subheading { font-size:10px; font-weight: bold; background-color:#999999; }
.rateTable #subheading2 { font: 12px/15px Verdana, Arial, Helvetica, sans-serif; color:#01437b; font-weight: bold; background-color:#999999; }
.rateTable #subheading3 { font: 12px/15px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-weight: bold; background-color:#9c1441; }