* { padding: 0; margin: 0; } /*global definition for padding and margin*/

html {
	height: 101%;
	background: url(/images/bg_pattern.gif) repeat 0 0;
}

body {
	font-size: 100%;
	min-height: 101%;
	padding-bottom: 15px;
	background: url(/images/bg_page.gif) repeat-y 50% 0;
}

h1, h2, h3, h4, h5 { font: normal 100%/100% georgia, arial, verdana, sans-serif; }
h1 {
	font-size: 1.2em;
	line-height: 100%;
	color: #333;
	padding: 0 0 5px 0;
}
h2 {
	font-size: 1.0em;
	line-height: 100%;
	font-weight: bold;
	color: #DF002C;
	text-transform: uppercase;
	padding: 0 0 7px 0;
}
h3 {
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 0 5px 0;
	text-transform: uppercase;
	color: #666;
}
h4 {
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 0 3px 0;
	color: #EC008A; 
}
h5 {
	font-size: 1.5em;
	color: #FFF;
	padding: 30px 0 0 32px;
}


p, ol, ul, table, dl { font: normal .75em/150% georgia, arial, verdana, sans-serif; padding: 0 0 15px 0; color: #333; }

a, a:visited { color: #336699; }
a:hover { color: #336699; text-decoration: none; }

dl { padding: 0 0 5px 10px; }
dt { font-weight: bold; }
dd { margin: 0 0 5px 0; }

ol { padding: 0 0 0 15px; list-style-position: inside; }
ol li { padding: 0 0 5px 0; }

ul { padding: 0 0 0 20px; }
ul li { padding: 0 0 5px 0; list-style: square; }

th { font-weight: bold; text-align: left; color: #999; }
td {
	padding: 10px 0;
	color: #333;
	font: normal 0.95em/100% "Lucida Grande", arial, verdana, sans-serif;
	border-bottom: 1px solid #DDDCD4;
}

img { border: none; }

#wrapper { width: 748px; margin: 0 auto; }

#header { position: relative; }
#header h1 { font-family: times, serif; font-size: 1.5em; line-height: 100%; color: #FFF; padding: 30px 0 0 404px; }
#header h1 .red { color: #DF002C; }

#bg_home { height: 264px; background: url(/images/hdr_home.jpg) no-repeat 0 0; }
#bg_personal { height: 264px; background: url(/images/hdr_personal.jpg) no-repeat 0 0; }
#bg_business { height: 264px; background: url(/images/hdr_business.jpg) no-repeat 0 0; }
#bg_mortgage { height: 264px; background: url(/images/hdr_mortgage.jpg) no-repeat 0 0; }
#bg_other { height: 264px; background: url(/images/hdr_other.jpg) no-repeat 0 0; }
#bg_online { height: 264px; background: url(/images/hdr_online.jpg) no-repeat 0 0; }
#bg_about { height: 264px; background: url(/images/hdr_about.jpg) no-repeat 0 0; }
#bg_products { height: 264px; background: url(/images/hdr_products.jpg) no-repeat 0 0; }
#bg_community { height: 264px; background: url(/images/hdr_community.jpg) no-repeat 0 0; }
#bg_rates { height: 264px; background: url(/images/hdr_rates.jpg) no-repeat 0 0; }
#bg_forms { height: 264px; background: url(/images/hdr_forms.jpg) no-repeat 0 0; }
#bg_contact { height: 264px; background: url(/images/hdr_contact.jpg) no-repeat 0 0; }
#bg_galleries { height: 264px; background: url(/images/hdr_galleries.jpg) no-repeat 0 0; }

#logolink {
	width: 158px;
	height: 100px;
	position: absolute;
	top: 11px;
	left: 19px;
}
#logolink a { width: 158px; height: 100px; display: block; }

#nav ul { font-size: 0.7em; line-height: 100%; font-weight: bold; margin: 4px 0 0 165px; }
#nav li {
	list-style: none;
	float: left;
	padding: 11px 13px 15px 13px;
	text-transform: uppercase;
}
#nav li.dark { background: url(/images/bg_nav_dark.gif) no-repeat 100% 0; }
#nav li.med { background: url(/images/bg_nav_med.gif) no-repeat 100% 0; }
#nav li.light { background: url(/images/bg_nav_light.gif) no-repeat 100% 0; }
#nav li a { color: #FFF; text-decoration: none; }
#nav li a:hover { text-decoration: underline; }
#nav li.last { padding-right: 0; background: none; }

#content { background: url(/images/bg_content.gif) repeat-y 0 0; padding: 20px 0 15px 23px; }
#content_listings { padding: 20px 0 15px 23px; }


#notice {
	background-color:#FFC;	
	border-bottom:1px solid #CC9;
	}
	#notice p {
		margin-left:20px;
		padding:5px;
		font-size:1.05em;
		line-height: 150%;
		color:#999;
	}
	#notice a {
		border:1px solid #CC9;
		text-decoration:none;
		padding:3px 5px 2px 5px;
		color:#CC9;
		font-weight:bold;
		font-size:0.7em;
		line-height:12px;
	}

