/*  Table of Contents
==============================================================


  Table Of Contents:
  1. General Page Layout Styles
  2. Accessibility Menu Layout Styles
  3. Site brand (Header) Layout Styles
     3a. Site Logo
     3b. Site Tagline
  4. Navigation Layout Styles
     4a. Primary Navigation
     4b. Secondary Navigation
     4c. Pagnation / Breadcrumbs
  5. Page Content Layout Styles
     5a. Feature Content
     5b. Primary Content
     5c. Secondary Content
  6. Legal (Footer) Layout Styles


#sample-declaration {
	display:;
	position:; left:; right:;
	float:;
	clear:;

	width:; height;
	margin:; padding;
	border:;
	color:; background:;

	font:;
	text-decoration:;
	text-align:; vertical-align:;
	list-style:;
	white-space:;

	}

------------------------------------------------------------*/

/*  ## How To Switch Nav-Secondary from Left Side (default) to 
Right Side (alt) in Template #3
===============================================================

  To switch the secondary nav menu from the left to the right 
  side, see the comments in the following declarations:
  
  #page {}
  #nav-primary ul {}
  #nav-primary a {}
  #nav-secondary {}
  #nav-secondary li {}
  #nav-secondary ul li.sub a {}
  #content-feature {}
  #content-primary {}
  #legal .legal-copyright {}
  #legal .legal-credits {}
  #rew-credit {}

------------------------------------------------------------*/


/*  ## Page
==============================================================

  Used for general page styles and backgounds. It is possible 
  to add 2 background images to the XHTML document by adding 
  background to both the HTML and BODY tags.

------------------------------------------------------------*/


html {
	}

	body {
		background: #83A0C1 url(/img/gbl/background_body.gif) center 0 repeat-y;
		text-align: center;
		margin-top:10px;
		margin-bottom:10px;
		
		}

		#page {
			width: 950px;
			position: relative;
			background: #fff;
			/* for Right-Nav, change to /bg-page-alt.jpg */
			margin: 0 auto;
			text-align: left;
			border: 3px solid #fff;
			}

			#page-wrap {
				}


/*  ## Accessibility Menu (Usualy Hidden)
==============================================================

  These styles control the display the "skip to content" and
  "Skip to Navigation" Links. These links are normaly hidden
  from Web browsers.

------------------------------------------------------------*/

#accessibility {
	display: none;
	}

	#nav-skipto-content {
		}

		#nav-skipto-navigation {
			}


/*  ## Site brand (Header)
==============================================================

  These style control the header styles (Logo, tagline). To 
  add a linked logo, use image replacement technique to 
  replace the h3's a tag.

------------------------------------------------------------*/

#brand {
	
	background: #265a97 url(/img/gbl/bg-brand.jpg) 0 0 no-repeat;
	height:120px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	
	}


			#brand-logo a {
				margin: 0; padding: 0; border:none;
				}


/*  ## Navigation
==============================================================

  This space is reserved for styles that control the 
  navigation of the site. #nav-site is normally the top
  nav, #nav-secondary is often the "side" navigation.

------------------------------------------------------------*/


/*  ## Page Content

==============================================================

  This space is reserved for styles that control the layout of
  the content areas of the site. #content-feature is reserved
  for a Flash slideshow or a call-to-action graphic. This area
  is NOT to be used for styles that control the appearance of
  the content.  Such styles belong in /inc/css/content.css.

------------------------------------------------------------*/

#content {
	
	position:relative;
	width: 950px !important;
	}


	#content-wrap {
		width: 950px !important }
		
		#content-wrapper{
			
			position:relative;
			float:left;
			width:770px;
			
		}

		#content-feature {
			height: 144px;
			width:100%;
			float:right;
			background:url("/img/gbl/beach.jpg") no-repeat 0 0;
			margin-top:15px;
			/* for Right-Nav, change to float:left; */
			}

			#content-feature-wrap {
				
				background-color:#333;
				
				}

		#content-primary {
			position:relative;
			width: 575px;
			min-height:300px;
			float: left;
			/* for Right-Nav, change to float:left; */
			}
			
			#content-primary.wide{
				position:relative;
				width: 770px;
			}
			
			#content-primary.extended {
			   width: 580px;
			   background:#fff;
			   } 
			#content-primary-wrap {
				position:relative;
				margin: 15px 0px 15px 15px;
			
				}
			
			
		#content-primary a {
			color:#1e75af;
			text-decoration:underline;
			}
			
			#content-primary a:hover {
				color:#e56b00;
				}	
				
			#content-primary ol{
				
		
				line-height:1.5em;
				font-size:11px;
				
				margin-bottom:0.8em;
				margin-left:15px;
				margin-top:0.8em;
				padding-left:15px;
				 
			}
			
			#content-primary ol li{
				
					
			}
			
			#content-primary ol li, #content-primary ul li {
				
				margin:3px 0 0 0;
				padding:0 0 0 0;
				line-height:1.5em;
				font-size:11px;
				
				}
				
				#content-primary ul{
					
					list-style-image: url("/img/gbl/bullet.gif");
					list-style-type:square;
				    margin-bottom:0.8em;
			        margin-left:12px;
			        margin-top:0.8em;
			     	padding-left:12px;
				}
				
				
			
			#content-primary p{
	
				line-height:1.5em;
				font-size:11px;
		
			}
			
			#content-primary #blog_feat{
					
					width:100%;
					padding-top:0px;
					
				}
				
				#content-primary #blog_feat .blog_feat_head{
					
					color:#E56B00;
					font-size:12px;
					font-weight:bold;
					margin-bottom:0.6em;
					margin-top:1em;
					font-family:Verdana,Arial,Helvetica,sans-serif;
					
				}

		#content-secondary {
			margin-top: 15px;
			float: right;
			}

			#content-secondary-wrap {
				}
				
				
				


