/*
 * Site-Wide Page Layout Items
 * ===========================
 * Include only CSS items that create the actual page layout here, not specific overloads
 * or other page-specific classes.
 *
 */
#page_frame {
   position: absolute;
   top:0;
   left:0;
   color: #fff;
   width: 100%;
   margin-bottom: 20px;
   z-index:100;
}
#page_header {
   position: relative;
   margin: 0;
   top: 0;
   left: 0;
   background: #cccccc url(../images/layout/ic_topmid.jpg) top left repeat-x;
   height: 66px;
   width: 100%;
   min-width: 980px;
}
#page_header .headerleft
{
    position: absolute;
    top:0;
    left:0;
    background:url(../images/layout/ic_topleft.jpg) top left no-repeat;
    height: 66px;
    width: 128px;
}
#page_header .headerright
{
    position: absolute;
    top:0;
    right:0;
    background:url(../images/layout/ic_topright.jpg) top left no-repeat;
    height: 66px;
    width: 128px;
}
#print_header {
   display:none;
}
#page_crown {
   min-width: 500px;
   position: relative;
   padding: 0;
   margin: 7px 120px 7px 9px;
   height:108px;
}
#page_seperator {
   clear: both;
   height: 2px;
   position: relative;
   overflow: hidden;
}
#page_header #page_topnav {
	font-size: 0.9em;
	height: 20px;
	line-height: 20px;
	color: #cccccc;
	margin-top: 0px;
	float: right;
}
#page_header #page_topnav a {
   color: #cdcdcd;
   text-decoration: underline;
}
#page_header #page_topnav .smallsearch {
   margin-top: 0px;
}
#page_header #page_subtabframe a {
   color: #000;   
}
#page_header #page_subtabframe {
   position: relative;
   left: 0;
   height: 24px;
   overflow: hidden;
   margin: 0;
   width: 100%;
}
#page_page_subtabframe_container {
   position: relative;
   height:29px;
   margin: 0px 140px 0 140px;
   background: url(../images/layout/ic_top_bottommid.gif) top left repeat-x;
}
#page_page_subtabframe_container .bl {
   position: absolute;
   left: 0;
   top:0;
   margin-left:-1px;
   background:url(../images/layout/ic_top_bottomleft.jpg) top left no-repeat;
   height: 29px;
   width: 16px;
}
#page_page_subtabframe_container .br {
   position: absolute;
   right: 0;
   top:0;
   margin-right:-1px;
   background:url(../images/layout/ic_top_bottomright.jpg) top left no-repeat;
   height: 29px;
   width: 16px;
}


#page_logocontainer {
   width:103px;
   height:103px;
   padding: 15px 10px 20px 20px;
   float:right;   
}
#page_footer {
   clear: both;
}
#page_content {
   position: relative;
   margin-right: 268px;
   margin-left: 10px;
   color: #000;   
   min-width:600px;
   min-height:630px;
}
#page_content.norightmargin {
   margin-right: 258px;
}
#page_content_mask {
   display: none;
   position: absolute;
   top: 70;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #e5ebf3;
   margin:-1px -1px -1px -1px;
   border: 1px solid #e5ebf3;
   filter: alpha(opacity=60);
   opacity: 0.6;
   z-index:110;
}
#page_nosidebar_content {
   background-repeat: repeat-x;
   margin: 0 10px 0 10px;
   position: relative;
   min-width:880px;
   clear: both;
}
#page_legallinks {
   margin-top: 10px;
   background: url(../images/layout/pagefold_ic.gif) top left repeat-x;
   position:relative;
   z-index:-1;
   padding-top: 25px;
   margin-bottom: 10px;
   text-align:center;
}
.legallinks {
   font-size: 0.85em;
   text-align: center;
   color: #cccccc;
}
.legallinks a {
   color: #dddddd;
   text-decoration: underline;
}
#maplegallinks {
   padding-top: 20px;
   text-align: left;
}
#page_messagequeue {
	width: 940px;
	height: 10px;
	display: none;
}
#page_sidebar {
   position: absolute;
   z-index:1000;
   width: 250px;
   top: 204px;
   right: 10px;
}
#popupmask {
   position: absolute;
   background:#000;
   filter:alpha(opacity=70);
   opacity: 0.7;
   -moz-opacity:0.7;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 10000;
   display: none;
}
#popupcontainer {
   position: absolute;
   left: 50%;
   margin-left: -320px;
   width: 640px;
   height: 480px;
   top: 100px;
   z-index: 10010;
   background: white;
   border: 1px solid black;
   display: none;
}
#page_tabframe
{
   height: 36px;
   overflow: hidden;
   width:100%;
   text-align:center;
}
#page_tabframe ul li{
   list-style: none;
   margin: 0 18px 0 0;
   padding: 0;
   display:inline;
   height:36px;
   background:none;
}
#page_tabframe ul li a
{
   height:36px;
   display:inline-block;
}
#page_tabframe ul li#page_tab_findhome a
{
   background:transparent url(../images/layout/primarynav/find_distinctive_top.jpg) no-repeat scroll left top;
   height:36px;
   width:156px;
}
#page_tabframe ul li#page_tab_findhome a:hover,
#page_tabframe ul li#page_tab_findhome.active_pagetab a
{
   background:transparent url(../images/layout/primarynav/find_distinctive_top_on.jpg) no-repeat scroll left top;
}
#page_tabframe ul li#page_tab_specialist a
{
   background:transparent url(../images/layout/primarynav/find_ic_top.jpg) no-repeat scroll left top;
   height:36px;
   width:205px;
}
#page_tabframe ul li#page_tab_specialist a:hover,
#page_tabframe ul li#page_tab_specialist.active_pagetab a
{
   background:transparent url(../images/layout/primarynav/find_ic_top_on.jpg) no-repeat scroll left top;
}
#page_tabframe ul li#page_tab_resources a
{
   background:transparent url(../images/layout/primarynav/find_luxury_top.jpg) no-repeat scroll left top;
   height:36px;
   width:116px;
}
#page_tabframe ul li#page_tab_resources a:hover,
#page_tabframe ul li#page_tab_resources.active_pagetab a
{
   background:transparent url(../images/layout/primarynav/find_luxury_top_on.jpg) no-repeat scroll left top;
}
#page_tabframe ul li#page_tab_about a
{
   background:transparent url(../images/layout/primarynav/find_about_top.jpg) no-repeat scroll left top;
   height:36px;
   width:199px;
}
#page_tabframe ul li#page_tab_about a:hover,
#page_tabframe ul li#page_tab_about.active_pagetab a
{
   background:transparent url(../images/layout/primarynav/find_about_top_on.jpg) no-repeat scroll left top;
}
#page_subtabframe ul {
   margin-top:5px;
   text-align: center;
}
#page_subtabframe ul li {
   display: inline;
   padding-left: -3px;
   list-style: none;
}
#page_subtabframe ul li:first-child
{ 
   list-style: none;
   margin: 0;
   padding: 0;
   background:none;
}

