/* == GLOBALS == */

body
{
   color: #454545; 
   padding: 0px;
   font-size: 11px;
   background: url(images/bg.jpg) fixed repeat-x;
   margin: 0px;
   behavior: url(../csshover.htc);
   line-height: 1.3em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
}

h1
{
   padding-right: 0px;
   padding-left: 0px;
   font-size: 16px;
   padding-bottom: 0px;
   margin: 5px 0px 10px;
   color: #282c7e;
   padding-top: 0px;
   font-style: italic;
}

h2 {
font-size:12px;
font-style:italic;
color:#282c7e; 
padding:0;
margin-left:0;
margin-right:0;
margin-top:5;
margin-bottom:10;
}

h3{
   padding-right: 0px;
   padding-left: 0px;
   font-weight: bold;
   font-size: 12px;
   padding-bottom: 0px;
   margin: 5px 0px 10px;
   color: #282c7e;
   padding-top: 0px;
}

h3.print
{
   background-image: none;
   color: black;
   margin-top: 0px;
   padding-top: 0px;
   margin-bottom: 0px;
   padding-bottom: 0px;
}

h4 {
font-size:12px;
font-weight:bold;
padding:0;
margin-left:0;
margin-right:0;
margin-top:5;
margin-bottom:10;
}

h5 {
font-size:12px;
font-weight:bold;
padding:0;
margin-left:0;
margin-right:0;
margin-top:5;
margin-bottom:10;
}

a {
   font-weight: bold;
   color: #281e8c;
   text-decoration: none;
}

a:hover {
   font-weight: bold;
   color: #5351bc;
   text-decoration: underline;
}

a.hoverwhite
{
   color: #6f6dbc;
}
a.hoverwhite:hover
{
   color:#000000;
}

#hr {
background:url(images/hr.gif) no-repeat center;
margin-left:auto;
height:3px;
}

p {
padding:0;
margin-left:0;
margin-right:0;
margin-top: 3;
margin-bottom:2;
}

table {
font-size:11px;
padding:0;
}

td {
padding:0;
}

input, select 
{
   font-size: 11px;
}

.subheading
{
   padding: 3px;
   color: white;
   background-color: #3735bc;
   /*background-color: #2a24bb;*/
}

/* -- CLASSES -- */
.wrap {
padding:5px;
}

.wrap10 {
padding:10px;
}

.wrapPadLft {
padding-top:10px;
padding-left:6px;
}

.bold {
font-weight:bold;
}

.normal {
font-weight:normal;
}

.h1pad {
padding-top:10px;
padding-bottom:15px;
}

.h1pad2 
{
   margin: 0px;
   padding-left:5px;
   padding-bottom:25px;
}

.white {
color:#FFFFFF;
}	

.maroon {
color:#383275;
}

.button {
background:white;
text-decoration:none;
font-size:10px;
color:#383275;
}

.rightColh2Pad {
padding-top:10px;
padding-bottom:5px;
}

.msg
{
   width: 100%;
   color: red;
   border-top-style: none;
   border-right-style: none;
   border-left-style: none;
   text-align: center;
   border-bottom-style: none;
}

.ma
{
   padding-bottom: 2px;
   padding-top: 1px;
}

.red
{
   color: Red;
}

/* -- TABLE CLASSES -- */

.tborder
{
   border-right: black 1px solid;
   padding-right: 0px;
   border-top: black 1px solid;
   padding-left: 0px;
   padding-bottom: 0px;
   border-left: black 1px solid;
   padding-top: 0px;
   border-bottom: black 1px solid;
   border-collapse: collapse;
}
.tbhead
{
   border-right: black 1px solid;
   padding-right: 5px;
   border-top: black 1px solid;
   padding-left: 5px;
   font-weight: bold;
   border-left: black 1px solid;
   border-bottom: black 1px solid;
   background-color: #c3c1e6;
}
.tbodd
{
   padding-right: 5px;
   padding-left: 5px;
   background-color: #aeb5f0;
}
.tbeven
{
   padding-right: 5px;
   padding-left: 5px;
}
.tboddsmall
{
   border-right: black 1px solid;
   padding-right: 5px;
   padding-left: 5px;
   font-size: xx-small;
   border-left: black 1px solid;
   background-color: #aeb5f0;
}
.tbevensmall
{
   border-right: black 1px solid;
   padding-right: 5px;
   padding-left: 5px;
   font-size: xx-small;
   border-left: black 1px solid;
}