/*  ## Legal Information (Footer)
==============================================================

  These styles are used for the footer: Copyright notice, etc.

------------------------------------------------------------*/

#legal {
	font-size: 77%;
	position: relative;
	}

	#legal-wrap {
		padding: 10px 10px 0 0; 
		margin:20px 0 0 15px;
		color: #4B4B4B;
		border-top: 1px solid #ccc;
		}

		#legal p {
			margin: 0; padding: 0;
			}
			
			
		#legal a {
			color:#1E75AF;
			text-decoration:underline;
			}
			
			#legal a:hover {
				color:#E56B00;
				}
				
			#legal .legal-copyright {
				width: 70%;
				text-align: left;
				/* for Right-Nav, change to text-align:right; */
				float: left;
				/* for Right-Nav, change to float: right; */
				}
				
			#legal .legal-credits {
				width: 30%;
				float: left;
				/* for Right-Nav, change to float: right; */
				}
				
				#footer-legal{
					
					font-size: 10px; line-height: 1.6em; padding-top: 3px;
					
				}
				
				#brokerage-logo{
					
					display:block;
					margin:0px 15px 0px 0px;
					
				}
				
				.footer-info{
					
					line-height: 1.6em; font-size: 11px !important;
					
				}
				
					
				
/* GENERIC */

	/* Results Paging */

	#content .paging {
		position:relative;
		clear:left;
		float:left;
		padding:8px 0 8px 0;
		width:100%;
		font-size:10px;
		}
		
		#content .paging a, .ellip{
			
			text-decoration: none;
			display:block;
			float:left;
			margin:0 5px 0 0;
			padding: 7px 0 0 0;
			
		
			}

		#content .paging .current  {
			color: #fff;
			font-weight: bold;
			background-color: #32759d;
			display:block;
			float:left;
			margin:0 5px 0 0;
			padding: 5px 8px;
			border: solid 1px #32759d; }

		#content .paging a{
			text-decoration: none;
			display:block;
			float:left;
			margin:0 5px 0 0;
			padding: 5px 8px;
			border: solid 1px #ccc;
			}

		#content .paging a:hover {
			border-color: #ccc;
			background-color: #eee;
			}

		#content .paging .prev {
			padding-left: 14px;
			/*background: url(/img/ico-prev.gif) no-repeat left center;*/
			}

		#content .paging .next {
			padding-right: 14px;
			background: url(/img/ico-next.gif) no-repeat right center;
			}

	.breadcrumbs {
		}


	/* Generic Tabbed Navigation */

	#content .tabset {
		
		position:relative;
		margin: 0; padding: 0 0 13px 0;
		clear: both;
		
		}

		#content .tabset ul {
			margin: 0; padding: 0;
			list-style: none;
			border-bottom: 1px solid #ddd;
			}

			#content .tabset li {
				float: left;
				padding: 5px 10px; margin: 0 2px 0 0;
				list-style: none;
				border: 1px solid #ddd;
				border-bottom: none;
				background: #eee; color: #333;
				position: relative; bottom: -1px;
				height:15px;
				font-size:11px;
				}

			#content .tabset ul li.current {
				background: #fff;
				height:16px;
	
		
				}

				#content .tabset ul li a {
					color: #333;
					text-decoration: none;
					}

	#content .thumbset ul {
		list-style: none;
		margin: 0; padding: 0;
		}

		#content .thumbset ul li {
			list-style: none;
			margin: 10px 10px 0 0; padding: 0;
			}				

			
/*CJ's Nav code*/

html>body #nav1 li a {
	width: auto }
html>body #nav1_selected li a {
	width: auto }
html>body #nav2 li a {
	width: auto }
html>body #nav3 li a {
	width: auto }

/* NAV1 */
#nav-primary  {
	
	float: left;
	/* for Right-Nav, change to float:right; */
	width: 180px;
	color: #296080;
	font-size: 10px !important;
	font-weight: bold;
	padding: 0;
	margin:15px 0 0 0;
	list-style:none;
	
	}
	
#nav-primary img{
	
	display:none;
	
}

