/*Main site structure*/

body{ 
	background-color:#d2d3af;
	margin:0px 0 0 0;  /*top right bottom left*/
}

#container {
	position: relative; 
	margin: 0px auto;
	width: 742px;
	height:100%;
	border: 0px solid #000000;
	padding-left:10px;
	padding-right:10px;
	background-color: #ffffff;
}

.clearer {
	clear: both;
}

#header	{
	height:36px;
	width:742px;
	background-image:url(images/1-1.gif);
}

#logo	{
	height:72px;
	width:742px;
}

#header_photo	{
	height:180px;
	width:436px;
	float:left;
}

#topnews	{
	height:180px;
	width:289px;
	float:left;
}

#topnews_right	{
	height:180px;
	width:17px;
	float:left;
}

#below_topnews	{
	height:30px;
	width:742px;
	float:left;
}

#topnews_iframe_box	{
	height:166px;
	width:289px;
	text-align:center;
	margin:0 0 0 0;  /*top right bottom left*/
	padding:0 0 0 0;  /*top right bottom left*/
	overflow-x: hidden;
	overflow-y: auto ;
}

#rollover_our_footprint	{
	height:66px;
	width:215px;
	float:left;
}

#rollover_financial_op	{
	height:66px;
	width:220px;
	float:left;
}

#rollover_future_home	{
	height:66px;
	width:215px;
	float:left;
}

#rollover_right	{
	height:66px;
	width:92px;
	float:left;
}

#below_menuboxes {
	height:10px;
	width:742px;
	background-color:#6b7d0f;
	margin-top:1px;
	margin-bottom:10px;
}

#bottom_half_container{
	width:850px;
	background-color:#ffffff;
}

#leftmenu_container	{
	width:215px;
	float:left;
	background-color:#f1f2d8;
	overflow:hidden;
}

#leftmenu_top	{
	width:215px;	
	float:left;
	padding-top:8px;
	padding-bottom:10px;
}

#leftmenu_main{
	width:215px;
	text-align:center;
	margin:0 0 0 0;  /*top right bottom left*/
	padding:0px 0px 10px 0px;  /*top right bottom left*/
	float:left;
}

#leftmenu_bottom	{
	width:215px;
	float:left;
	padding-bottom:20px;
}

.leftmenu_blog	{
	width:214px;
	float:left;
	padding-bottom:0px;
}

#blog_content	{
	width:202px;
	float:left;
	margin:10px 5px 10px 5px;
	font-family: arial, verdana, helvetica, times;
	font-size: 11px;
	color: #000000;
	overflow:hidden;
}

	.divider_blog {
		width:170px;
		height:1px;
		background-color:#d0dc98;  
		padding: 0px 0px 0px 0px;  /*top right bottom left*/
		margin: 10px 0px 5px 10px;  /*top right bottom left*/
		overflow:hidden;
	}
	
#social_media_container	{
	width:215px;
	float:left;
	padding:0px;
	background-color:#ffffff;
}	

#twitter_content	{
	width:205px;
	float:left;
	padding:10px 5px 0px 5px;
	font-family: arial, verdana, helvetica, times;
	font-size: 11px;
	color: #000000;
}

/*JUITTER PLUGIN CSS*/

	#juitterContainer{} /*Juitter container*/
	#juitterContainer .twittList{
		margin:0;
		padding:0;
	} /* UL that will contain the list of tweets */

	/* Bellow the list of tweets "<li>" */
	#juitterContainer .twittLI{
		list-style:none;
		background:#ffffff;
		margin:0;
		padding:0px 0px 15px 0px;
	} 
	#juitterContainer .twittList A{color:#6b7d0f;} /*Links inside the tweets list */
	#juitterContainer .twittList A:hover{color:#b76b1b;} /*Links inside the tweets list */	

	/* Bellow the CSS for the avatar image  */
	#juitterContainer .juitterAvatar{
		float:left;
		border:solid 1px #D3EECA;
		background:#FFF;
		margin-right:5px;
		padding:2px;
		width:48px;
		height:48px;
	}
	#juitterContainer .jRM{
		float:left;
		clear:both
	} /*read it on twitter link*/
	#juitterContainer .extLink{} /*CSS for the external links*/
	#juitterContainer .hashLink{} /*CSS for the hash links*/
	
