/* -------------- General Fomatting --------------*/
body, table, p {font-size: 10px;}
body, table, H2, H3, H4, p, div {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
	
H2, H3, H4 {color: #707070;}	
H1 {
	padding: 3px;
	color: #FFFFFF;
	font-size: 14px;
	background-color: #707070;}
H2 {font-size: 12px;}
H3 {font-size: 11px; font-weight: normal;}
H4 {font-size: 10px;}

a {color: #000000;}
td {vertical-align:top;}
.property p {padding: 0px 0px 0px 10px;}



/* -------------- Page Container Backgrounds -------------- */
.categoryHome {
	width: 100%;
	height: 100%;
	background-image: url(/Common/Img/homeBodyBkgnd.gif);}
.categoryPropertyMgmt, .categoryCommercialProperty, .categoryCommercialBrokerage, 
.categoryApartmentLeasing, .categoryResidentialSales, .categoryContactUs, #contactUs, #logOn {
	width: 100%;
	height: 100%;
	background-image: url(/Common/Img/secondBodyBkgnd.gif);}
	
#categoryViewProperty, .categoryStaff {
	width: 100%;
	height: 100%;
	background-image: url(/Common/Img/propertyViewBkgnd.gif);}



/* -------------- Page Layout -------------- */
.whiteBar {
	height: 120px;
	background-image: url(/Common/Img/whiteBkgnd.gif);
	background-repeat: repeat-x;}
.topLogo {
	height: 110px;
	background-image: url(/Common/Img/topHalfTRA.gif);
	background-repeat: no-repeat;
	background-position: 329px 12px;}
.pageBanner {
	width: 415px;
	border-bottom-style: solid;
	border-bottom-color: #707070;
	border-bottom-width: 15px;}
.logoContainer {
	height: 95px;
	background-color: #707070;
	background-image: url(/Common/Img/logoBackground.jpg);
	background-repeat: no-repeat;}
.logo {padding: 15px 0px 0px 135px;}
.property {width: 275px;}
.main {background-image: none;}
.leftMaster {
	float: left;
	width: 530px;
	padding: 54px 0px 90px 0px;
	background-image: url(/Common/Img/bottomHalfTRA.gif);
	background-repeat: no-repeat;
	background-position: 386px 110px;}
.leftArea {
	position: absolute; 
	width: 170px;
	left: 0px;
	text-align: center;
}
.content {
	width: 415px;
	margin-left: 90px;
	padding-bottom: 80px;}
.contentWide {
	width: 680px;
	margin-left: 90px;
	padding-bottom: 80px;}
.rightMaster {
	margin-left: 530px;
	background-color: #E0E0E0;}
.footer {
	margin-left: 45px;
	padding-left: 55px;
	background-image: url(/Common/Img/grayTRAFooter.gif);
	background-repeat: no-repeat;}
.commercialImage, .residentialImage {float:left;}
.featuredText {margin-left:115px;}





/* -------------- Home Page Overrides of Layout -------------- */
#home .main {
	background-image: url(/Common/Img/largeTRABkgnd.gif);
	background-repeat: no-repeat;
	background-position: 0px 25px;}
#home .leftMaster {
	float: left;
	width: 470px;
	padding: 50px 35px 80px 0px;
	background-image:none;}
#home .content {
	width: 255px;
	margin-left: 180px;
	padding-bottom: 55px;}
#home .rightMaster {
	margin-left: 470px;
	padding: 50px 0px 70px 15px;
	background-color: #F1F1F1;}
#home .footer {
	margin-left: 135px;
	padding-left: 55px;
	background-image: url(/Common/Img/blueTRAFooter.gif);
	background-repeat: no-repeat;}
	


/* -------------- View Properties & Staff Page Overrides of Layout -------------- */
#categoryViewProperty .leftMaster, .categoryStaff .leftMaster {
	float: left;
	width: 780px;
	padding: 55px 20px 90px 0px;
	background-image: url(/Common/Img/largeTRABkgnd.gif);
	background-repeat: no-repeat;
	background-position: 290px 20px;}
	
#categoryViewProperty .topLogo, .categoryStaff .topLogo {background-image: none;}
	


