div#shell { width: 960px;margin:0 auto } /* center the frame of the page */
div#header, div#menu, div#banner, div#sandbox,div#footer {position:relative; margin-bottom:10px;} 


/*----------header----------------*/
div#header {height:103px;
	background:url(../images/cnb-community.jpg) 149px 10px no-repeat;
	}

#header #searchbox {
	float:right;
	text-align:right;
	width:239px; 
	height:50px;
	padding-top:25px;
	background:url(../images/bg-searchbox.png) 0 0 no-repeat;
	}
#header #searchbox #searchterm{
	background:url(../images/bg-searchfield.png) 0 0 no-repeat;
	border:0;
	height:24px;
	width:139px;
	padding:5px 10px;
	}

#header #searchbox #searchbutton{
	background:url(../images/bg-searchbutton.png) 0 0 no-repeat;
	border:0;
	padding:0;
	color:white;
	width:58px;
	height:32px;
	font-family: Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height:12px;
	}
	
/*----------menu (top)----------------*/
#menu {height:65px;
	background:url(../images/bg-menu.png) bottom no-repeat;
	z-index:10;
	position:relative;
	}

#menu ul {display:block; 
	margin:0; padding:0;
	height:32px;
	list-style-type:none;
	padding-left:10px;
	}

#menu li {display:block; 
	margin:0; padding:0;
	float:left;
	height:32px;
	width:134px;
	list-style-type:none;
	position:relative;
	}

#menu li a {display:block;
	height:24px;
	padding-top:8px;
	color:white;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	background:url(../images/menu-off.png);
	}

#menu li.selected a {
	color:black;
	background:url(../images/menu-on.png);
	}
#menu li a:hover {
	color:#FDC100;
	}
#menu li.selected a:hover {
	color:black;
	}

	/*----------menu (flyout)----------------*/
#menu li ul {
	position:absolute;
	top:34px;
	width:960px;
	height:30px;
	display:none;
	}

#menu li.selected ul {
	display:block;
	}

#menu li ul.sub1 {
	left:-6px;
	} /*each subsequent submenu is set back left one mainmenu more*/

#menu li ul.sub2 {
	left:-147px;
	}

#menu li ul.sub3 {
	left:-281px;
	}

#menu li ul.sub4 {
	left:-409px;
	}

#menu li ul.sub5 {
	left:-543px;
	}

#menu li ul.sub6 {
	left:-675px;
	}

#menu li li  {display:block; 
	margin:0; padding:0;
	float:left;
	height:30px;
	width:auto;
	position:relative;
	}

#menu li li a {display:block;
	height:14px;
	padding:8px 13px;
	color:#006f54 !important;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	background:none !important;
	}

#menu li li a:hover {
	color:#C00 !important;
	}

	/*----------menu (flyout's dropdown)----------------*/
#menu li li ul {
	position:absolute;
	top:-500px;
	left:-10px;
	width:140px;
	}


#menu li li li {
	height: 29px;
	border:1px solid #8EC573;
	border-top:0;
	background:#FFFCDA;
	float:none;
	}

#menu li li:hover ul {
	top:30px;
	position: absolute;
	}


#menu li li li a {
	background: url(../images/spacer.gif) !important;
	}

/*----------Footer----------------*/
#footer {text-align:center;
	/*background:url(../images/bg-footer.png) top center no-repeat;*/
	}

#footer table {margin:0 auto; margin-top:6px;}

#footer td {
	padding:0 12px;
	height:14px;
	text-align:center;
	}

#footer td a {
	line-height:12px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	color:black;
	width:auto;
	}

#footer li a:hover {color:red;}

#footer .mousetype {font-size:10px; 
	padding:0px 170px 0 170px;
	line-height:16px;
	}
	
.fdic {
	padding:0;
	text-align:center;
	}

/*------------EVERYTHING ELSE --------------*/
.greenbar {
	background:url(../images/bg-greenbar.png);
	color:white;	
	text-align:right;
	padding-left:20px;
	height:34px;
	}

.greenbar span {
	display:block;
	height:16px;
	background:url(../images/bg-greenbar.png) right;
	font-size:14px;
	font-weight:bold;
	line-height:14px;
	padding:10px 30px 8px 0;
	}

.textshadow {
	text-shadow: 0px 0px 6px #444;	/*-----sorry, not in IE ----------*/
	}

.alert {
	color:red;
	padding-top: 0px;
	}

div#sandbox div.sidebar{
	width: 235px;
	text-align: left;
	}

div#sandbox div.content_home{
	width: 725px;
	text-align: left;
	}

div#sandbox div.content_home a:link, a:visited, a:active {
	color: #006839;
	}
div#sandbox div.content_home a:hover {
	color: #003D22;
	}

div#sandbox div.content_home h1 {  /* Copy Headline for page */
	font-size: 16px;
	text-transform: uppercase;
	color: #040;
	text-align: left;
	letter-spacing: .02em;	
	font-weight:normal;
	padding-top:1em;
	font-weight:bold;
	}

div#sandbox div.content_home * {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

div#sandbox div.content_home p {
    padding-top: 1em;
}

