* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#LocationMap div { border: solid 0px black; margin: 0px; }
#LocationMap input, #LocationMap .location  { border: solid 0px blue; margin: 0px; }

#LocationMap {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	line-height: 1.8;
	color: #333333;
	background:url(/CMSTemplates/PMI/images/main-background-strip.jpg);
	background-repeat: repeat-x;
	background-color: #A4B6C0;
}

#Wrap {
	width: 800px;
	height: 1000px;
	margin: 15px auto;
	border: solid 2px #4B4D51;
	padding: 0px;
	background-color: #A4B6C0;
}

a 
{
	color: #00632F !important;
	text-decoration: none;
}	a:hover 
	{
		color: #00632F !important;
		text-decoration: underline;
	}

p, ul, h1 {
	margin-bottom: 10px;
}
ul {
	margin-left: 16px;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #00632F;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #B3CA8A;
}

#Header 
{
    background-color: #FFF;
	width: 800px;
	height: 212px;
	border: solid 0px yellow;
}
#Logo {
	background:url(/CMSTemplates/PMI/images/logo.gif) no-repeat;
	width: 183px;
	height: 212px;
	margin: 0px;
	float: left;
}
#ImageRotator {
	background-color: #FFF;
	width: 617px;
	height: 212px;
	float: left;
	border: solid 0px red;
}

#Content
{
    background:url(/CMSTemplates/PMI/Images/new-blue-background.gif) no-repeat;
    background-position: bottom;
    background-color: #CBEBFF;
	width: 800px;
	height: 787px;
	margin: 0 auto;
	border-top: solid 2px #4B4D51;
}

#locationNav
{
	margin-left: 115px;
	padding-left: 10px;
	width: auto;
	border-left: 2px solid #B3CA8A;
	
}#locationNav ul 
	{
		margin-left: 25px;
		list-style-type: circle;
		border: solid 0px blue;
		}
		#locationNav ul li {
			border: solid 0px red;
			}
	

#nav 
{
    float: left;
	margin-left: 18px;
	width: 580px;
	border-bottom: 1px solid #B3CA8A;
	height: 24px;
	padding-top: 12px;
	padding-left: 0px;
	text-align: left;
	font-size: 1em;
	letter-spacing: .2em;
	}
	#nav ul 
	{
		margin-left: 0px;
		display: inline;
		list-style: none;
		border: solid 0px blue;
		}
		#nav ul li {
			display: inline;
			border: solid 0px red;
			padding-right: 12px;
			}
		#nav ul li a {
			font-weight: bold;
			color: #000 !important;
			}
			#nav ul li a:hover {
				color: #00632F !important;
				text-decoration: none !important;
				}
			
.CMSListMenuHighlightedLI, .CMSListMenuLinkHighlighted, .CMSListMenuHighlightedLI a
{
	color: #00632F !important;
}		
	
				
				
#LeftColumn {
	float: left;
	margin-left: 18px;
	width: 580px;
	margin-top: 22px;
	border: dashed 0px black;
}

#RightColumn 
{
	border-left: solid 1px #B3CA8A;
	padding-top: 0px;
	float: left;
	margin-left: 18px;
	margin-right: 0px;
	vertical-align: top;
	width: 180px;
	margin-top: 22px;
}	


/****************  CONTENT ********************/