#page_subtabframe ul li a {
   text-decoration: none;
   padding:8px 14px 0 14px;
   font-family: Trebuchet MS, Trebuchet, verdana, arial;
   font-size: 12px;
   font-size: 0.9em;
   text-transform: uppercase;
   margin-top: 1px;        
   white-space: nowrap;
   color: #fff;
}
#page_subtabframe ul li a:hover {
   text-decoration: underline;
}
#page_logocontainer.graycalloutcontainer .tl {
   background: url(../images/calloutboxes/crown_gray/tl.gif) transparent top left no-repeat;
}
#page_logocontainer.graycalloutcontainer .tr {
   background: url(../images/calloutboxes/crown_gray/tr.gif) transparent top left no-repeat;
}
#page_logocontainer.graycalloutcontainer .bl {
   background: url(../images/calloutboxes/crown_gray/bl.gif) transparent top left no-repeat;
}
#page_logocontainer.graycalloutcontainer .br {
   background: url(../images/calloutboxes/crown_gray/br.gif) transparent top left no-repeat;
}
#page_crown .crown_innercontainer {
   position:absolute;
   bottom:0;
   padding-right:60px;   
}




#crown_tabframe {
   position: relative;
   margin: 4px 0 0 8px;
   background: #cfd2dd url(../images/layout/ic_top_mid.gif) top left repeat-x;
   height:32px;
   width:31em;
}
#crown_tabframe .tl {
   position:absolute;
   width: 8px;
   height: 32px;
   background: url(../images/layout/ic_top_left.gif) transparent top left no-repeat;
   top:0;
   left:0;
   margin-left:-8px;
}
#crown_tabframe .tr {
   position:absolute;
   width: 8px;
   height: 32px;
   background: url(../images/layout/ic_top_right.gif) transparent top left no-repeat;
   top:0;
   right:0;
   margin-right:-8px;
}
#crown_tabframe ul, 
#crown_tabframe ul li {
   list-style: none;
   background:none;
   margin: 0;
   padding: 0;
   height:32px;
}
#crown_tabframe ul {
   text-align: center;
   overflow:hidden;
}
#crown_tabframe ul li {
   display: inline;
   margin-left:-0.4em;
}
#crown_tabframe ul li a {
   text-decoration: none;
   padding:6px 15px 5px 15px;
   font-family: Trebuchet MS, Trebuchet, Verdana, Arial;
   font-size: 1.1em;
   font-weight: bold;
   color: #000;
   border-right: 1px solid #757575;
   white-space: nowrap;
   display: inline-block;
   height:32px;
}
#crown_tabframe ul li.active_crowntab a,
#crown_tabframe ul li a:hover {   
   color: #c11717;
}
#crown_tabframe  ul li.last a {
   border-right: 0;   
}