div#sandbox div.content_home table#amort{
	width: 100%;
	padding: 2px;
	border: 1px solid black;
	}

div#sandbox div.content_home table#amort tr{
	padding: 2px;
	}

div#sandbox div.content_home table#amort tr.calculator_title{
	background: #ffcc33;
	}

div#sandbox div.content_home h3 {
    color: #004400;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.02em;
    text-align: left;
    text-transform: uppercase;
	}

div#sandbox div.content_home h3 span {
    color: #004400;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.02em;
    text-align: left;
    text-transform: uppercase;
	}

div#sandbox div.content_home li {
	margin-left: 15px;
	}

/*----------topbanner----------------*/
#banner {
	z-index: 1;
 	position: relative;
	}

/*----------table with border----------------*/
.onepxborder table {
	border-color: #600;
	border-width: 0 0 1px 1px;
	border-style: solid;
	}

.onepxborder table td {
	border-color: #600;
	border-width: 1px 1px 0 0;
	border-style: solid;
	margin: 0;
	padding: 4px;
	background-color: #FFC;
	}

/***********************************/
ol {margin-left:5px;}
ol li {margin-top:6px;}
h4 {font-size:13px; color:#076b51; font-weight:bold;}
p.disclaimer {font-family:"Century Gothic",Futura, sans-serif;
	font-size:8px;line-height:10px !important;}
.w75 {width:75px;}
.w100 {width:100px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w350 {width:350px;}
.w400 {width:400px;}
.w500 {width:500px;}

table.formshell {margin:0 65px}
table.formshell td {padding:0 10px}
table.formshell p {line-height:18px; margin-top:6px;}

table input, table select, table textarea {background: #fff7e5; border:1px solid #666;}

table input.radio {border:0; background:none; }

table input.button {background:#007e62; color:white;
	border:1px solid #00cd90; 
	border-right:1px solid #003425;
	border-bottom:1px solid #003425;
	}
table input.button:hover {background:#00cd90; color:black;
	border:1px solid #00cd90; 
	border-right:1px solid #007e62;
	border-bottom:1px solid #007e62;
	}

form p, table.form td, table.form th {font-family:"Arial Narrow", "Helvetica-Narrow", Arial, helvetica, sans-serif;
	font-size:10px;
	white-space:nowrap;
	padding:2px 0;
	vertical-align:middle;
	}

table.form th {font-weight:normal;
	padding-right:6px;
	text-align:right;
	}

form p span, table.form th span {color:red;}
label.error{font-size:9px; font-weight:bold; clear:both; display:block; color:red;}


/* Rates_page.cfm */
.interestRateSuperClass {
    font-size: 16px !important;
    font-weight: bold;
    text-decoration: underline;
}

.interestRateGroup {
	font-weight: bold;
	font-size: 14px !important;
}

td.ratesTableHeader1Left {
	padding: 3px;
	background-color: #004400;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border-style: solid;
	border-color: #000000;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-right-width: 1px;
}

td.ratesTableHeader1 {
	padding: 3px;
	background-color: #004400;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border-style: solid;
	border-color: #000000;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
}

td.ratesTableHeader1Right {
	padding: 3px;
	background-color: #004400;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border-style: solid;
	border-color: #000000;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 2px;
}

td.ratesTableHeader2Left {
	background-color: #FFCC33;
	border-style: solid;
	border-color: #000000;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-right-width: 1px;
}

td.ratesTableHeader2Middle {
	background-color: #FFCC33;
	border-style: solid;
	border-color: #000000;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
}

td.ratesTableHeader2SubLeft {
	padding: 3px;
	background-color: #FFCC33;
	border-style: solid;
	border-color: #000000;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	text-align: center;
}

td.ratesTableHeader2SubRight {
	padding: 3px;
	background-color: #FFCC33;
	border-style: solid;
	border-color: #000000;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 1px;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

td.ratesTableHeader2Right {
	padding: 3px;
	background-color: #FFCC33;
	border-style: solid;
	border-color: #000000;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 2px;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

td.ratesTableDataLeft {
	padding: 3px;
	border-style: solid;
	border-color: #000000;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-right-width: 1px;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

td.ratesTableDataMiddle {
	padding: 3px;
	border-style: solid;
	border-color: #000000;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

td.ratesTableDataSubLeft {
	padding: 3px;
	border-style: solid;
	border-color: #000000;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	text-align: center;
}

td.ratesTableDataSubRight {
	padding: 3px;
	border-style: solid;
	border-color: #000000;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 1px;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

td.ratesTableDataRight {
	padding: 3px;
	border-style: solid;
	border-color: #000000;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 2px;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.sameday {
	text-align:center;
	text-transform:uppercase;
	color:#000000;
	font-weight:bolder;
}

.ratesCondition {
	font-size: 10px;
}

ul.indented {padding-left:5px; }
ul.indented li {padding:0; margin:0; }

.greenHeadline {
    color: #004C2B;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
}

td.formLabels {
    color: #333333;
    font-size: 12px;
    padding: 8px 8px 8px 0;
    text-align: right;
}