#nav-primary li {
	margin: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #9ab2c0; }
#nav-primary li a   {
	color: #296080 !important;
	width:auto;
	text-decoration: none;
	text-align:left;
	background-color: #b8d4e5;
	background-image: url("/img/gbl/nav1_bullet.gif");
	background-repeat: no-repeat;
	background-position:0 4px;
	display: block;
	padding: 3px 5px 3px 15px;
	border-left: 5px solid #78adcd }
#nav-primary li a:hover {
	background-color: #94bbd5;
	background-image: url("/img/gbl/nav1_bullet.gif");
	background-repeat: no-repeat;
	background-position:0 4px;
	border-left: 5px solid #3b87b2; }
#nav-primary ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none }
/* NAV1_SELECTED */
#nav-primary  {
	color: #296080;
	font-size: 10px !important;
	font-weight: bold;
	padding: 0 0 1;
	width: 180px; }
#nav-primary li.open {
	margin: 0;
	border-top: 1px solid #fff;
	/*border-bottom: 1px solid #9ab2c0;*/ }

#nav-primary li.selected{
	
	border-top: 1px solid #fff;
	border-bottom:none;
	
}
	
#nav-primary li.open a,#nav-primary li.selected a    {
	color: #296080 !important;
	text-decoration: none;
	background-color: #b8d4e5;
	background-image: url("/img/gbl/nav1_selected_bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 4px;
	display: block;
	padding: 3px 5px 3px 15px;	
	border-left: 5px solid #e56b00; 
	border-bottom:1px solid #9AB2C0;}
	
#nav-primary li.open a:hover {
	background-color: #94bbd5;
	/*background-image: url("/img/gbl/nav1_bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 4px;*/
	border-left: 5px solid #e56b00 }
	
	
#nav-primary ul.sub-submenu, #nav-primary ul.submenu ul.sub-submenu {
	
	list-style: none;
	margin: 0;
	padding: 0;
	border: none; 
	
}
	


#nav-primary  .sub-submenu{
	
	color: #296080;
	font-size: 10px !important;
	padding: 0;
	width: 180px; 

}
	
#nav-primary  .sub-submenu li.sub{
		
	font-weight:normal;
		
}
	
#nav-primary  ul.sub-submenu li.selected{
	
	border-bottom:none;
		
}

	
#nav-primary .sub-submenu li {
	margin: 0; border:none;}



#nav-primary .sub-submenu li a   {
	color: #296080 !important;
	text-decoration: none;
	background-color: #eaeaea;
	background-image: url("/img/gbl/nav2_bullet.gif");
	background-repeat: no-repeat;
	background-position: 3px 5px;
	display: block;
	padding: 3px 5px 3px 15px;
	width: 155px;
	border-left: 5px solid #ccc;
	border-bottom:none;}
#nav-primary  .sub-submenu li a:hover {
	background-color: #d6d6d6;
	border-left: 5px solid #afafaf; }
#nav-primary  .sub-submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none; }
	

/* NAV3 

#nav3  {
	color: #296080;
	font-size: 10px !important;
	padding: 0;
	width: 180px }
#nav3 li {
	margin: 0 }
#nav3 li a    {
	color: #296080 !important;
	text-decoration: none;
	background-color: white;
	background-image: url("/img/gbl/nav2_bullet.gif");
	background-repeat: no-repeat;
	background-position: 12px 5px;
	display: block;
	padding: 3px 5px 3px 23px;
	width: 180px;
	border-right: 1px solid #eaeaea;
	border-left: 5px solid #eaeaea }
#nav3 li a:hover  {
	background-color: white;
	border-left: 5px solid #afafaf }
#nav3 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none }
#nav_wrapper   {
	font-size: 10px;
	line-height: 13px;
	text-align: left;
	width: 180px;
	float: left }
	
	*/
	
	

.wide #content-secondary {
	display:none;
}


table.city-table{
	
	margin:0 0 7px 0;
	
}

#signature{
	
	padding:0 0 18px 0;
	
}

input#search_title{
	
	width:360px;

	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color:#CCCCCC;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#CCCCCC;
	border-right-style:solid;
	border-right-width:1px;
	border-top-color:#CCCCCC;
	border-top-style:solid;
	border-top-width:1px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	
}

#login-form .btnset, #register-form .btnset,
#form-inquire .btnset{
	
	clear:left;
	padding:5px 0 0 0 !important;
	
}

#login-form .account-message, #register-form .account-message{
	
	clear:left;
	padding:6px 0 0 0;
}

#idx-disclaimer{
	
	clear:left;
	float:left;
	margin:10px 0px 10px 0px;
	width:100%;
	
}

#idx-disclaimer img{
	
	margin:0px 5px 0px 0px;
	
}

#content-primary #blog_feat .blog_feat_date{
	
	display:none;
	
}

#content-primary #blog_feat .blog_feat_teaser{
	
	margin:0px 0px 12px 0px;
}