/*
Contents: 
1. Framework
2. Reset
3. General (typography/ elements/ common styles)
4. Layout
*/

/********** 1. Framework **********/
/* none */

/********** 2. Reset **********/ /* Based on http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}/* remember to define focus styles! */
ins {text-decoration: none;}/* remember to highlight inserts somehow! */
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
a img {border:none;}
img{display:block;}

/********** 3. General **********/
body{ font: 12px normal Arial, Helvetica, sans-serif; color:#696458;}
div { position:relative;}
p { line-height:20px; color:#4c4738;}
/****/
h1, h2, h3, h4, h5, h6 {font: bold 16px "Times New Roman", Times, serif; color:#3d382d;}
h1 {padding:30px 0 12px 0; font-size:28px; line-height:34px; }
h2 {font-size:16px; font-style:italic; color:#c3c8a9;}
h3 {padding:30px 0 25px 0; font-size:22px; line-height:24px;}
h4 {padding-bottom:10px; font-size:20px; font-weight:normal; line-height:22px; color:#3d382d;}
h5 {margin-top: -8px; padding-bottom:10px; font-size:16px; font-weight:normal; line-height:18px; color:#3d382d; font-style: italic; }
/*h5 {margin-bottom:0px; padding-bottom:0px; font-size:0px; line-height:0px;}*/
h6 {margin-bottom:0px; padding-bottom:0px; font-size:0px; line-height:0px;}
h1 a, h2 a, h3 a, h4 a, h5 a {text-decoration:none; color:#3D3A34;}
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {text-decoration:underline;}
/****/
a, a:link, a:visited { color: #4c4738; text-decoration: underline; }
a:hover {}
/****/
ol {list-style-type:decimal;}
ul{margin:0 17px; list-style:disc; color:#58554B; font-size:1em; }
	ul a {color:#666257}
	ul li{margin:4px 0;}
		ul li ul{margin:0 21px; list-style:disc; color:#58554B;}
			ul li ul a {color:#0068A2;}
			ul li ul li{margin:3px 0;}
				ul li ul li ul{ margin:0 20px;}
/****/
.showgrid {background: url(../media/img/grid.png); z-index:999;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.clearFix {overflow:hidden;}
.horzDot{margin:23px 3%; border-bottom:1px dotted #7e7d78;}
.vertDot {width:100%; background:url(../media-unmanaged/images/ccVertDot.png) repeat-y 50% 0;}
/****/
.pT5px{ padding-top:5px;}
.pT10px{ padding-top:10px;}
.pT12px{ padding-top:12px;}
.pT15px{ padding-top:15px;}
.pR5px{ padding-right:5px;}
.pR10px{ padding-right:10px;}
.pR15px{ padding-right:15px;}
.pB5px{ padding-bottom:5px;}
.pB10px{ padding-bottom:10px;}
.pB15px{ padding-bottom:15px;}
.pL5px{ padding-left:5px;}
.pL10px{ padding-left:10px;}
.pL15px{ padding-left:15px;}
.greyBG_1 {background-color:#eee;}
.greyBG_2 {background-color:#ccc;}
.greyBG_3 {background-color:#999;}
.greyBG_4 {background-color:#555;}

/********** 4. Layout **********/
body { text-align:center; background:#313028 url(../media/img/bg.jpg) top center repeat-y fixed;}
	#wrap1{width:935px; margin:10px auto; padding:15px; text-align:left; background-color:#c1bca8; }
	#wrap2{ padding:10px; background-color:#dddac8;}
		#header {width:915px; height:140px; overflow:hidden; background:#c3beaa url(../media/img/bgHeader.png) no-repeat;}
			#logo{float:left; padding:20px 0 0 15px;}
			#headerNfo{float:right; padding:16px 15px 0 0; font-size:11px; text-align:right; line-height:13px;}
			#hFDIC{ display:block; padding:3px 0 0 0; font-weight:bold;}
		#nav{ overflow:hidden; padding:10px 0px 30px 10px;}
			#nav img {float:left; padding:0 2px 0 0;}
		#core{ margin:10px 0 0 0; overflow:hidden; }
			#home #core { xpadding:0 0 20px 0; background: url(../media/img/bgCore.png);}  			
				#core .leftCol{ float:left; width:495px; padding:0 0 0 20px;}
					#core .leftCol p { width:460px; font-size:12px; xline-height:15px;}
					#core .leftCol .feature { margin:0 0 0 -4px; padding:20px 0 20px 0;}
				#core .rightCol{float:left; width:400px;}
					#slideshow { margin:20px 0 0 0;} 
					#slideshow #ssView { width: 380; height: 275; background-color: white;}
						#slideshow #ssView img { padding: 15px 15px 15px 15px; }
						#slideshow #ssView img.invisibleSlide { display: none; }
					#slideshow #ssThumbs {  overflow:hidden;}
						#slideshow #ssThumbs img.activeSlide { margin:12px 10px 0 0; padding: 17px 9px 8px 8px; background: url(../media/img/slideshow/bg_sel.png);}
						#slideshow #ssThumbs img { margin:20px 10px 0 0; float:left; padding: 9px 9px 8px 8px; background: url(../media/img/slideshow/bg.jpg); cursor:pointer; }
			#insidePage #core {padding:0 20px; background: url(../media/img/bgCoreInside.png) repeat-x top;}
				#insidePage #core #insideImg{float:right; padding:20px 0 20px 30px;}
				#insidePage #core .rates { text-align: right; margin-top: -20px;}
				#insidePage h3 a:hover { text-decoration:none}
			#privacy #core {padding:0 20px; background: url(../media/img/bgCorePrivacy.png) repeat-x top;}
			#insidePage #core img.bioImage { float:left; padding:0px 20px 0px 0px;}
		/* contact us */
			#lobbyHours h2 { color:#3d382d; }
			#driveInHours h2 { padding-top: 10px; color:#3d382d;}
			#contactCards h2 { padding-top: 10px; color:#3d382d;}
			#contactAddress h2 { padding-top: 10px; color:#3d382d;}
			.nb	{ font-size: 10px; font-style: italic; }
		#preFooter{ width:915px; height:185px; background:#bbb6a1; overflow:hidden; }
			#preFooter .teaser{ float:left; padding:30px 15px 0 30px; width:180px; font-size:11px; line-height:17px;}
			
		#footer { color:##4c483d; overflow:hidden;}
			#footerNav {padding:30px 0 15px 5px; float:left;}
				#footerNav a, #footer a:link, #footer a:visited { color:#4c483d; text-decoration: none; }
				#footerNav a { margin:0 7px;}
			#fdicLogo { float:right; padding:26px 0 0;}
			#copyright { margin:9px 0px 9px 775px; text-align:center; font-size: 10px;}

    		#rateTable { width: 60%; border: 0px; margin: 0px auto; }
    		#rateTable .rateCenter { text-align: center; }
    		#rateTable th { text-align: center; color: #663300; font-weight: normal; }