/***** Center page. *****/
/***** See http://css-discuss.incutio.com/?page=CenteringBlockElement ******/
body {
	text-align:center;  /* For MSIE 5. */
	min-width:740px;    /* To keep the body from collapsing too much. */
}	                    /* Should match #wrapper {width } below. */
	                    /* Ignored by IE 5 and 6. */
#wrapper {
  text-align:left;    /* reset alignment to correct for text-align:center above */
	width:740px;        /* should match body {min-width } above */
	margin:0 auto;      /* centers #wrapper on non-IE 5 or 6 */
	padding:0;
}
/***** END Center page. *****/


/***** set some base styles *****/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;     /* don't force font size. */
	color:#000000;
	margin:0;
	padding:50px 0 20px 0;      /* put gap at top and bottom. */
	background:url(css_img/borderbg.gif) top left repeat;
}
#wrapper {
	background-color:white;
	padding:0;
	position:relative;   /* Force absolutely positioned children */
	                     /*  to position relative to the wrapper. */
}
img {border:none;}
a:link {color:#0000FF;text-decoration:none;}
a:visited {color:#9900FF;text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
.skipto {display:none;}   /* Display skip links only on nonCSS text mode browsers. */
.clearall {clear:both;}
.center {text-align:center;}
.center img {vertical-align:middle;}

/* product features unordered list */
ul.features {line-height:2em;}
ul.features p {margin:0 0 0 1em;}
ul.features p.features2 {line-height: 1.2em; padding: 0.5em 0;}

/***** HEADER *****/
#header
{
  height:118px;
	background:url(css_img/headerbg.jpg) top left repeat-y;
	border:1px solid black;
}
#header h1 {position:absolute;text-indent:-999em;}  /* hide but accessible to screen readers */
#header p  {position:absolute;text-indent:-999em;}  /* hide but accessible to screen readers */
#header1        /* white strip across the top */
{
  height:4px;
	background:white;
	border-bottom:1px solid black;
	overflow:hidden;
}
#header2        /* grey strip below white strip */
{
  height:1px;
	background:#999999;
	border-bottom:1px solid black;
	overflow:hidden;
}
#header3        /* menu background */
{
	background:#5C6DBE;
	border-top:1px solid black;
	border-bottom:1px solid black;
	margin-top:9px;
	height:28px;
}
#logo1          /* logo top half */
{
  background:url(css_img/logo1.jpg) no-repeat;
	position:absolute;
	left:16px;
	top:-27px;
	width:108px;
	height:74px;
}
#logo2          /* logo bottom half */
{
  background:url(css_img/logo2.jpg) no-repeat;
	position:absolute;
	left:-15px;
	top:47px;
	width:277px;
	height:65px;
}
#quote1         /* "Serving the Ozarks..." quote */
{
  background:url(css_img/quote.jpg) no-repeat;
	position:absolute;
	left:342px;
	top:78px;
	width:177px;
	height:23px;
}
#quote2         /* "Serving the Ozarks..." quote */
{
  background:url(css_img/quote2.jpg) no-repeat;
	position:absolute;
	left:519px;
	top:76px;
	width:98px;
	height:43px;
}
#sealhome         /* Century seal */
{
	background:url(css_img/centuryseal_home.jpg) no-repeat;
	position:absolute;
	left:617px;
	top:47px;
	width:147px;
	height:146px;
	z-index: 100;
}

#seal1         /* Century seal */
{
	background:url(css_img/centuryseal.jpg) no-repeat;
	position:absolute;
	left:617px;
	top:47px;
	width:147px;
	height:146px;
	z-index: 100;
}
#seal2         /* Century seal, portion above menu */
{
  background:url(css_img/centuryseal2.jpg) no-repeat;
	position:absolute;
	left:581px;
	top:7px;
	width:158px;
	height:10px;
}
#seal3         /* Century seal, left portion */
{
  background:url(css_img/centuryseal3.jpg) no-repeat;
	position:absolute;
	left:548px;
	top:47px;
	width:69px;
	height:29px;
}

#cornernav {
	position:absolute;
	top:-1.5em;
	left:0;
	margin:0 10px 0 70px;
	padding:0;
	height:2em;
	width:660px;
	text-align:right;
	color:#FFFFFF;
}

#cornernav a:link {color:#FFFFFF;text-decoration:none;padding:0.5em;}
#cornernav a:visited {color:#CCCCCC;text-decoration:none;padding:0.5em;}
#cornernav a:hover, #cornernav a:active {text-decoration:underline;}
#cornernav a:focus {border:1px solid #FFFFFF;}

/***** END HEADER *****/




/***** Nav Menu Positioning *****/
#menu
{
  position:absolute;
	right:1px;
	top:18px;
	width:591px;
	z-index: 200;
}

#menu h2 {position:absolute;text-indent:-999em;}  /* hide but accessible to screen readers */

#nav li ul {/* second-level lists */
	background:#5C6DBE;
}