#left_col { width: 452px; margin-right: 34px; float: left; }
#left_col_listings { width: 486px;  float: left; }

#right_col { width: 215px; float: left; }

#footer {
	width: 708px;
	height: 62px;
	margin: 0 auto;
	background: url(/images/bg_footer.gif) no-repeat 0 0;
}
#footer p { line-height: 62px; padding: 0 0 0 15px; }

/**************************************************************
							CLASSES
**************************************************************/
.clear { clear: both; }
.align_right { text-align: right; }
.align_center { text-align: center; }
.bold { font-weight: bold; }
.formfield { width: 250px; border: 1px solid #666; padding: 2px 3px; }
.eighty { width: 80%; }
.twenty { width: 20%; }
.twentyfive { width: 25%; }

.personal, .business, .mortgage, .other {
	height: 101px;
	overflow: hidden;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	padding: 0;
}
.personal a, .business a, .mortgage a, .other a { color: #666; display: block; text-decoration: none; }
.personal a:hover, .business a:hover, .mortgage a:hover, .other a:hover { text-decoration: underline; }

.personal { width: 132px; background: url(/images/bg_personal.gif) no-repeat 0 0; overflow: hidden; }
.personal a { width: 109px; height: 87px; padding: 14px 0 0 23px; }

.business { width: 126px; background: url(/images/bg_business.gif) no-repeat 0 0; }
.business a { width: 101px; height: 87px; padding: 14px 0 0 25px; }

.mortgage { width: 129px; background: url(/images/bg_mortgage.gif) no-repeat 0 0; }
.mortgage a { width: 111px; height: 87px; padding: 14px 0 0 18px; }

.other { width: 104px; background: url(/images/bg_other.gif) no-repeat 0 0; }
.other a { width: 81px; height: 87px; padding: 14px 0 0 23px; }

.online_banking {
	width: 257px;
	height: 101px;
	background: url(/images/bg_online_banking.gif) no-repeat 0 0;
	float: left;
	position: relative;
	padding: 0;
}
.online_banking .ob_link { display: block; width: 226px; height: 42px; position: absolute; top: 22px; left: 18px; }
.online_banking .apply_link { position: absolute; top: 70px; left: 32px; }

.intro { font-size: 0.95em;padding:0 0 10px 0;margin:0;}

.gallery_thumbs { position:relative; overflow:hidden; }
.gallery_link { width: 145px; margin: 0 5px 5px 0; float: left; }
.gallery_link img { padding: 3px; border: 4px solid #5D5650; display: block; }
.gallery_link p { text-align: center; padding: 0 3px; }
.last_gallery { margin: 0; }

.apy { color: #666; font-weight: bold; }

.disclosure { font: normal 0.7em/125% "Lucida Grande", verdana, arial, sans-serif; color: #666; }

.account_box { width: 437px; min-height: 135px; border: 1px solid #E9E6D2; margin-bottom: 20px;padding-bottom:5px; }
.account_box h1 {
	font-size: 1.3em;
	text-transform: uppercase;
	line-height: 38px;
	color: #000;
	margin: 0 0 14px 0;
	padding: 0 0 0 50px;
	border-bottom: 1px solid #E9E6D2;
}
.account_box h1.mortgage_h1 { background: url(/images/icon_house.gif) no-repeat 0 0; }
.account_box h1.personal_h1 { background: url(/images/icon_badge.gif) no-repeat 0 0; }
.account_box h1.business_h1 { background: url(/images/icon_columns.gif) no-repeat 0 0; }
.account_box h1.other_h1 { background: url(/images/icon_folder.gif) no-repeat 0 50%; }
.account_box p { padding: 0 30px 5px 13px; font-family: georgia, arial, sans-serif; font-weight: normal; color: #666;font-size:13px; }

.footer_links { padding: 5px 0 0 35px; font-size: 10px; }

.all_rates th { font-size: 1.2em; }
.all_rates td { font-size: 1.0em; }
.all_rates .no_border td { border: none; }
.all_rates .description { font-size: 0.9em; padding-top: 0; }

.large_body {
	font-size:.9em;
	padding:0 0 20px 0;
	margin:0;
}

.back_to {
	margin:0 0 15px 0;
	padding:0 0 4px 0;
	border-bottom:1px dotted #ccc;
	font-weight:bold;
}

.google_map { width: 250px; height: 250px; float: right; }

.hours_of_operation { margin:0 0 0 10px; }
.hours_of_operation td { padding:3px 15px 3px 0; }

.service_hours_right { float:right; width:200px; margin-top:15px; }
.locations_left {clear:both; float:left; margin-top:15px;}
.left_ul { float:left; width:210px; }
.red_font {color:#DF002C;}
.small_gray { font-size:10px; }
ul.center { text-align:center;  }
.center li { display:inline; list-style-type:disc !important; list-style-position: outside; }

/*Styles for Listings*/

.red { color:#A00A05; }
.clear { clear:both; }
.big_select { border:1px solid #AAA; padding:2px; font-size:1.5em; }
.big_select_price { width:90%; border:1px solid #AAA; padding:2px; font-size:1.5em; }
.maxprice {width:33%;}
.bed {width:20%;}
.bath {width:20%;}
.search {vertical-align:middle;}
.simplesearch { width:100%; }
.price { color:#CC0000; margin:15px 0 0 30px; padding:0; font-size:1.6em; }
.strikethru { text-decoration:line-through; }
.email_friend_input { width: 100%; margin: 0 0 5px 0; }
.lalign_td { text-align:left; }
.ralign_td { text-align:right; font-weight: bold; }
.thumbnail { height:100px; border:1px solid #ccc; margin:2px; padding:2px; }
.thumb_div { width:100px; height:100px; float:left; }
.thumb_div img { margin:0 auto; padding:0; }
.arrow_div { height:15px; }
.visible { position:relative; z-index:2; }
.feedfooter { width:450px; padding:5px 10px; margin:20px 0 0 0; background-color:#EFEFEF; }
.feedfooter tr { vertical-align:middle; }
.feedstext { padding:0 0 0 3px; text-align:right; }
.static_content { font-size:1.2em; padding:0 20px 0 0; line-height:140%; }
.floatright { float:right; border:1px solid #EFEFEF; margin-left:20px; }
.normal_text { font-size:0.75em; }
.normal_text_span { font-size:1.3em; }
.dark_red { color:#CC0000; }
.small_banner { position:absolute; top:-1px; right:-1px; z-index:20; }
.banner { position:absolute; top:-1px; left:73px; z-index:20; }
.floated_pic { float:right; margin:0 0 5px 15px; padding:3px; border:1px solid #e5e5e5; }

.subnav { width:200px; float:right; border:1px solid #000; background-color:#EFEFEF; padding:10px 5px 10px 10px; margin:0 0 5px 10px; }
.subnav li { margin:0; padding:0; list-style:none; }

.back_to { float:right; border:1px solid #CCC; background-color:#ECECEC; padding:0; margin:0 0 5px 10px; }
.back_to a { display:block; padding:0 10px; text-decoration:none; color:#666; }
.back_to a:hover { color:#000; }

.tagged_h1 { font-size:1.3em; color:#333; font-weight:bold; margin-bottom:10px; }
.tagged_h2 { font-size: 1.0em; color: #666; font-weight: bold; /*text-transform: uppercase;*/ border-bottom: 1px solid #CCC; margin: 0 0 5px 0; }
.tagged_name { background-color: #FFC; font-style: italic; padding: 0 5px; }
.tagged_show { padding: 3px 10px; margin: 0 0 15px 0; font-weight: bold; background-color: #EFEFEF; }
.tagged_title { font-size: 1.15em; padding: 0; }
.tagged_date { line-height: 200%; color: #666; padding: 0; }
.tagged_tags { padding: 0 0 25px 0; }

.newstitle { color:#000; padding-top:12px;}

.homeSearch { border:1px solid #010101; background-color:#FDFDFD; padding:15px; }
.homeSearch h2 {
	color:#9C9C9C;
	/*text-transform: uppercase;*/
	font-size: 1.0em;
	border:none;
	font-weight: bold;
	position: relative;
	z-index: 3;
}

.homeFeature { background-color:#F5F5F8; padding:15px; border:1px solid #000; }
.homeFeature h2 {
	color:#9C9C9C;
	/*text-transform:uppercase;*/
	font-size:1.0em;
	font-weight:bold;
	padding-bottom:0;	
}

.listing_div {
	float:left;
	margin:2px;
	padding:2px;
	width:140px;
	height:230px;
	text-align:center;
	color:#444;
	border:1px solid #ccc;
	position:relative;
}
.listing_div h2 { color:#7E83CF;}
.listing_div img { margin:0; padding:1px; }
.listing_div p { margin:0; padding:0; }
.listing_div p.bold_text { font-weight:bold; }

.no_picture_div {
	width:95%;
	height:100px;
	margin:0 auto 5px auto;
	border:1px solid #999;
	text-align:center;
	color:#222;
}

.agent_photo { float:right; margin:12px 15px 0 0; }
.agent_basics { width:475px; background-color:#fafafa; border:1px solid #ccc; font-size:1.0em; }
.agent_basics table { width:100%; font-size: 1.1em; }
.agent_basics h3 { margin-left:10px; padding-bottom: 15px; }
.agent_basics_left { width:85%; }
.agent_about_me { font-size:0.8em; margin-right:40px; }

.manageBox {
	border:1px solid #ccc;
	background-color:#fafafa;
	margin:10px 6px 6px 6px;
	width:193px;
	padding:10px 0 0 0;
	text-align:center;
}
	
.newsletterBox {
	border:1px solid #ccc;
	background-color:#fafafa;
	margin:10px 6px 6px 6px;
	width:173px;
	padding:0 10px 10px 10px;
	text-align:left;
	line-height:normal;
}

.detail_table {
	font-size:0.85em;
	border:1px solid #CCC;
	background-color:#FAFAFA;
	padding:15px 50px 15px 0;
	margin:0 0 25px 30px;
}

.listing_address {
	font-size:1.2em;
	line-height:normal;
	margin:0 auto;
	text-align:center;
	padding:15px 0 10px 30px;
}

.listing_tools {
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:10px 0 0 0;
	text-align:left;
}

.listing_agent_photo {
	width:80px;
	float:left;
	margin-right:5px;
	padding:2px;
	border:1px solid #CCC;
}

#featured_listings { width:10000px; }


#listing_col_left {
	width:240px;
	margin:0 20px 0 0;
	border: 1px solid #ccc;
	position:relative;
	float:left;
}

#listing_col_right { width:190px; text-align: center; float: left; }
#listing_col_right table { width:90%; margin:0 auto; }
#listing_col_right tr, #listing_col_right td { margin:0; padding:0; }
#listing_col_right p { text-align:left; }

#listing_pix_div { position:relative; }

#large_pix_div { height:200px; }
#large_pix_div img { margin:0; display:block; border-bottom:1px solid #ccc; }
#large_pix_div .loading_pic { border-bottom:1px solid #999; width:240px; height:180px; }
#large_pix_div .loading_pic p { padding:65px 0 0 0; color:#999; font-size:1.0em; text-align:center; }
#large_pix_div .loading_pic p img { margin:0 auto; border:none; }

#thumbnail_window, #thumbnails { width:208px;padding: 0;position:relative; }
#thumbnail_window { margin:0 auto; height:197px; overflow:hidden; }

#thumbnail_wrapper { width:240px; text-align:center; position:relative; }

#thumbnails { height:10000px; }

#google_map { width:240px; height:240px; border-top:1px solid #ccc; position:relative; }

#email_to_friend_form { background-color:#FFFFE5; padding:10px; }
#email_to_friend_form p { font-size:0.75em; }
#email_to_friend_busy p { text-align:center; color:#999; background-color:#FFFFE5; }

#listing_docs ul { text-align:left; margin:5px; padding:0 0 5px 0; }
#listing_docs li { list-style:none; padding:0; font-size:1.2em; }

#agents, #brokers { text-align: center; }
#agents .agent, #brokers .broker {
	float: left;
	width:150px;
	height:275px;
	border: 1px solid #AAA;
	margin:5px;
	padding:5px;
}
#brokers strong.broker_name { font-size:125%; }

#newsletter_thankyou p { font-size:0.9em; padding-top:15px; color:#333; }

#email_response { padding:5px 0 5px 20px; background-color:#FFC; border:1px solid #CC9; margin-top:5px; font-size:0.75em; }

.replacement { display:block; overflow:hidden;height:0px !important; font-size:0px !important; }
#overdraft { background: url('/images/btn_overdraft.jpg') 0 0 no-repeat; width:210px; padding-top:52px;  }