@charset "utf-8";
/* WonderWebs-XHTML 2.1 template rev. 2.6.2 - Website stylesheet - Copyright 2010 WonderWebs.com */

/* Tags, fonts & colours */
body, .Normal{font:15px/140% Georgia,Times New Roman,serif}/* Apply a default font and  colour here. This will be inherited by most other tags*/
h1{font-size: 20px;font-weight: bold;}/* Apply mainly colours for the rest of these items */
h2{font-size: 16px;font-weight: bold;}
h3{}
h4{}
h5{}
h6{}

.StandardButton, a.StandardButton, a.StandardButton:link {
    background:transparent;
    border:1px solid #c5b0a0 !important;
    border-radius: 0;
    color:#a77148 !important;
}
a.StandardButton:hover{background:transparent;border:1px solid #8e7e73 !important;}
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{color: #A77148;}
a:active, a:hover{color: #C67233;text-decoration:underline}

/* Webbit Link and Settings Colours */
body{}/* The background colour of the legacy XHTML 2.1 Word Processor is taken from this tag */
.WebbitSettingsPane{}/* The background colour of the Webbit Settings pane - Change when the design colours make it difficult to view settings panels */
.WebbitEdit,.WebbitEdit a:link,.WebbitEdit a:visited,.WebbitEdit a:active{}/* Set color:#00FF00 on dark sites */
.WebbitEdit a: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{font:24px/140% Georgia,Times New Roman,serif;color:#555555}
.BreadCrumbPane a:active,.BreadCrumbPane a:hover{color:#7B662F;text-decoration:none;cursor:text}
.Footer,.Footer a:hover .FooterDivider,.Footer a:link,.Footer a:visited{color: #7B662F;}
.Footer a:active,.Footer a:hover{color: #FFF;}

/* Individual template links. Can be used to hide, restyle or move them individually insead of grouped as above */
.BreadCrumbs{}
.Account{}/* The registration link */
.SigninTop{}/* The first sign-in link at top of page */
.SigninSeparator{}/* Vertical pipe between registration and sign-in links - Use visiblity:hidden to hide */
.SigninBottom{}/* The second sign-in link at bottom of page */
.Terms{}
.Privacy{}
.Copyright{}
.Producer{}/* 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! */
.Outer{}/* The outer div. Can be used as an additional background */
.PageID{}/* Same div as .Outer, but is unique per page - Look in source or in the page URL to find the page ID number and insert it after "PageID" */
.Page{background:url("Background-Fade.jpg") no-repeat scroll center 0 #AAAA9E}/* Apply page background here */
.Placement{padding-top: 120px;}/* Aligns the Paper */
.Above{}/* Content panel above the Paper */
.Shadow{}/* A grid of table cells holding the shadow graphics */
.PaperBorder{border:none;background:url("PaperRepeater.png") repeat-y scroll 0 0 #FFFCE1}/* Draws a line around the edge of the Paper */
.Paper{background:url("Paper.png") no-repeat scroll 0 0 transparent}/* Paper includes everything from Logo down to Foot. Mainly for background colour */
.Paper,.LogoPane,.Footer{width:950px} /* Type the width of the logo graphic here */
.LogoPane,.LogoLink{height:130px} /* Type the height of the logo graphic here */
.LogoPane{background:none;position: absolute;top: 7px;} /* The file name of the Logo graphic. Must be in Web Root or must specify absolute path */
.LogoLink{} /* An invisble link to the site homepage. To make room for a Webbit in place of the logo, set this to display:none */
.Logo{}/* Content panel within the Logo area - Competes with LogoLink for space when it contains a Webbit */
.MenuBar{}/* This covers the entire menu including SigninPane */
.SigninPane,.SigninPane .ContainerHead,.SigninPane .ContainerBody,.SigninPane .ContainerFoot{display:none;}/* Contains Register and Sign-in links */
.Header{}/* Content panel below the menu and above the SearchBar */
.SearchBar{}/* Entire Search bar including the BreadCrumbPane and SearchPane */
.BreadCrumbPane{background-image:none;padding-left:282px;padding-top:36px;overflow: visible;}/* Breadcrumbs, including the dotted line graphic. Set background-image:none to hide line. Set overflow:visible to show line when SearchPane has been displaced */
.SearchPane{background-color: transparent;float:right;padding-right: 12px;text-align: right;}/* The grey box around the SearchInput and SearchButton */
.SearchInput{background:#FFFDE1 !important}/* The search field. Change this width when column widths have been changed. Is usually column width minus 74px */
.Top{}/* Content panel below SearchBar and above main content columns */
.ContentRow{}/* Table row containing Left, ContentPane and Right areas. Use when applying a special background covering all three */
.Left{padding-top: 260px !important;}/* Left column content panel */
.Content{height: 700px;padding-top: 40px;padding-bottom: 40px;}/* Main content panel. Has a minimum height of 400px by default */
.Right{}/* Right column content panel */
.Bottom{}/* Content panel attached below the three columns */
.Foot{}/* Content panel attached to bottom of Paper */
.PaperBottomEdge{}/* An empty div at the bottom edge of the Paper for graphics or colours */
.Footer{}/* Contains the links below the Paper */
.Below{}/* Content panel below the Paper */

/* Default Light container. Other containers with identical CSS structure are: .Dark .HighLight .Transparent .Blank */
.LightContainer{}/* All 3 container sections in one */
.Light .ContainerHead{}/* Head section background color */
.Light .ContainerBody{}/* Body section background color */
.Light .ContainerFoot{}/* Foot section background color. Requires height to be visible */
.Light .ContainerTitle{}/* Title font and colour */
.Light .Normal{}/* Container font and colour */
.Light a,.Light a:link,.Light a:visited{}/* Container link colours */
.Light a:active,.Light a:hover{}/* Container link colours */

/* Container margins. These determine the gaps between the content panels and between containers */
/* Defaults for square templates are listed. Round templates increase the 6px values to 12px */
.Header .Container{}/* {margin:0} */
.Top .Container{}/* {margin:6px 0 0 0} */
.Content .Container{margin: 6px 36px 0 6px;}/* {margin:6px 6px 0 6px} */
.Left .Container{margin: 6px 0 0 20px;}/* {margin:6px 0 0 6px} */
.Right .Container{}/* {margin:6px 6px 0 0} */
.Bottom .Container{}/* {margin:6px 6px 0 6px} */
.Foot .Container{}/* {margin:6px 6px 0 6px} */

/* Left and right content area column widths in Vertical menu template */
.Left .Container,.Left .NoContainer,.MenuBar,.SearchPane{width: 250px}/* Left column width */
.Right .Container,.Right .NoContainer{}/* Right column width */

/* Left and right content area column widths in Horizontal menu template */
.Left .Container,.Left .NoContainer{}/* Left column width */
.Right .Container,.Right .NoContainer,.SearchPane{}/* Right column width */

/* SubMenu width and displacement relative to Menu */
ul.lvl1,ul.lvl2,ul.lvl3{}/* SubMenus do not stretch to fit width of content. Default is {width:180px}.*/
ul.lvl2 li,ul.lvl3 li{}/* SubSubMenu displacement should match SubMenu width above. Default is {left:180px;top:-26px}. Vertical menu has {top:0} */

/* Menu font */
ul.Menu a{font-size:16px;font-family:Georgia,Times New Roman,serif;font-weight:normal}/* Menu font. Use long-hand CSS i.e. font-size, font-weight etc */
ul.Menu .sub a{}/* Sub Menu font, if different */

/* Menu Wrappers */
.MenuBar{}/* Outer menu wrapper. Includes SigninPane. Displays a background graphic. Set background:none to remove */
.MenuPane{}/* Inner menu wrapper. Does not include SigninPane. Has a left and right border in Horizontal menu*/
.MenuPaneInner{}/* Secondary Inner Menu Wrapper - For use when complex positioning is combined with IE PNG Fix */

/* Menu item borders and separators. Set border:none to remove defaults. Note that root items cascade to Sub Menus*/
ul.Menu a.first{}/* First menu item */
ul.Menu a{border:none}/* Root separator */
ul.Menu a.last{}/* Last menu item */
ul.Menu .sub a.first{border-color:#62635B}/* First submenu item */
ul.Menu .sub a{border-color:#62635B}/* Remaining submenu items */
ul.Menu .sub a.last{border-color:#62635B}/* Last submenu item */

/* 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,.VerticalMenu .ContainerHead,.VerticalMenu .ContainerFoot{background:transparent;color:#DDD}/* Menu */
ul.Menu a.branch{background:transparent;color:#DDD}/* Menu Branch */
ul.Menu a.current,ul.Menu a.breadcrumb{background:transparent;color:#DDD}/* Menu Active */
ul.Menu a:hover,ul.Menu a:focus{background:transparent;color:#FFF}/* Menu Hover */
ul.Menu a.current:after,ul.Menu a.breadcrumb:after{content:" »"}

/* SubMenu colours */
ul.Menu .sub a,ul.Menu .sub a:visited{background:#595955;color:#DDD}/* Sub Menu */
ul.Menu .sub a.branch{background:#595955;color:#DDD}/* Sub Menu Branch */
ul.Menu .sub a.current,ul.Menu .sub a.breadcrumb{background:#595955;color:#DDD}/* Sub Menu Active */
ul.Menu .sub a:hover,ul.Menu .sub a:focus{background:#515250;color:#FFF}/* Sub Menu Hover */

/* Individual menu item height and padding. Apply height like this {height:36px;line-height:36px} */
ul.Menu a{height:26px;line-height:26px}/* Menu */
ul.Menu .sub a{height:30px;line-height:30px;width: 190px;}/* Sub Menu */

/* Shadow graphics can be replaced by any desired edge-design that can be sliced into corners and sides */
/* Shadow is not displayed in IE6. Use !important to force display in IE6 */
/* Eight 24x24px shadows are applied to corners and sides. Example: {background:url('/Images/ShadowLightTL.png')} */
/* Change "Light" to "Medium" or "Dark" for ready-made square shadow density variations, or to "RoundWhite" or "RoundBlack" in round templates */
.SL,.SR{}/* Width of shadow graphics columns. Default is width:24px. Display:none to remove */
.ST,.SB{}/* Height of shadow graphics rows. Default is height:24px. Display:none to remove */
.STL{}/* STL means Shadow-Top-Left */
.STM{}/* STL means Shadow-Top-Middle, and so on */
.STR{}
.SLM{}
.SRM{}
.SBL{}
.SBM{}
.SBR{}

/* 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{}

/* Webbits. Place Webbit styles here */
/* .Normal ul li {background-image:url("/Images/CoolBits/Bullet-001.gif");background-position: 0 4px;background-repeat: no-repeat;list-style-type: none;margin-left: -30px;margin-top: 9px;padding-left: 20px;} */

.articleMenu,.articleCalendar,.articleCredit,.articleFooterLinks,.articleCommentGravatar {display: none !important;}
.articleHeadline{background:transparent !important}
.articleHeadline h2 {font-family: inherit !important;font-size: 16px !important;font-weight: bold !important;}
.articleComments {background:transparent !important}
.related, .postRating, .postComment {background:transparent !important;padding: 12px 0 !important;}
.postComment p, .postComment div {padding: 2px 0 !important;}
.articleImageList img {height: 68px !important;max-width: 90px !important;}
.articleComment {background:transparent !important;padding: 12px 0 !important;}
.Page3820 .Left{display: table !important;}
.articleSeparator {border: 1px dotted #d8d8d8;display: block !important;}
.articleCategories{display: none !important;}


.WWXHTMLMenu{width:200px !important}

/* Hide breadcrumb on WSG Calendar page */
.Page3487 .BreadCrumbPane{display:none}
.Page3487 .Content {padding-top:0}


pre {
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
width: 500px;
margin: 0.25em 0;
padding: 5px 40px 24px;
line-height: 1.45;
position: relative;
color: #383838;
}
pre:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -8px;
top: -20px;
color: #7a7a7a;
}