/* == LAYOUT == */

#outerContainer
{
   width: 1140px;
   text-align: center;
   margin:0 auto;
   position:relative;
}

#topContainer {
width:820px;
height: 45px;
!height:55px;
margin:0 auto;
top:0px;
position:relative;
padding-top: 40px;
}


#logo {
left: 10px;
font-weight: bold;
line-height: normal;
font-size: 30px;
position: absolute;
}

#logo a 
{
   color: #333;
}

#logo a:hover 
{
   color: Gray;
}

#countrySelect 
{
color:#b4648c;
font-size:10px;
padding-top:40px;
margin-right:20px;
text-align:right;
z-index: 10;
}

#countrySelect ul{	
list-style:none;
}

#countrySelect li{
display:inline;
margin-left:20px;
}

#container {
width:820px;
margin:0 auto;
text-align:left;
   background: White;
}

#leftContainer
{
   position: absolute;
   width: 1px;
}

#leftBar 
{
   text-align: center;
   width: 150px;
   height: 600px;
   margin: 10 auto;
   top: 50px;
   left: -160px;
   position: relative;
   padding-top: 50px;
   padding-right: 10px;
   border-right: solid 1px #dcdcdc;
}

#leftBar h4
{
   margin: 0px;
   padding: 0px;
}

#leftBar a
{
   text-decoration: underline;
}

#rightContainer
{
   position: absolute;
   width: 1px;
}

#rightBar 
{
   text-align: left;
   width: 270px;
   margin: 10 auto;
   top: 50px;
   left: 830px;
   position: relative;
}

#bg {
width:820px;
height:100%;
padding-top:78px;
padding-bottom:50px;
}

#header {
width: 818px;
background:url(images/top3.gif) no-repeat;
}

#menu {
margin-left:14px;
top:15px;
width:786px;
height:37px;
background: url(images/menu.jpg) no-repeat;
position:relative;
z-index:5;
}


/* ------- NAVIGATION -------- */

#nav {
position:relative;
top:5px;
left:-30px;
}

#nav ul {
list-style: none;
}

#nav ul a {
color: #FFF;
text-decoration: none;
display: block;
padding: 5px 5px 5px 10px;
margin-right:10px;
}
			
#nav ul a:hover
{
   background: #aeb5f0;
   color: Black;
   text-decoration: none;
}
			
#nav ul li {
float: left;
position: relative;
list-style:none;
}

#nav ul li ul a
{
   background: #383275;
   width: 180px;
   color: #ffffff;
   border-bottom: #000000 thin;
}
		
#nav ul li ul {
list-style: none;
position: absolute;
left: -40px;
top: 100%;
display: none;
width: 150px;
}
			
#nav ul li:hover ul { 
display: block;
}
			
#nav ul li:hover ul li ul {
display: none; 
}
			
#nav ul li ul li:hover ul {
display: block;
position: absolute;
left: 155px;
top: 0px;
}

#nav ul li ul li ul li a
{
   background: #6f6dbc;
}

#nav ul li ul li:hover ul li ul {
display: none; 
}
			
#nav ul li ul li ul li:hover ul {
display: block;
position: absolute;
left: 155px;
top: 0px;
}

#nav ul li ul li ul li ul li a
{
   background: #c3c1e6;
}

/* ------- BANNER -------- */

#banner {
position: absolute;
margin-top:28px;
margin-left:14px;
width: 570px;
height:201px;
z-index: 0;
}


#bannerimg 
{
   position: relative;
}


/* ------- MEMBER LOGIN -------- */

#memLogin {
margin-top:20px;
left: -10px;
position:relative;
float:none;
width:186px;
height:224px;
background: url(images/memLogin.jpg) no-repeat;
}


/* ======== CONTENT SECTION ======== */

