﻿body
{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;    
    background-image: url("images/bodyback.png");
    background-repeat:repeat-x;
    background-color: #324c99;
	font-family:"Times New Roman", Times, serif;
	font-size:62.5%;
}
    
#wrap
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;      
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

#wrap #header
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;      
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 156px;
}

#wrap #header #banner
{
    height: 127px;
    background-image: url("images/VE_Logo.gif");
    background-repeat:no-repeat;
    background-position: 40px 40px;
}

#wrap #header #banner #contactinfo
{
    padding-top: 37px;
    padding-right: 15px;
    float: right;
}

#wrap #header #banner #contactinfo p
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 1.8em;
	font-weight:600;     
	color: #192459;
}

#wrap #header #banner #contactinfo p.phonenumber{
	font-size: 4.8em;
}


#wrap #header #navigation
{   
    font-size:1.4em;
    height: 29px;
	clear:both;
	float:left;
	width:100%;
	margin-top:-6px;
}

#wrap #header #navigation ul
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;      
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-top: 7px;	  
	display:block;
}

#wrap #header #navigation ul li
{
  
    background-image: url("images/LinkSeparator.png");
    background-repeat:no-repeat;
    list-style-type:none;
    display: block;
    color: #FF0000;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
	font-size:0.7em;
	float:left;
	text-transform:uppercase;
}

#wrap #header #navigation ul li a
{    
    color: #FFFFFF;
    text-decoration: none;
	font-size:0.9em;
	text-transform:uppercase;
	font-weight:bold;
}

#wrap #main { clear:both; width:100%; background-color:#FFFFFF; }

#wrap #main #left { background-color:#FFFFFF; width:50%; float:left; clear:both; }
#wrap #main #left #content h1 { width:96%; margin-left:auto; margin-right:auto; clear:both; color: #192459; font-size:2.4em; text-transform:uppercase; }
#wrap #main #left #content h2 { width:96%; margin-left:auto; margin-right:auto; clear:both; color: #968757; font-size:2.0em; text-transform:uppercase; }
#wrap #main #left #content p { width:96%; margin-left:auto; margin-right:auto; clear:both; color:#333333; font-size:1.6em; }
#wrap #main #left #content ul { font-size:1.6em; }


#wrap #main #middle { background-color:#FFFFFF; width:100%; float:right; }
#wrap #main #middle h1 { width:96%; margin-left:auto; margin-right:auto; clear:both; color: #192459; font-size:2.4em; text-transform:uppercase; }
#wrap #main #middle h2 { width:96%; margin-left:auto; margin-right:auto; clear:both; color: #968757; font-size:2.0em; text-transform:uppercase; }
#wrap #main #middle h3 { width:96%; margin-left:auto; margin-right:auto; clear:both; color: #968757; font-size:1.6em; text-transform:uppercase; }
#wrap #main #middle h4 { width:96%; margin-left:auto; margin-right:auto; clear:both; color: #968757; font-size:1.4em; text-transform:uppercase; }
#wrap #main #middle h5 { width:96%; margin-left:auto; margin-right:auto; clear:both; color: #192459; font-size:1.2em; }
#wrap #main #middle p { width:96%; margin-left:auto; margin-right:auto; clear:both; color:#333333; font-size:1.6em; }
#wrap #main #middle form { width:96%; margin-left:auto; margin-right:auto; clear:both; color:#333333; font-size:1.4em; }
#wrap #main #middle form p { width:96%; margin-left:auto; margin-right:auto; clear:both; color:#333333; font-size:1.6em; }
#wrap #main #middle label { width:49%; float:left; clear:both; line-height:30px; }
#wrap #main #middle input, select, textarea { width:49%; float:right; margin-bottom:3px; margin-top:3px; }
#wrap #main #middle table { width:96%; margin-left:auto; margin-right:auto; text-align:center;  }
#wrap #main #middle table td { border:#CCCCCC 1px solid; font-size:1.1em; }
#wrap #main #middle table td p.facts { font-size:1.1em; }
#wrap #main #middle table td a { font-size:1.1em; font-weight:bold; color:#324C99; text-decoration:none; margin-bottom:10px; }
#wrap #main #middle table td a:hover { font-size:1.1em; font-weight:bold; color:#324C99; text-decoration:underline; margin-bottom:10px; }
#wrap #main #middle a { font-size:1.1em; font-weight:bold; color:#6324C99; text-decoration:none; margin-bottom:0px; margin-top:0px; }
#wrap #main #middle a:hover { font-size:1.1em; font-weight:bold; color:#324C99; text-decoration:underline; margin-bottom:0px; margin-top:0px; }
#wrap #main #middle .divider { background-color: #968757; line-height:1px; width:96%; margin-left:auto; margin-right:auto; }
#wrap #main #middle ul { width:96%; margin-left:auto; margin-right:auto; clear:both; text-align:left; color:#333333; font-size:1.2em; }
#wrap #main #middle #jargonIndex { width:96%; margin-left:auto; margin-right:auto; text-align:center; font-size:1.8em; line-height:30px; border:#CCCCCC 1px solid; }