/*end of Juitter CSS*/

#twitter_divider	{
	width:215px;
	float:left;
	padding: 0px 0px 10px 0px; 
}

#social_icon_links	{
	width:215px;
	float:left;
	padding:0px 0px 10px 0px;
}

#main_body{
	float:left;
	width:485px;
	background-color:#ffffff;
	margin:0px 0px 0px 0px;  /*top right bottom left*/
	padding:0px 20px 20px 20px;  /*top right bottom left*/
}

#footer_shadow	{
	margin:auto;
	width:760px;
	text-align: center;
	padding:0 0 20px 0; /*top right bottom left*/
}

#header_shadow	{
	width:491px;
	padding-top:5px;
	padding-bottom:12px;
}

#below_properties_menu	{
	width:485px;
	height:12px;
	margin-top:-2px;
	margin-bottom:5px;
	background-color:#244c76;
}

#horizontal_rule	{
	width:485px;
	height:1px;
	margin-top:5px;
	margin-bottom:5px;
	background-color:#9ab1bd;
}

/*Misc*/
a img {border: none; }

p {	margin-top: 5px;}

/*Headers*/

/*H1 is used for main header text only */
h1 {
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #b76b1b;
	text-decoration:none;
	margin: 0px 0px 0px 0px;  /*top right bottom left*/ 
	padding: 0px 0px 5px 0px;  /*top right bottom left*/ 
}

/*H2 is used only for the [] in the submenu */
h2 {
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #b76b1b;
	text-decoration:none;
	margin: 0px 0px 0px 0px;  /*top right bottom left*/ 
	padding: 0px 0px 0px 0px;  /*top right bottom left*/ 
	display:inline;
}

/*H3 is used only for submenu page headers */
h3 {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #3c7b9c;
	text-decoration:none;
	margin: 0px 0px 0px 0px;  /*top right bottom left*/ 
	padding: 0px 0px 7px 0px;  /*top right bottom left*/ 
}

/*H4 is the standard text body header */
h4 {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	text-decoration:none;
	margin: 0px 0px 0px 0px;  /*top right bottom left*/ 
	padding: 0px 0px 5px 0px;  /*top right bottom left*/ 
}

/*H5-media page 1st sub headers*/
h5 {
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #b76b1b;
	text-decoration:none;
	margin: 0px 0px 0px 0px;  /*top right bottom left*/ 
	padding: 0px 0px 5px 0px;  /*top right bottom left*/ 
}

/*H6 is used only for blog headers */
h6 {
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #3c7b9c;
	text-decoration:none;
	margin: 0px 0px 0px 0px;  /*top right bottom left*/ 
	padding: 0px 0px 7px 0px;  /*top right bottom left*/ 
}


ul {
	margin-top: 0px;  /*top right bottom left*/ 
}

/* Text */

span.text {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:17px;
}