/* -------------- Menu -------------- */
.menu {
	height: 47px;
	background-color:#e0e0e0;}
.menuHolder {
	height: 27px;
	background-color: #1D435B;}
.menuHolder ul {
	margin: 0px;
	padding-left: 10px;
	padding-top: 8px;
	list-style: url(none) none;}
.menuHolder li {
	float: left;
	padding-right: 7px;}
.menuHolder li a {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	padding: 3px;
	float: left;
	border-top: 1px solid #8c9fab;
	border-right: 1px solid #8c9fab;
	border-bottom: 1px none #8c9fab;
	border-left: 1px solid #8c9fab;}
.menuHolder li a:hover {text-decoration: underline;}
.menuHolder li li a {
	border:none;
	color:#1d4358;
	padding-right: 12px;
	float: left;}



/* -------------- Display and hide second level menus -------------- */
.menuHolder li ul {
	left: 0px;
	top: 115px;
	display: none;
	position:absolute;
	white-space:nowrap;}
	
.menuHolder #menuHome {display: none;}

.categoryPropertyMgmt #menuPropertyMgmt ul,
.categoryApartmentLeasing #menuApartmentResidential ul,
	.categoryCommercialProperty #menuCommercialProperty ul,
	.categoryApartmentLeasing #menuApartmentLeasing ul,
	.categoryResidentialSales #menuResidentialSales ul,
	.categoryContactUs #menuContactUs ul,
	.categoryStaff #menuStaff ul,
	.categoryCommercialBrokerage #menuCommercialBrokerage ul, 
	#staticCommercialProperty #menuCommercialProperty ul {display:block;}



/* -------------- Buttons -------------- */
.viewProperties a {
	display: block;
	margin-left: 25px;
	padding: 5px 0px 5px 0px;
	text-decoration: none;}

.viewProperties {
	background-image: url(/Common/Img/grayHouse.gif); 
	background-repeat: no-repeat;}
.commercial .viewProperties {
	background-image: url(/Common/Img/redHouse.gif); 
	background-repeat: no-repeat;}
.residential .viewProperties {
	background-image: url(/Common/Img/blueHouse.gif); 
	background-repeat: no-repeat;}



/* -------------- Commercial & Residential view links in Right Master -------------- */
.commercialView, .residentialView {
	padding: 5px;
	margin: 0px;
	margin-bottom: 10px;
	border: 1px solid #B0B0B0;}

.commercialView .viewProperties {
	background-image: url(/Common/Img/redHouse.gif);
	background-repeat: no-repeat;}
.residentialView .viewProperties {
	background-image: url(/Common/Img/blueHouse.gif);
	background-repeat: no-repeat;}



/* -------------- Tables & Datagrids -------------- */
.propertyViewTable {
	width: 660px;
	padding: 0px;
	margin-top: 12px;
	border-top: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;}
.tableRow td, .tableAltRow td {
	vertical-align: top;
	padding: 5px 0px 5px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;}
.tableHead td, .tableHead td a  {
	color: #FFFFFF;
	font-size: 11px;
	padding: 8px 0px 8px 5px;
	border: none;}
.commercialDataTable .tableHead, .commercial .tableHead {background-color: #782836;}
.residentialDataTable .tableHead, .residential .tableHead {background-color: #1D435B;}



a.propertyButton {
	padding: 5px;
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #E0E0E0;}
.residentialDataTable a.propertyButton {background-color: #1D435B;}
.residentialDataTable a.viewProperties {
	background-image: url(/Common/Img/redHouse.gif);
	background-repeat: no-repeat;}
.commercialDataTable a.propertyButton {background-color: #782836;}
.commercialDataTable a.viewProperties {
	background-image: url(/Common/Img/blueHouse.gif);
	background-repeat: no-repeat;}

.staffRow {
	margin-top: 12px;
	padding-bottom: 15px;
	border-bottom: 1px solid #E0E0E0;}
.staffText {
	float: left;
	width: 545px;}
.staffPhoto {margin-left: 560px;}



/* -------------- Agent's Profile Styling -------------- */
.TRA a {color: #000000;}
.TRA .col1 {width: 680px;}

.tDetailedProperty {
	width: 240px;
	margin-top: 15px;
	border-top: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;}
.tDetailedProperty a {color: #000000;}



/* -------------- Detailed Property View Styling -------------- */
.commercial H1, .residential H1, .TRA H1 {width: 255px;}
.2ColLayout {width:680px;}
.col1 {
	float: left;
	width: 380px;}
.col2 {margin-left: 415px;}

.icon {
	width: 45px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E0E0E0;}

.featuredImage {
	border-bottom-width: 10px;
	border-bottom-style: solid;}
.commercial .featuredImage {border-bottom-color: #782836;}
.residential .featuredImage {border-bottom-color: #1D435B;}
.TRA .featuredImage {border-bottom-color: #707070;}



/* --------------Text Styling -------------- */
.commercial H1 {background-color: #782836;}
.residential H1 {background-color: #1D435B;}
H1, .commercial H1, .residential H1 {width: 255px;}


.commercial H2, .commercial H3, .commercial H4, .commercialView H2, .commercialView H4  {color: #782836;}
.residential H2, .residential H3, .residential H4, .residentialView H2, .residentialView H4  {color: #1D435B;}

.commercial .pageBanner {
	width: 415px;
	border-bottom-style: solid;
	border-bottom-color: #782836;
	border-bottom-width: 15px;
}
.residential .pageBanner {
	width: 415px;
	border-bottom-style: solid;
	border-bottom-color: #1D435B;
	border-bottom-width: 15px;
}
	
.pageHeadline, .pageHeader {
	margin: 0px;
	padding: 0px;
	color: #706F6F;}
.pageHeadline {font-size: 22px;}
.pageHeader {font-size: 16px;}

.commercial .footer {
	margin-left: 45px;
	padding-left: 55px;
	background-image: url(/Common/Img/redTRAFooter.gif);
	background-repeat: no-repeat;}
.residential .footer {
	margin-left: 45px;
	padding-left: 55px;
	background-image: url(/Common/Img/blueTRAFooter.gif);
	background-repeat: no-repeat;}
	
.dataGrid {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #636363;
	margin: 0px;
	width: 520px;
	border: 1px solid #eaeaea;
}	
.dataHeaderStyle {
	font-size: 10px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	background-color: #782836;
	height: 20px;}

.dataItemStyle {background-color: #ffffff; height: 20px;}
.dataAltItemStyle {background-color: #eaeaea; height: 20px;}