.content_tabframe {
   position: relative;
   margin: 0;
   margin-top: 4px;
   background: #cfd2dd url(../images/layout/pagetab_bg.gif) top left repeat-x;
   border: 1px solid #757575;
   border-top: 0;
   padding: 0;
   white-space: nowrap;
}
.content_tabframe ul, 
.content_tabframe ul li {
   list-style: none;
   margin: 0;
   padding: 0;
}
.content_tabframe ul {
   margin-top: 8px;
   text-align: center;
   overflow:hidden;
}
.content_tabframe ul li {
   display: inline;
   margin-left:-0.4em;
}
.content_tabframe ul.tight li a {
   padding:5px 15px 5px 15px;
}
.content_tabframe ul.verytight li a {
   padding:3px 7px 3px 7px;
}
.content_tabframe ul li a {
   text-decoration: none;
   padding:5px 33px 5px 33px;
   font-family: Trebuchet MS, Trebuchet, Verdana, Arial;
   font-size: 1.1em;
   font-weight: bold;
   color: #000;
   border-bottom:1px solid white;
   border-right: 1px solid #757575;
   white-space: nowrap;
   display: inline-block;
   height:1.2em;
   margin: 0;      
}
.smalltext_tab {
   font-size: 0.8em;
}
/*
   IE7 Hates Me.  It really does.  If you let this have a background or border
   the dreaded peekaboo bug strikes, and various callout boxes dissapear when you
   coast over the page tabs.  I've tried the normal fix with min-width:0, but that 
   does not seem to be fixing this one.  I don't know why.

   This class (.content_tabframe ul li a:hover) used to have:
      background: #7897be url(../images/layout/subtab_bg.gif) top left repeat-x;
      color: #fff;   
      border-bottom:1px solid #40618b;

   Do *NOT* put this back without finding/fixing the ie7 peekaboo error, as you will
   see on the property office tab, or resources pages.
*/
.content_tabframe ul li a:hover {
   color: #a70b12;   
}

.content_tabframe ul li.active_contenttab a {   
   background: #7897be url(../images/layout/subtab_bg.gif) top left repeat-x;
   color: #fff;   
   border-bottom:1px solid #40618b;
}
.content_tabframe  ul li.last a {
   border-right: 0;   
}
.content_tabframe .tl,
.content_tabframe .tr,
.content_tabframe .bl,
.content_tabframe .br {
   position:absolute;
   width: 4px;
   height: 4px;
   background-color:#dae3ed;
   overflow:hidden;   
   
}
.content_tabframe .tl {
   background: url(../images/calloutboxes/crown_gray/tl.gif) transparent top left no-repeat;
   left:-1px;
   top:0;
}
.content_tabframe .tr {
   background: url(../images/calloutboxes/crown_gray/tr.gif) transparent top left no-repeat;
   right:-1px;
   top:0;
}
.content_tabframe .bl {
   background: url(../images/calloutboxes/crown_gray/bl.gif) transparent top left no-repeat;
   left:-1px;
   bottom:-1px;
}
.content_tabframe .br {
   background: url(../images/calloutboxes/crown_gray/br.gif) transparent top left no-repeat;
   right:-1px;
   bottom:-1px;
}
.bodycontent a {
   color: #3f618b;
   text-decoration: underline;
}

#searchbar
{
    margin: 15px 0 15px 0;
    position:relative;
    width:100%;
    background: #cccccc url(../images/layout/ic_bar_mid.gif) top left repeat-x;
    height:31px;
}
#searchbar .tl
{
    position: absolute;
    top:0;
    left:0;
    background: #000000 url(../images/layout/ic_bar_left.gif) top left no-repeat;
    height: 31px;
    width: 6px;
}
#searchbar .tr
{
    position: absolute;
    top:0;
    right:0;
    background: #000000 url(../images/layout/ic_bar_right.gif) top left no-repeat;
    height: 31px;
    width: 6px;
}

#whitebar
{
    position:relative;
 /*   width:100%;*/
    background: url(../images/layout/white_mid.gif) top left repeat-x;
    height:25px;
    text-align:center;
    vertical-align:middle;
    line-height:25px;
    margin-left:5px;
    font-weight:bold;
}
#whitebar .tl
{
    position: absolute;
    top:0;
    left:0;
    background: url(../images/layout/white_left.gif) top left no-repeat;
    height: 25px;
    width: 8px;
    margin-left:-4px;
}
#whitebar .tr
{
    position: absolute;
    top:0;
    right:0;
    background: url(../images/layout/white_right.gif) top right no-repeat;
    height: 25px;
    width: 8px;
    margin-right:-4px;
}

.searchhomemain
{
   min-width:950px;
}
.searchimagecontainer
{
   float:right;
   width:50%
}
.searchimage
{
   width:100%;
}