/* -------- RIGHT COLUMN SECTION -------- */
#rightCol
{
   background-position: left bottom;
   padding-left: 10px;
   margin-top: 10px;
   font-size: 10px;
   float: right;
   background-image: url(images/rightColBorder2.jpg);
   width: 200px;
   height: 1100px;
   line-height: 1.3em;
   margin-right: 20px;
   background-repeat: no-repeat;
}

#rightCol ul {
list-style:none;
display:block;
margin-top:0px;
}

#rightCol li {
list-style:disc;
margin-left:-20px;
}


/* -------- CONTENT -------- */

#content {
margin-top: 30px;
float:left;
margin-left:9px;
margin-right:0px;
width: 560px;
}

#contentInfo {
padding-left:8px;
padding-right:15px;
}


/* -------- NEWS SECTION -------- */
#news {
padding-left:10px;
background: url(images/news_03.jpg) repeat-y;
}

#newsContent {
padding-right:10px;
}

#newsHead{
margin-left:-10px;
height:41px;
background: url(images/news_01.jpg) no-repeat;
}

#newsHead h1 {
padding-top:14px;
padding-left:12px;
}

#newsFoot {
margin-left:-10px;
background:url(images/news_05.jpg) no-repeat;
height:34px;
}



#prop {
padding-left:10px;
background:url(images/properties.jpg) no-repeat;
height:250px;
}

#prop1 {
width:275px;
}

#prop2 {
margin-right:5px;
float:right;
width:275px;
}

#propFoot {
margin-left:-10px;
background: url(images/properties_05.jpg) no-repeat;
height:84px;
}

#footer {
width: 818px;
height: 110px;
background:url(images/footer2.gif) no-repeat;
clear:both;
}

#footerMenu {
position:relative;
top:35px;
margin-left:10px;
width:793px;
height:59px;
background:  url(images/footerBar.jpg) no-repeat;
}

#footerTxt {
text-align:center;
top:13px;
position:relative;
}

#footerTxt a {
color:#FFFFFF;
}

#footerTxt a:hover {
color:#000;
background:#FFFFFF;
}

/* -------- GENERAL SECTION -------- */

.thead
{
   padding: 2px;
   background-color: #c3c1e6;
}

.small
{
   font-size: 9px;
}

/* -------- FEATURED SECTION -------- */
#feature
{   
   width: 200px;
   padding: 10px;
   padding-top: 0px;
   border-left: solid 1px #aeaeae;
   float: right;
   !margin-top: 0px;
}
#feature h3
{
   margin-top: 0px;
}

/* -------- PROXIMITY SEARCH SECTION -------- */
#search
{
   float: left;
   margin-bottom: 15px;
}
#searching
{
   visibility: hidden;
   font-size: 14px;
   z-index: 100;
   font-style: italic;
   border: solid 1px #aeaeae;
   padding: 30px;
   margin: 100px;
   margin-left: 160px;
   !margin-left: -140px;
   position: absolute;
   background: white;
}
#map_canvas
{
   width: 300px;
   height: 320px;
   border: #282c7e 1px solid;
   text-align: center;
   display: inline-block;
   float: left;
   margin-right: 10px;
}
#instructions
{
   visibility: hidden;
   position: absolute;
   border: solid 1px #282c7e;
   padding: 5px;
   height: 310px;
   display: inline-block;
   width: 200px;
}
#instructions li
{
   margin-top: 10px;
}

/* -------- CONTEXT MENU SECTION -------- */
.contextmenu
{
   border: #383275 1px solid;
   z-index: 10;
   left: 0px;
   visibility: visible;
   width: 200px;
   color: black;
   position: absolute;
   top: 0px;
   background-color: #cccccc;
}
.menu_item
{
   font-size: 11px;
   color: black;
   text-decoration: none;
}
.menu_item:hover
{
   color: #383275;
}
.menu_item_over, .menu_item_over a, #Menu1 a:hover
{
   color: #fff;
   background-color: #383275;
}
.onscreenmenu
{
   border: #383275 1px solid;
   padding-right: 3px;
   padding-left: 3px;
   z-index: 10;
   left: 680px;
   visibility: visible;
   padding-bottom: 3px;
   color: black;
   padding-top: 3px;
   position: absolute;
   top: 10px;
   background-color: transparent;
}
