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

/* Tags, fonts & colours */
body, .Normal{font-family:"Lucida Grande",Lucida,Tahoma,Arial,Verdana,sans-serif;font-size:11px;line-height:16px;color:#555555}/* Apply a default font and  colour here - This will be inherited by most other tags*/
h1{margin-bottom:16px}/* Apply mainly colours for the rest of these items */
h2{}
h3{}
h4{color:#444444;font-size:13px;font-weight:normal;margin:12px 0;}
h5{font-family:Myriad,"Myriad Roman","Myriad Pro","Myriad Web","Lucida Grande",Lucida,Tahoma,Arial,Verdana,sans-serif;font-size:13px;line-height:16px;color:#333333}
h6{}
.timelinelist li{padding-bottom:8px}
.StandardButton{}
.StandardButton:hover{}
hr{border-width:1px 0 0 0;border-style:dotted;border-color:#AEAEAE;color:#AEAEAE;background-color:transparent;height:0;text-align:left;margin:10px 0 4px}

img{}
.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 */
blockquote{border-left:5px solid #F0EDDA;color:#555555;font-size:11px;font-style:normal;font-weight:normal;line-height:16px;padding-left:10px;text-align:left;}

/* Default hyperlink and CommandButton colours */
a, a:link, a:visited{color:#676035;text-decoration:underline}
a:active, a:hover{color:#676035;text-decoration:none}

/* 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:link, .Footer a:visited{color:#CCCCCC}
.Footer a:active, .Footer a:hover{color:#686035}

/* 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:#FFFFFF url(Background.png) repeat-x}
.Placement{padding-top:29px}
.Above{}
.Shadow{}
.PaperBorder{}
.Paper{}/* The left and right padding of the Paper - Defaults to {padding:0 6px} for the square templates and 0px for round ones */
.Paper,.LogoPane,.Footer{width:816px} /* Type the width of the logo graphic here */
.LogoPane,.LogoLink{height:108px} /* Type the height of the logo graphic here */
.LogoPane{background:#FFFFFF url(Logo.png) no-repeat} /* The file name of the Logo graphic - Must be in Web Root or must specify absolute path */
.LogoLink{} /* 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-bottom:15px !important}/* 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{height:24px}
.SearchBar{display:none}
.BreadCrumbPane{}
.SearchPane{}
.SearchInput{width:126px}/* Change width when column widths have been changed - Is usually column width minus 74px */
.Top{}
.Left{}
.Content{}
.Right{}
.Bottom{}
.Foot{border-top:1px solid #F0EDDA;padding-bottom:5px;padding-top:12px}
.Foot .Normal{color:#CCCCCC}
.Footer{top:6px}
.PaperBottomEdge{}/* An emtpy div at the bottom edge of the Paper - Use as coloured bar or an extra location for a background image */
.Below{}
.Below .Normal{}

/* Splash page template */
.SplashPage{background:#FFFFFF url(Background-Splash.png) repeat-x scroll 0 8px}/* Background colours and graphics for Splash template */
.SplashPlacement{vertical-align:top}/* 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{background:#F0EDDA;border-bottom:none;padding-top:10px}/* Head section background color */
.Light .ContainerTitle{font-size:12px;font-weight:bold;line-height:24px;color:#686035}/* Title font and colour */
.Light .ContainerBody{background:#F0EDDA;padding-bottom:0;border-bottom:1px solid #CDC388}/* Body section background color*/
.Light .Normal{color:#686035}/* Content font and colour */
.Light .ContainerFoot{background:#F0EDDA}/* Foot section background color*/

/* 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 6px 0 6px} */
.Left .Container{margin-bottom: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:200px}/* 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{}/* SubMenu widths for three levels. Default is {width:180px}. SubMenus do not stretch to fit width of content */
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:11px;font-weight:normal;font-family:"Lucida Grande",Lucida,Tahoma,Arial,Verdana,sans-serif}/* Menu font. Use long-hand CSS i.e. font-size, font-weight etc */
ul.Menu .sub a{}/* Sub Menu font, if different */
ul.Menu .sub{width:180px;left:200px !important}

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

/* 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-bottom:1px solid #CDC388;margin-bottom:6px}/* Root menu separator */
ul.Menu a.last{border-bottom:1px solid #CDC388}/* Last menu item */
ul.Menu .sub a.first{border-top:1px solid #EAE6CD;}/* First submenu item */
ul.Menu .sub a{border-bottom:1px solid #EAE6CD;border-left:1px solid #EAE6CD;border-right:1px solid #EAE6CD;margin-bottom:0}/* Remaining submenu items */
ul.Menu .sub a.last{}/* 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{color:#777777;background:#F7F6EC}/* Menu */
ul.Menu a.branch{}/* Menu Branch */
ul.Menu a.current,ul.Menu a.breadcrumb{color:#676035;background:#F7F6EC;font-weight:bold}/* Menu Active */
ul.Menu a:hover,ul.Menu a:focus{color:#676035;background:#EAE6CD}/* Menu Hover */

/* SubMenu colours */
ul.Menu .sub a,ul.Menu .sub a:visited{color:#777777;background:#F7F6EC}/* Sub Menu */
ul.Menu .sub a.branch{}/* Sub Menu Branch */
ul.Menu .sub a.current,ul.Menu .sub a.breadcrumb{color:#676035;background:#F7F6EC;font-weight:bold}/* Sub Menu Active */
ul.Menu .sub a:hover,ul.Menu .sub a:focus{color:#676035;background:#EAE6CD}/* Sub Menu Hover */

/* Individual menu item height and padding. Apply height like this {height:36px;line-height:36px} */
ul.Menu a{line-height:23px;height:23px;padding-left:22px}/* Menu */
ul.Menu .sub a{line-height:23px;height:23px}/* Sub Menu */

/* 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:12px}/* Width of shadow graphics columns - Default is width:24px */
.ST,.SB{height:12px}/* Height of shadow graphics rows - Default is height:24px */
.STL{background:url('STL.png') no-repeat !important}
.STM{background:url('STM.png') repeat-x !important}
.STR{background:url('STR.png') no-repeat !important}
.SLM{background:url('SLM.png') repeat-y !important}
.SRM{background:url('SRM.png') repeat-y !important}
.SBL{background:url('SBL.png') no-repeat !important}
.SBM{background:url('SBM.png') repeat-x !important}
.SBR{background:url('SBR.png') no-repeat !important}

/* Webbits - Place Webbit styles here */
.SubscriberButtons{text-align:center}
.SubscribeMe input{width:135px}
/* Photo Albums */
.Album{width:220px;height:220px;margin:10px;background:#F7F6EC}/* Set width and height about 30px larger then the album thumbnail size in Webbit settings */
.Photo{width:170px;height:170px;margin:10px;background:#F7F6EC}/* Same as above but for photo thumbnail */
.Album:hover,.Photo:hover{background:#EAE6CD;}/* Set the hover colour */
.Album .photo_198,.Photo .photo_198{margin-bottom:6px}/* set any spacing around the thumbnail */
.inlineimage  {height:auto !important;width:530px !important;}
/* Calendar */
.Blog_Archive .SubHead{font-size:11px;font-weight:bold}
.BlogCalendar{border:none !important}
.BlogCalendar td {background-color:#F0EDDA}
.Blog_Archive_DayHeader{color:#676035 !important;font-size:10px;background-color:#F0EDDA;border-bottom:1px solid #CDC388;border-top:1px solid #CDC388;padding:0}
.Blog_Archive_Day{font-size:11px;background-color:#F7F6EC;}
.Blog_Archive_Day a, .Blog_Archive_SelectedDay a, .Blog_Archive_WeekendDay a, .Blog_Archive_TodayDay a,.Blog_Archive_NextPrev a{color:#676035 !important;width:100%;text-decoration:none}
.Blog_Archive_NextPrev{font-size:11px;}
.Blog_Archive_OtherMonth{font-size:11px;background-color:#F7F6EC;}
.Blog_Archive_OtherMonth a:link{color:#CDC388 !important}
.Blog_Archive_SelectedDay{border:1px solid #CDC388 !important;background-color:#F0EDDA !important;font-size:11px;}
.Blog_Archive_Selector{font-size:11px;background-color:red !important;}
.Blog_Archive_Title{font-size:11px;font-weight:bold;background-color:#F7F6EC;color:#707058;border:none !important}
.Blog_Archive_TodayDay{border:1px solid #CDC388 !important;background-color:#FFCC00 !important;font-weight:bold;}
.Blog_Archive_WeekendDay{font-size:11px;background-color:#FFFFDD;}
.Blog_Archive_WeekendDay a:link{color:#676035 !important}
.blog_pub-month{background:#FFA500}
/* Contact Form */
.QuickForm{margin-left:30px}
.QuickForm input[type=text]{width:240px}
.QuickForm textarea{height:100px !important}
ul.cs-twitter-list li div.cs-twitter-list-container{background:#F9F7E7}

/* Homepage horizontal menu tweaks */
#HorizontalMenu ul.sub {left:0 !important;}
#HorizontalMenu li a{margin-bottom:0 !important;}
#HorizontalMenu .MenuBar{height:23px;}
.SplashPage .MenuBar{height:23px;background-image:none;background:#F6F4E8}