/* old text styling
span.text {
	font-family: arial, verdana, helvetica, times; 
	font-size: 12px; 
	color: #000000;
	}
*/

	
span.copyright {font-family: Arial, Helvetica, Verdana, sans-serif; font-size:11px; color:#6b7d0f; letter-spacing:0px;}

/* Rollovers */

.edgeflow {FONT-SIZE: 11px;FONT-FAMILY: Arial, verdana,Tahoma; text-decoration:underline; color:#6b7d0f;}
.edgeflow:hover {FONT-SIZE: 11px;FONT-FAMILY:Arial, verdana, Tahoma;text-decoration:underline; color:#b76b1b;}

.link {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:17px;
	text-decoration:underline; 
	color:#6b7d0f;
}
.link:hover {color:#b76b1b}

/* old link styling
.link {FONT-SIZE: 12px;FONT-FAMILY: arial, verdana, helvetica, times; text-decoration:underline; color:#6b7d0f;}
.link:hover {color:#b76b1b}
*/

.submenu_link {FONT-SIZE: 11px;FONT-FAMILY: Arial, verdana,Tahoma; text-decoration:none; color:#b76b1b; letter-spacing:1px; width:200px;}
.submenu_link:hover {color:#3c7b9c; letter-spacing:1px;}

.topmenu_link {
	font-size: 12px;
	font-weight:bold;
	font-family: Arial, verdana,Tahoma; 
	text-decoration:none; 
	color:#e2e9bc;
	float:right;
	margin: 11px 10px 0px 0px;  /*top right bottom left*/
	letter-spacing:0px;
}
.topmenu_link:hover {
	font-size: 12px;
	font-weight:bold;
	font-family: Arial, verdana, Tahoma;
	text-decoration:none; 
	color:#ffffff;
	float:right;	
	margin: 11px 10px 0px 0px;   /*top right bottom left*/ 
	letter-spacing:0px;
}

/* Top rollover images (investor, municipal, site buyer)*/

a.rollover_our_footprint {
    display: block;
    width: 215px;
    height: 66px;
    background: url("images/rollover_our_footprint.gif") no-repeat;
    text-decoration: none;
	float:left;
}
a:hover.rollover_our_footprint {
	background-position: -215px 0;
    }
	
a.rollover_financial_op {
    display: block;
    width: 220px;
    height: 66px;
    background: url("images/rollover_financial_op.gif") no-repeat;
    text-decoration: none;
	float:left;
}
a:hover.rollover_financial_op {
	background-position: -220px 0;
    }
	
a.rollover_future_home {
    display: block;
    width: 215px;
    height: 66px;
    background: url("images/rollover_future_home.gif") no-repeat;
    text-decoration: none;
	float:left;
}
 
a:hover.rollover_future_home{
	background-position: -215px 0;
}

/*Left menu rollover with image and text effect*/

 .cssnav{
	position: relative;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background: url(images/leftmenu_on.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 206px;
	height: 26px;
	margin: 0;
	padding: 0;
}

.cssnav a{
	display: block;
	color: #3c7b9c;
	font-size: 13px;	
	width: 206px;
	height: 26px;
	display: block;
	float: left;
	text-decoration: none;
}

.cssnav a:hover {
	color: #b76b1b;
	text-decoration:none;
}

.cssnav img{
	width: 206px;
	height: 26px;
	border: 0
}

* html a:hover{
	visibility:visible;
}

.cssnav a:hover img{
	visibility:hidden
}	

.cssnav span{
	position: absolute;
	left: 35px;
	top: 5px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

/*END Left menu rollover with image and text effect*/

/* Contact form styling */
.name_top {
	border: 1px solid #999999;
	color:#6b7d0f;
	width: 200px;
	background:#ffffff;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	font-weight:;
	margin-top:5px;
	margin-bottom:0px;
	text-align:right;
}

.name {
	border: 1px solid #999999;
	color:#6b7d0f;
	width: 200px;
	background:#ffffff;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	font-weight:;
	margin-top:-5px;
	margin-bottom:0px;
	text-align:right;
}

.phone {
	border: 1px solid #999999;
	color:#6b7d0f;
	width: 150px;
	background:#ffffff;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	font-weight:;
	margin-top:-5px;
	margin-bottom:0px;
	text-align:right;
}

.phone2 {
	border: 1px solid #999999;
	color:#6b7d0f;
	width: 138px;
	background:#ffffff;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	font-weight:;
	margin-top:-5px;
	margin-bottom:0px;
	text-align:right;
}

.comments {
	border: 1px solid #999999;
	color:#6b7d0f;
	width: 425px;
	height:100px;
	background:#ffffff;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	font-weight:;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
}

.dropdown_sml {
	border: 1px solid #999999;
	color:#6b7d0f;
	width: 80px;
	background:#ffffff;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	font-weight:;
	margin-top:-5px;
	margin-bottom:0px;
	text-align:right;
}

.dropdown_lg {
	border: 1px solid #999999;
	color:#6b7d0f;
	width: 150px;
	background:#ffffff;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	font-weight:;
	margin-top:-5px;
	margin-bottom:0px;
	text-align:right;
}