/***** END Nav Menu Positioning *****/

h2 {
	font-size:130%;
	font-weight:bold;
	border-bottom:1px solid black;
	margin-top:1ex;
	font-variant:small-caps;
}
h3 {
	font-size:110%;
	font-weight:bold;
}


/***** Dropdown Navigation Menu *****/
/***** based on "Son of Suckerfish Dropdowns *****/
/***** http://www.htmldog.com/articles/suckerfish/dropdowns/ *****/

#nav, #nav ul {/* all lists */
	padding:0;
	margin:0;
	list-style-type:none;
	list-style-position:outside;
	font-variant:small-caps;
	font-weight:bold;
}

#nav a {
	display:block;
	color:black;
}

#nav a:hover {
	background-color:#99A4D7;
}

#nav li {/* all list items */
	float:left;
	position:relative;
}

#nav li ul {/* second-level lists */
	position:absolute;
	border-top: 1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	padding:0;margin:0;
	left:-999em;/* hide submenus from all but screen readers */
}

#nav li ul li {
  float:none;
	padding:0;margin:0;
	border-bottom:1px solid black;
}
#nav li ul li a {
  padding:0.5em;margin:0;
}

/* lists nested under hovered list items */
#nav li:hover ul, #nav li.sfhover ul {left:0;}
#nav a:focus + ul {left:0;}
#nav li#nav_aboutus:hover ul, #nav li#nav_aboutus.sfhover ul
	{left:-6em;}   /*special adjustment to keep on page */

/* width of submenus */
#nav_ibanking ul   {width:10em;}
#nav_personal ul   {width:18em;} /* wide menu to minimize word wrap */
#nav_business ul   {width:14em;}
#nav_rates ul      {width:13em;}
#nav_locations ul  {width:12em;}
#nav_aboutus ul    {width:13em;}

/**** Menu Image Replacement *****/

#nav a.nav1 {
	background-image:url(css_img/menu.gif);
	height:28px;
	text-indent:-999em;  /* hides the text */
	text-decoration:none;
}

#nav_ibanking, #nav_ibanking a.nav1   {width:122px;}
#nav_personal, #nav_personal a.nav1   {width:128px;}
#nav_business, #nav_business a.nav1   {width:124px;}
#nav_rates, #nav_rates a.nav1         {width:55px;}
#nav_locations, #nav_locations a.nav1 {width:82px;}
#nav_aboutus, #nav_aboutus a.nav1     {width:80px;}

#nav_ibanking a.nav1  {background-position:0 0;}
#nav_personal a.nav1  {background-position:-122px 0;}
#nav_business a.nav1  {background-position:-250px 0;}
#nav_rates a.nav1     {background-position:-374px 0;}
#nav_locations a.nav1 {background-position:-429px 0;}
#nav_aboutus a.nav1   {background-position:-511px 0;}

/*hover states*/

#nav_ibanking a.nav1:hover, #nav_ibanking:hover a.nav1, #nav_ibanking.sfhover a.nav1
	{background-position:0 -30px;}
#nav_personal a.nav1:hover, #nav_personal:hover a.nav1, #nav_personal.sfhover a.nav1
	{background-position:-122px -30px;}
#nav_business a.nav1:hover, #nav_business:hover a.nav1, #nav_business.sfhover a.nav1
	{background-position:-250px -30px;}
#nav_rates a.nav1:hover, #nav_rates:hover a.nav1, #nav_rates.sfhover a.nav1
	{background-position:-374px -30px;}
#nav_locations a.nav1:hover, #nav_locations:hover a.nav1, #nav_locations.sfhover a.nav1
	{background-position:-429px -30px;}
#nav_aboutus a.nav1:hover, #nav_aboutus:hover a.nav1, #nav_aboutus.sfhover a.nav1
	{background-position:-511px -30px;}

/***** Footer *****/
#footer {
	clear:both;
	background:#5C6DBE;
	border:1px solid black;
	position:relative;   /* Force absolutely positioned children */
	                       /*  to position relative to the footer. */
	padding:0;
	margin:1em 0 0 0;
	min-height:30px;
	/* height:30px;*/    /* this in breaks the menu in IE 5 & 6 .. no idea why */
}
#memberfdic {
	position:absolute;
	top:1px;
	left:621px;
}
#equalhousing {
  position:absolute;
	top:1px;
	left:695px;
}
#copyright {
	clear:both;
	padding:0 120px 0 10px;
	margin:1em 0;
	font-size:85%;
	font-weight:bold;
}

/***** END Footer *****/

#sidemenu {
	float:left;
	background:#FFFFFF;
	border:1px solid black;
	margin:120px 0 15px 15px;
	padding:0;
	width:180px;
}

#sidemenu h2 {
	border-bottom:1px solid black;
	background:#5C6DBE;
	padding:0.5em;
	margin:0;
}

#sidemenu p {
	text-align:center;
	border:0px;
	margin-top:10px;
	margin-bottom:10px;
}