#wrap #main #right { background-color:#FFFFFF; width:49%; float:right; }
#wrap #main #right h1 { width:96%; margin-left:auto; margin-right:auto; clear:both; color: #192459; font-size:2.4em; text-transform:uppercase; }
#wrap #main #right p { width:96%; margin-left:auto; margin-right:auto; clear:both; color:#333333; font-size:1.6em; }
#wrap #main #right form { width:96%; margin-left:auto; margin-right:auto; clear:both; color:#333333; font-size:1.4em; }
#wrap #main #right form p { width:96%; margin-left:auto; margin-right:auto; clear:both; color:#333333; font-size:1.6em; }
#wrap #main #right label { width:49%; float:left; clear:both; line-height:30px; }
#wrap #main #right input, select, textarea { width:49%; float:right; margin-bottom:3px; margin-top:3px; }

#wrap #main #content
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;      
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;   
	background-color: #FFFFFF;    
}

#wrap #footer
{    
	background-color: #192459;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	clear:both; 
}

#wrap #footer p.fLeft
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;	
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color:#FFFFFF;
	font-size: 1.1em;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana;
	width:70%;
	float:left; clear:both;
}

#wrap #footer p.fRight
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;	
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color:#FFFFFF;
	font-size: 1.1em;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana;
	width:20%;
	float:right;
	text-align:right;
}

#wrap #footer a
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;      
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color:#FFFFFF;    
	font-family: Verdana;    
}

#wrap #footer img
{
     padding-top: 1px;
    
}

.FivePxHigh{height:5px; }
.TenPxHigh{height:10px; }
.FivePxWide{width:15px; }
.floatLeft{float: left;}
.floatRight{float: right;}
.HundredPcWide{width: 100%;}
.clearAll{clear:both;}
.padfifthteen{padding-left: 15px;}
.padten{padding-left: 10px; padding-right: 10px;}

/*******************************HOME PAGE SPECIFIC***********************************/

#wrap #main #middle #HomeContentBanner
{
    background-image: url("images/HomeContentBanner.png");
    height: 121px;
    background-repeat:no-repeat;
    margin-left: auto;
    margin-right: auto;
	width:98%;
	margin-right:auto;
	margin-left:auto;
}

#wrap #main #middle #HomeContentBanner #propertySearch
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;	
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;	
	float: right;
	width: 50%;
	height: 121px;   
}

#wrap #main #middle #HomeContentBanner #propertySearch form { width:100%; }

#wrap #main #middle #HomeContentBanner #propertySearch form h2
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #a59560;
	font-family: Times New Roman;
	font-size: 1.9em;
	font-weight:100;
}

#wrap #main #middle #HomeContentBanner #propertySearch form td
{
    height: 30px;
	border:none;
}

#wrap #main #middle #HomeContentBanner #propertySearch form table td label
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;	
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;	
	float:right;
	color: #FFFFFF;
	font-family: Times New Roman;
	font-size: 1.0em;
	width:100%;    
}

#wrap #main #middle #HomeContentBanner #propertySearch form .dropdown
{
    width: 160px;
}

#wrap #main #middle #HomeContentBanner #propertySearch form .button
{
    background-color: #a59560;
    color: #FFFFFF;
    border:0;
    font-family: Times New Roman;
    font-weight:100;
    width: 40px;
    height: 22px;
	margin-right:6px;
    
}

#wrap #main #middle #local
{
    float:right;
    padding-left: 5px;
    border-left: dashed 1px #CCCCCC;
    width: 40%;    
}

#wrap #main #middle #homeContent { width:58%; float:left; clear:both; background-color:#FFFFFF; }

#wrap #main #middle #local img
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 61px;
	width: 81px;
	float: left;
	padding-top: 10px;
	padding-left: 2px;
	padding-right: 2px;
}

#wrap #main #middle #HorizontalRule
{
    height: 5px;
    width: 96%;
    border-bottom: dashed 1px #CCCCCC;
	clear:both;
	margin-left:auto;
	margin-right:auto;
}


#wrap #main #middle #LatestProperties
{
    width: 96%;    
    padding-top: 5px; 
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

#wrap #main #middle #LastestProperties h1 { text-align:left; float:left; }

#wrap #main #middle #LatestProperties .property {float: left;  width: 131px; padding-left: 2px; padding-right: 2px; text-align:left;}
#wrap #main #middle #LatestProperties .property img {width: 131px; height: 88px; margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;}
#wrap #main #middle #LatestProperties .property h4 {font-size: 1.4em; font-weight:bold; font-family:Times New Roman; color: #1b1247; margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px; text-align:left;  }
#wrap #main #middle #LatestProperties .property ul{float:left; margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 13px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px; }
#wrap #main #middle #LatestProperties .property ul li{float:left; list-style-type:disc; clear: left;font-size: 0.6em;font-weight:600;font-family:Arial; color: #000000; margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px; }
#wrap #main #middle #LatestProperties .property p { text-align:left; }
#wrap #main #middle #LatestProperties .property a{background-color: #1b1247; float:left; color:#FFFFFF; font-size: 0.8em; padding-left: 2px;padding-right: 2px;padding-top: 2px;padding-bottom: 2px; text-decoration: none;margin-left: 2px;margin-right: 2px; font-family:Arial;}



/* CLASS TO DISPLAY MODULE NAMES FOR DEV TOOL */
.showModule { clear:both; float:left; margin-top:3px; margin-bottom:3px; background-color:#FFFF99; border:#FF0000 solid 1px; width:100%; font-size:12px; font-family:Trebuchet MS; color:#FF0000; line-height:25px; text-align:center; }
/* CLASS TO CLEAR ALL IN FIREFOX */
.clearALL { clear:both; width:100%; background-color:none; line-height:1px; }
