@charset "utf-8";
/* WonderWebs-XHTML 2.1 template - Website stylesheet - Copyright 2009 WonderWebs.com */

/* Tags, fonts & colours */
body, .Normal{font-family: "Times New Roman", Times, serif, "Garamond Premr Pro";font-size: 17px;font-weight: normal;line-height: 24px;color: #000000;}/* Apply a default font and  colour here - This will be inherited by most other tags*/
h1{font-family: "Times New Roman", Times, serif, "Garamond Premr Pro";font-size: 24px;font-weight: bold;}/* Apply mainly colours for the rest of these items */
h2{font-family: "Times New Roman", Times, serif, "Garamond Premr Pro";font-size: 20px;font-weight: bold;}
h3{font-family: "Times New Roman", Times, serif, "Garamond Premr Pro";font-size: 17px;font-weight: normal;line-height: 20px;color: #a38040;}
h4{}
h5{}
h6{}
.StandardButton{}
.StandardButton:hover{}
hr{}
img{}
blockquote{}
.Head{}/* Common admin headings */
.SubHead{}/* Common admin labels */
input[type=text],input[type=file],select,textarea{}/* This colours all text areas and input fields in one go */

/* Default hyperlink and CommandButton colours */
a, a:link, a:visited{}
a:active, a:hover{}

/* Webbit Edit Links */
.WebbitEdit,a.WebbitEdit:link,a.WebbitEdit:visited,a.WebbitEdit:active{}/* Set color:#00FF00 on dark sites */
a.WebbitEdit:hover{}/* Set color:#FFFFFF on dark sites */

/* Grouped template link colours - Can also be styled or removed individually - See docs for additional class names  */
.SigninPane,.SigninPane a:link,.SigninPane a:visited{}
.SigninPane a:active,.SigninPane a:hover{}
.BreadCrumbPane,.BreadCrumbPane a:link,.BreadCrumbPane a:visited{}
.BreadCrumbPane a:active,.BreadCrumbPane a:hover{}
.Footer,.Footer a:hover .FooterDivider,.Footer a:link,.Footer a:visited{color:#A3803F}
.Footer a:active,.Footer a:hover{color:#FFF}
.FooterLinks,.FooterLinks a:hover .FooterDivider,.FooterLinks a:link,.FooterLinks a:visited{color:#FFF}
.FooterLinks a:active,.FooterLinks a:hover{color:#A3803F}

/* Individual template links - Can be used to hide, restyle or move them individually */
.BreadCrumbs{}
.Account{}/* The registration link */
.SigninTop{}/* The first sign-in link at top of page */
.SigninBottom{position:relative;z-index:999;float:right;}/* The second sign-in link at bottom of page */
.Terms{display:none}
.Privacy{display:none}
.Copyright{position:relative;z-index:999;float:right;}
.Copyright:after{content:"|";margin-left:8px}
.Producer{position:relative;z-index:999}/* The reseller link */

/* Content areas - Generally for visiblity and background colours */
/* Not normally used for fonts or text colours and not used for gaps between columns! */
/* Certain content panels can be moved around at will - See main stylesheet */
.Page{background:#F5E9D3 url(background.jpg) repeat-x}
.Placement{}
.Above{}
.Shadow{}
.PaperBorder{border:none}
.Paper{}/* Paper includes header and logo - Mainly for background colour */
.Paper,.LogoPane,.Footer{width:960px} /* Type the width of the logo graphic here */
.LogoPane,.LogoLink{height:120px} /* Type the height of the logo graphic here */
.LogoPane{background:#D7A357 url(logo.jpg) no-repeat} /* The file name of the Logo graphic - Must be in Web Root or must specify absolute path */
.LogoLink{width:400px} /* To make room for a Webbit in place of the logo, set this to display:none */
.Logo{}/* This is the legacy logo graphic if it has been applied in site settings */
.MenuBar {margin-left:410px;position:absolute;top:80px;padding:0;height:40px;background-image:none;width:550px}/* Style this in the relevant Menu section below */
.MenuPane{}
.SigninPane .ContainerHead,.SigninPane .ContainerBody,.SigninPane .ContainerFoot{}/* SigninPane for Vertical rounded template */
.SigninPane{display:none}/* SigninPane for all other templates */
.Header{background:#333 url(header.jpg) no-repeat;width:960px;height:257px}
.SearchBar{display:none}
.BreadCrumbPane{}
.SearchPane{}
.SearchInput{}/* Change width when column widths have been changed - Is usually column width minus 74px */
.Top{}
.ContentRow{}/* Table row containing Left, ContentPane and Right areas - Use when applying a special background covering all three */
.Left{}
.Content{}
.Right{}
.Bottom{}
.Foot{height:100px}
.Footer{top:-7px;z-index:99}
.PaperBottomEdge{}/* An empty div at the bottom edge of the Paper - Use as coloured bar or an extra location for a background image */
.Below{height:39px;background:#000 url(footer.jpg) repeat-x;position:relative;top:-38px;}

/* Splash page template */
.SplashPage{}/* Background colours and graphics for Splash template */
.SplashPlacement{}/* Splash content vertical placement */
.SplashContent{}/* Splash content horizontal placement */

/* Secrets page and container background colour */
.SecretsPage .Paper{}
.Secrets .ContainerBody{}

/* Default Light container - See docs for other containers */
.Light .ContainerHead{}/* Head section background color */
.Light .ContainerTitle{}/* Title font and colour */
.Light .ContainerBody{}/* Body section background color*/
.Light .Normal{}/* Content font and colour */
.Light .ContainerFoot{}/* Foot section background color*/

/* Horizontal menu - Left and right column widths */
.Left .Container,.Left .NoContainer{}/* Left column width */
.Right .Container,.Right .NoContainer,.SearchPane{width:460px}/* Right column width */

/* Vertical menu - Left and right column widths */
.Left .Container,.Left .NoContainer,.MenuBar,.SearchPane{}/* Left column width */
.Right .Container,.Right .NoContainer{}/* Right column width */

/* Menu - Common styles for all templates */
ul.Menu,ul.Menu .sub{}/* Menu Containers */
ul.Menu a{text-transform:uppercase;font-family:verdana;font-size:14px;font-weight:normal;text-align:center;}/* Menu font - Use long-hand CSS i.e. font-size, font-weight etc */
ul.Menu .sub a{text-align:left}/* Sub Menu font, if different */

/* Menu colours - See MenuBar for default background graphic - Note that some root items cascade to SubMenus */
/* Every menu item also has a dynamic ID. Example: Page title "About Us" has dynamic ID "#item_AboutUs" */
ul.Menu a,ul.Menu a:visited{background:url("menu.jpg") no-repeat scroll 0 0 transparent;color:#6A5326}/* Menu */
ul.Menu a.branch{}/* Menu Branch */
ul.Menu a.current,ul.Menu a.breadcrumb{background:url("menuover.jpg") no-repeat scroll 0 0 transparent !important}/* Menu Active */
ul.Menu a:hover,ul.Menu a:focus{background:url("menuover.jpg") no-repeat scroll 0 0 transparent}/* Menu Hover */

/* SubMenu colours */
ul.Menu .sub a,ul.Menu .sub a:visited{background:#F2F2F2}/* Sub Menu */
ul.Menu .sub a.branch{}/* Sub Menu Branch */
ul.Menu .sub a.current,ul.Menu .sub a.breadcrumb{background:#FAFAFA}/* Sub Menu Active */
ul.Menu .sub a:hover,ul.Menu .sub a:focus{background:#FAFAFA}/* Sub Menu Hover */

/* Individual menu item height, width and padding - Use height and line-height together */
ul.Menu a{height:40px;line-height:40px;padding:0;text-align:center;margin-right:2px;width:107px}/* Menu */
ul.Menu .sub a{height:24px;line-height:24px;width:180px}/* Sub Menu */

/* Menu item borders and separators - Set border:none to remove defaults - Note that root items cascade to Sub Menus*/
.MenuPane{border:none}/* Far left and right borders in horizontal menu */
ul.Menu a.first{border:none}/* First menu item */
ul.Menu a{border:none}/* Root separator */
ul.Menu a.last{border:none}/* Last menu item */
ul.Menu .sub a.first{border-top:1px solid #DBDBDB}/* First submenu item */
ul.Menu .sub a{border-bottom:1px solid  #DBDBDB;border-left:1px solid #DBDBDB;border-right:1px solid #DBDBDB}/* Remaining submenu items */
ul.Menu .sub a.last{}/* Last submenu item */

/* SubMenu item width and placement relative to Menu */
ul.Menu li:hover ul, ul.Menu li.hover ul{}/* Item width */
ul.Menu .sub li:hover ul, ul.Menu .sub li.hover ul{}/* Placement */

/* Container margins - These determine the gaps between the columns and between containers */
/* Defaults are supplied for square templates. Round templates increase the 6px values to 12px */
/* Note that left and right column widths are specified in the relevant menu sections further down */
.Header .Container{}/* {margin:0} */
.Top .Container{}/* {margin:6px 0 0 0} */
.Content .Container{margin:18px 10px 0 10px}/* {margin:6px 6px 0 6px} */
.Left .Container{}/* {margin:6px 0 0 6px} */
.Right .Container{margin:18px 10px 0 10px}/* {margin:6px 6px 0 0} */
.Bottom .Container{}/* {margin:6px 6px 0 6px} */
.Foot .Container{}/* {margin:6px 6px 0 6px} */

/* Eight 24x24px shadows are applied to corners and sides - example: {background:url('/Images/ShadowLightTL.png')} */
/* Change "Light" to "Medium" or "Dark" for square shadow variations, or to "RoundWhite" or "RoundBlack" in round templates */
.SL,.SR{width:0}/* Width of shadow graphics columns - Default is width:24px */
.ST,.SB{display:none}/* Height of shadow graphics rows - Default is height:24px */
.STL{}
.STM{}
.STR{}
.SLM{}
.SRM{}
.SBL{}
.SBM{position:absolute}
.SBR{}

/* Webbits - Place Webbit styles here */
.FormCreator .SubHead{font-weight:bold}

.Normal .RealEstateLink a:link, .Normal .RealEstateLink a:active, .Normal .RealEstateLink a:visited {
color:#A38040;
font-weight:bold;
}

.Bullets li{background-position:0 6px;margin-top:12px}






