#sidemenu ul {
	margin:0;
	padding:0;
	list-style:none;	
	text-align:center;
}

#sidemenu li {
	border-bottom:1px solid #CCCCCC;
	margin:0.25em;
	padding:0.25em;
}

#secureicon {
	float:left;
	margin-top:200px;
	text-align:center;
	width:180px;
}

#content {   /* margins for normal content, allowing space for Quickmenu at the left */
	margin:50px 50px 20px 210px;
	padding:0;
}

#content2 {  /* optional 'wide' content */
	margin:20px 50px 20px 50px;
	padding:0;
}

/****** Forms *******/
/*** fm1:label on left, input on right ***/
.fm1 label {float:left;width:14em;text-align:right;margin:0.75em 1em 0 1em;}
.fm1 label.tworow {margin-top:0;}
.fm1 div {padding:0.5em 0 0.5em 16em;}
.fm1 input, .fm1 textarea, .fm1 select {border:1px solid black;}
.fm1 input {width:10em;}
.fm1 input.short {width:3em;}
.fm1 input.long {width:16em;}
.fm1 input.result {border:none;border-bottom:2px solid black;background:#FFFFFF;font-weight:bold;}
.fm1 textarea {width:16em;}
/*** fm2:input on left, label on right (for checkboxes) ***/
.fm2 input {float:left;width:2em;margin:0.75em 1em 0 1em;padding:0;}
.fm2 div {margin:0;padding:0.5em 0 1em 4em;}

/****** Tables ******/
table.ratetbl {
	width:90%;
	max-width:40em;
	border-collapse:collapse;
	margin-left:5%;
}
table.ratetbl caption {
	font-size:1.2em;
	font-weight:bold;
	padding:1em;
	color:black;
}
table.ratetbl th {border-top:6px solid #999999;background-color:#DDDDDD;}
table.ratetbl tfoot td {border-top:6px solid #999999;text-align:center;padding:1em;}
table.ratetbl tr.rowodd td {background-color:#FFFFFF;}
table.ratetbl tr.roweven td {background-color:#DDDDDD;}
table.ratetbl td.col1 {text-align:left;padding-left:2em;}
table.ratetbl td.col2 {text-align:center;width:20%;}
table.ratetbl td.col3 {text-align:center;width:20%;}
table.ratetbl td.col4 {text-align:center;width:20%;}

/****** Facility Locations ******/
.facility {padding:2em 0;}
.facility .top {text-align:center;margin-bottom:1em;}
.facility .col1 {float:left;width:14em;}
.facility .col2 {padding-left:16em;}
.facility .col1 :first-child {margin-top:0;} /* to line up top of columns */
.facility .col1 h3.address {margin-top:0;}   /* HACK:to line up top of columns in IE */
.facility img {border:1px solid black;}
.facility h3 {margin-bottom:0;}
.facility p {margin-top:0;margin-left:1em;font-size:0.9em;}

/***** ATM List *****/
.atm p {width:49%;float:left;margin:1em 0;}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

/*********** FREE GIFTS ****************/

.giftphoto {
	float:left;
	width:288px;
	height:180px;
	margin-right:20px;
	margin-bottom:15px;
}

.giftdescription {
	float:left;
}

#atmleft {
	width:210px;
	float:left;
	margin-right:10px;
}

#atmright {
	width:210px;
	float:left;
}

#atmleft h3, #atmright h3 {
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:0px;
	padding-bottom:0px;
}

#atmleft ul, #atmright ul {
	font-size:11px;
	line-height:11px;
	list-style-type: none;
	margin-left:0px;
	padding-left:0px;
	margin-bottom:30px;
}

#atmleft ul li, #atmright ul li {
	margin-left:0px;
	margin-bottom:3px;
	padding-left:0px;
}


.fourstarlogo1 {
	float:left;
	margin-right:5px;
}

.fourstarlogo2 {
	float:left;
}

.noborder {
	border:0px;
}


/* [RS] Privacy Page */
#privacy-policy th, #privacy-policy td { margin:0; padding:5px; vertical-align:top; }

#privacy-policy h3 { border-bottom: 1px solid #000; overflow: hidden; }
#privacy-policy h4 { font-size: 110%; margin:0; }
#privacy-policy p { margin:0 0 6px; }
#privacy-policy ul { margin:0; padding: 0 0 6px 20px;}

#privacy-policy h3 strong {
	display: block;
	float: left;
	width: 90px;
	margin: 0 10px 0 0;
	padding: 10px;
	text-transform: uppercase;
	color: #fff;
	background: #000;
}

#privacy-policy table {
	width: 100%;
	margin: 10px 0;
}

#privacy-policy th {
	color: #fff;
	background: #a7a7a7;
}

#privacy-policy .facts-table th {
	width: 100px;
	padding: 5px 0 5px 10px;
}

#privacy-policy td.col-1 { width: 40%; }
#privacy-policy td.col-2 { width: 60%; }