.DarkBlue { color: #008BAC; }
.LightBlue { color: #46C3D3; }
.DarkGreen { color: #00632F; }
.MediumGreen { color: #2BA343; }
.LightGreen { color: #B3CA8A; }
.GrayBorder { color: #E3E2E6; }

.propertySearchDropDown
{
    background-color: #D0EDFD;
    background-color: #B3CA8A;
    background-color: #FFF;
    
    color: #00632F;
    font-weight: bold;
    border: solid 1px #00632F;
    width: 160px;
    float: left;
    margin: 15px 0px 0px 30px;
}

#PropertyList { margin-top: -15px;}

#PropertyList .property 
{
	margin: 15px 0px 10px 0px;
}

#PropertyList .property img 
{
	float: left;
	height: 105px;
	width: 150px;
	border: solid 1px #00632F;
	background-color: #B3CA8A;
	padding: 4px;
	margin-right: 18px;
}

#FeaturedProperties .property 
{
   	border: solid 0px black;
   	margin-top: 5px;
   	margin-bottom: 0px;
   	padding-left: 10px;
}

#FeaturedProperties .property img 
{
    height: 105px;
	width: 150px;
	padding: 4px;
	border: solid 1px #00632F;
	background-color: #B3CA8A;
}


#PropertyList .property .info 
{
	float: left;
}

#FeaturedProperties .propertyName, #Property .propertyName, #PropertyList .propertyName
{
	margin-top: 0px;
	padding-top: 0px;
	color: #00632F;
	font-size: 1.4em;	
}
#FeaturedProperties .propertyName
{
   	font-size: 1.1em;	
}

#FeaturedProperties .propertyLocation,#Property .propertyLocation, #PropertyList .propertyLocation
{
	color: #000;
	font-size: 1.1em;	
	font-weight: bold;
}

#Property .images  
{
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	border: solid 0px red; 
}

#Property .images .thumbnails  
{
	margin-right: 0px;
	padding: 0px;
	width: 294px;
	border: solid 0px black;
	float: left;
	text-align: right;
}


#Property .propertyDescription
{
	float: left;
	margin-top: 10px;	
	width: 550px;
}

#PropertyMap 
{
    float: left;
	margin-top: 10px;	
	width: 250px;
	height: 250px;
}

.breadCrumb 
{
    float: right; 
    margin-top: 3px;
}

#GMapContainer
{
    border: solid 5px #B3CA8A;
}

#Property ul.propertyOptions
{
	font-size: 1em;
	margin: 5px 0px 0px 0px;
	list-style-type: none;	
	text-align: left;
	border: solid 0px black;
	width: 285px;
	float: left;
}

#Property ul.propertyOptions li
{
    float: left;
    padding-right: 5px;
}

#Property ul.propertyOptions li img
{
    margin-right: 10px;
    border: solid 0px black;
}


#Property img.mainImage
{
	float: left;
	height: 200px;
	width: 266px;
	padding: 4px;
	border: solid 1px #00632F;
	background-color: #B3CA8A;
	margin-right: 4px;
}

#Property img.smallerImage
{
	float: left;
	height: 85px;
	width: 115px;
	padding: 3px;
	background-color: #B3CA8A;
	border: solid 1px #00632F;	
	margin: 0px 0px 24px 24px;
}




#LocationMenu
{	
	margin: 10px 20px 10px 125px;
	border-left: solid 1px #333333;
	padding-left: 15px;
}

#LocationMenu h1, #LocationMenu ul
{
	color: #555555;
}


#LocationMenu a { color: #008BAC; }
#LocationMenu a:hover { color: #46C3D3; }


#LocationMenu ul
{
	margin: 2px 20px 0px 0px;
	list-style-type: none;	
	text-align: left;
}

#LocationMenu li
{
	margin: 0px 0px 7px 0px;
}

.featuredProperty
{
	margin: 10px 0px 5px 0px;
}
 
.person 
{
	width: 550px;
	border: solid 0px yellow;
	margin-bottom : 5px;
}

.personName 
{
	clear: both;
	font-size: 16px;
	font-weight: bold;
	color: #00632F;
	margin-bottom: 15px;
	margin-top: 5px;
}

.personPortrait 
{	
	float: left;
	padding: 4px;
	border: solid 1px #00632F;
	background-color: #B3CA8A;
	margin: 0px;
	height: 150px;
	width: 150px;
}

.personBiography 
{
	float: right;
	width: 375px;	
	margin-left: 5px;
	border: solid 0px black;
}
                   
/****************** MODAL POPUP ******************/

.modalBackground { background-color:Gray; filter:alpha(opacity=70); MozOpacity: 0.7; opacity:0.7;}
    .modalPopup  
    {
    	width: 400px; 
    	text-align: left; 
    	cursor: move;
    	background-color: #FFF; 
    	border:2px solid #00632F; 
    	color: #333333; 
    	padding:10px;
    	padding-bottom: 5px; 
    	margin:10px; 
    }    
    .modalPopup .header { vertical-align: top; width: auto; background-color:#307397; color:#FFF; border-bottom: 1px solid #307397; padding: 7px; margin: 0px 0px 0px 0px; font-weight: bolder; font-size: 14px; text-align: left;}
    .modalPopup .errorheader { vertical-align: top; width: auto; background-color:#307397; color:Red; border-bottom: 1px solid #307397; padding: 7px; margin: 0px 0px 0px 0px; font-weight: bolder; font-size: 14px; text-align: left;}
    .modalPopup .footer { clear: both; text-align: right; padding: 10px; }
    .modalPopup .body { text-align: left; margin: 15px; font-family: Verdana, Arial; font-size: 10pt; color: Red; }
    .modalPopup .header .close { vertical-align: top; cursor: pointer; margin: 1px 0px 7px 0px; padding: 1px 3px 1px 3px; font-size: 18px; font-weight: bolder; color: #CCCCCC; }
    .modalPopup .leftPane { width: 150px auto; float: left; padding : 15px; }
    .modalPopup .rightPane { width : 450px auto; float: left; vertical-align: middle; padding: 15px; }
    .modalPopup .errorMessage { margin: 5px 2px 5px 2px; }

#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}

#processMessage { 
    position:fixed; 
    top:30%; 
    left:43%;
    padding:10px; 
    width:14%; 
    z-index:1001; 
    text-align: center;
    background-color:#EFF0F0;
    color: #307397;
    font-size: 10pt;
    border:solid 1px #307397;
}


/***************** FORMS **********************/

.formControl
{
	font-family: Helvetica, Arial Narrow, Arial; 
	font-size: 8pt; 
	padding: 3px;
	width: 100% auto;
	clear: both;
}

.formControl .formRow
{
	padding-left: 5px;
	padding-top: 2px;
	clear: both;
}

.formControl .formField
{
	color:#307397; 
	font-weight: bolder;
	width: 275px auto;
	float: left;
}

.formControl .formButtons
{
	width: 100% auto;
	text-align: right;
	margin-top: 25px;	
}

.formControl h2
{
	clear: both;
	font-size: 10pt;
	padding: 7px 0px 2px 0px;
	border-bottom: solid 1px #307397; 
}

.formControl label
{
	font-weight: bolder;
	font-size: 8pt;
	color: #333333;
	margin-right: 7px;
	margin-left: 7px;
}

.formControl label.fieldHorizontal
{
	float:left;
	text-align: right;
	line-height: 25px;
	height: 25px;
	width: 70px;
	vertical-align: baseline;
}

.formControl label.field
{
	float:left;
	text-align: right;
	line-height: 25px;
	height: 25px;
	width: 100px;	
	vertical-align: baseline;
}

.formControl .formSubmit, .button
{
	cursor: pointer;
	margin-top: 5px; margin-left: 5px; height: 24px; 
	width: auto; 
	background-color: #00632F; 
	border: solid 1px #000000; color: White;
}

.errorMessage {margin: 10px; color: Red; font-size: 8pt;}