﻿/* CSS Document */
/***********************************************************************/
/* Site.......: Carol Petruzzo Florida Real Estate Site                */
/* Title......: Carol Petruzzo Florida Real Estate Style Sheet         */
/* File.....:   CarolPetruzzoRealEstateStyleSheet.css                  */
/* Description: Style Sheet for Carol Petruzzo's Real Estate Site      */
/* ====================================================================*/
/* Colors Used:                                                        */
/* Hex     RGB         Name        Use                                 */
/* _______ ___________ ___________ __________________________________  */
/* 000000  000-000-000 Black                                           */
/* FFFFFF  255-255-255 White                                           */
/* FEF9B4  254-249-180 Yellow      Backgrounds                         */
/* F0BB00  240-187-000 Dark Gold   Borders                             */
/* FAE7B2  251-231-194 Light Gold  Dividers                            */
/* FF0000  255-000-000 Dark Red    Menu Link Hover                     */
/* ====================================================================*/
/* Change Log                                                          */
/* Who When       What                                                 */
/* ___ __________ ____________________________________________________ */
/* TAB 11/21/2004 Created                                              */
/***********************************************************************/

/***********************************************************************/
/* Page Body Format                                                    */
/***********************************************************************/
.pageBody {
   margin:			   0 0 0 0;
   background-color:   #000000;
}
/***********************************************************************/
/* Banner Formats                                                      */
/***********************************************************************/
.bannerTable1 {
	border-top:       14px solid #000000;
	border-bottom:    14px solid #000000;
	border-left:      14px solid #000000;
	border-right:     14px solid #000000;
}
.bannerTable2 {
/*	background-color: #FFF0B3;  */
	background-color: #FFFFFF;
	border-top:       6px solid #F0BB00;
    border-bottom:    6px solid #F0BB00;
	border-left:      6px solid #F0BB00;
	border-right:     6px solid #F0BB00;
	text-align:       left;
	vertical-align:   top;
}
.bannerTitle1 {
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        14pt;
	font-style:       normal;
	font-weight:      bold;
	color:            #000000;
	text-align:       left;
	vertical-align:   middle;	 
}
.bannerTitle2 {
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        12pt;
	font-style:       normal;
	font-weight:      normal;
	color:            #000000;
	text-align:       left;
	vertical-align:   middle;	 
}

/***********************************************************************/
/* Page Attributes   	                                               */
/***********************************************************************/
.pageContentTable {
	background-color: #FEF9B4; 
	border-top:       0px solid #000000;
    border-bottom:    14px solid #000000;
	border-left:      14px solid #000000;
	border-right:     14px solid #000000;
}

/***********************************************************************/
/* Left Menu Attributes   	                                           */
/***********************************************************************/
.leftMenuTable {
	background-color: #FEF9B4;
	text-indent:   10; 
}
.leftMenuDivider {
	background-color: #000000;
	height:           6px;
	text-align:       left;
	vertical-align:   top;
}
.leftMenuItemLink {
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        10pt;
	font-style:       normal;
	font-weight:      bold;
	text-decoration:  none; 
	color:            #000000;
	text-align:       left;
	vertical-align:   middle; 
}
a.leftMenuItemLink:active {
	color:            #000000;
}
a.leftMenuItemLink:link {
	color:            #000000;
}
a.leftMenuItemLink:visited {
	color:            #000000;
}
a.leftMenuItemLink:hover{
	color: #C40000;
}
/***********************************************************************/
/* Content Area Attributes   	                                           */
/***********************************************************************/
.contentHeaderTable {
	background-color: #FEF9B4;
	border-top:       4px solid #F0BB00;
    border-bottom:    4px solid #F0BB00;
	border-left:      4px solid #F0BB00;
	border-right:     4px solid #F0BB00;
}
.contentHeaderText1 {
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        20pt;
	font-style:       normal;
	font-weight:      bold;
	color:            #000000;
	text-align:       center;
	vertical-align:   top; 
}
.contentHeaderText2 {
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        10pt;
	font-style:       italic;
	font-weight:      bold;
	color:            #000000;
	text-align:       center;
	vertical-align:   top; 
}
.contentHeaderText3 {
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        10pt;
	font-style:       normal;
	font-weight:      normal;
	color:            #000000;
	text-align:       center;
	vertical-align:   bottom; 
}
.contentAreaTable {
	background-color: #FFFFFF;
	border-top:       0px solid #F0BB00;
    border-bottom:    4px solid #F0BB00;
	border-left:      4px solid #F0BB00;
	border-right:     4px solid #F0BB00;
	vertical-align:   top; 
}
.contentAreaPropertyLeftColTable {
	background-color: #FFFFFF;
	border-right:     4px solid #F0BB00;
    border-bottom:    4px solid #F0BB00;
	text-align:       left;
	vertical-align:   top;
}
.contentAreaPropertyRightColTable {
    background-color: #FFFFFF;
    border-bottom:    4px solid #F0BB00;
	text-align:       left;
	vertical-align:   top;
}
.contentAreaPropertyPicture {
	border:           0;
	height:           200px;	
	width:            300px; 
	vertical-align:   top; 
}
.contentAreaPropertyPictureDescription {
	border:           0;
	height:           277px;	
	width:            300px; 
	vertical-align:   top; 
}
.contentAreaPropertyTextHeader {
    font-family:      Arial, Helvetica, sans-serif;
	color:            #000000;
	font-size:        10pt;
	font-style:       normal;
	font-weight:      bold;
	text-align:       left;
	vertical-align:   top;
}
.contentAreaPropertyText {
    font-family:      Arial, Helvetica, sans-serif;
	color:            #000000;
	font-size:        10pt;
	font-style:       normal;
	font-weight:      normal;
	text-align:       left;
	vertical-align:   top;
	height:           75px;  
}
.contentAreaPropertyDivider {
	background-color:  #FAE7B2;
	height:           15px;	
	vertical-align:   bottom; 
}
.contentAreaTitleText {
    font-family:      Arial, Helvetica, sans-serif;
	color:            #000000;
	font-size:        14pt;
	font-style:       normal;
	font-weight:      bold;
	text-align:       center;
	vertical-align:   top;
}
.contentAreaText {
    font-family:      Arial, Helvetica, sans-serif;
	color:            #000000;
	font-size:        12pt;
	font-style:       normal;
	font-weight:      normal;
	text-align:       left;
	text-indent:      25px;
	vertical-align:   top;
}
.contentAreaLink {
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        14pt;
	font-style:       normal;
	font-weight:      bold;
	text-decoration:  none; 
	color:            #000000;
	text-align:       center;
	vertical-align:   middle; 
}
a.contentAreaLink:active {
	color:            #000000;
}
a.contentAreaLink:link {
	color:            #000000;
}
a.contentAreaLink:visited {
	color:            #000000;
}
a.contentAreaLink:hover{
	color:            #C40000;
}

.contentAreaPropertyDetailPicture {
	border:           0px;	
	height:           400px;	
	width:            600px; 
	vertical-align:   top; 
}
.contentAreaPropertyDetailAdditionalPicture {
	border:           0px;
	height:           200px;	
	width:            300px; 
	vertical-align:   top; 
}
