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

/* Tags, fonts & colours */
body, .Normal{font:15px Arial,Helvetica}/* Apply a default font and  colour here - This will be inherited by most other tags*/
h1{color:#80C242;font-size:26px;margin:0 0 18px}/* Apply mainly colours for the rest of these items */
h2{color:#80C242}
h3{color:#10477A}
h4{color:#80C242}
h5{}
h6{}
.StandardButton{}
.StandardButton:hover{}
hr{border-style:double;border-width:4px 0 0;border-color:#80C342}
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:#10477A}
a:active, a:hover{color:#80C242}

/* 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{color:#10477A}
.BreadCrumbPane a:active,.BreadCrumbPane a:hover{}
.Footer,.Footer a:hover .FooterDivider,.Footer a:link,.Footer a:visited{}
.Footer a:active,.Footer a:hover{color:#BFBFBF}

/* 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{margin-left:35px}/* The second sign-in link at bottom of page */
.Terms{}
.Privacy{}
.Copyright{}
.Producer{margin-right:35px}/* 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 */
.Wrapper{}/* Same as the Outer div, but with a unique class per page - Important usage note: If page name is "Contact Us", change this class to .WrapperContact */
.Page{background:#10477A}
.Placement{}
.Above{}
.Shadow{}
.PaperBorder{border:1px solid #000000}
.Paper{}/* Paper includes header and logo - Mainly for background colour */
.Paper,.LogoPane,.Footer{width:100%} /* Type the width of the logo graphic here */
.LogoPane,.LogoLink{height:110px} /* Type the height of the logo graphic here */
.LogoPane{background:#FFF url(LogoSmall.jpg) no-repeat;position:relative} /* The file name of the Logo graphic - Must be in Web Root or must specify absolute path */
.LogoLink{width:270px} /* An invisble link to the site homepage. To make room for a Webbit in place of the logo, set this to display:none */
.Logo{right:0;position:absolute;top:0px;width:541px;}
.MenuBar{min-width:950px;background:url(MenuBar.png) repeat-x;height:40px;border-top:1px solid #777777}/* This covers the entire menu including sign-in */
.SigninPane .ContainerHead,.SigninPane .ContainerBody,.SigninPane .ContainerFoot{}/* Special SigninPane class for Vertical rounded template */
.SigninPane{display:none}/* SigninPane for all other templates */
.Header{}
.SearchBar{}
.BreadCrumbPane{overflow:visible}
.SearchPane{position:relative;top:-42px;background-color:transparent}
.SearchInput{}/* Change this 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{padding:20px}
.Page1920 .Content{padding:0}
.Right{}
.Bottom{}
.Foot{}
.PaperBottomEdge{}/* An empty div at the bottom edge of the Paper for graphics or colours */
.Footer{}
.Below{}

/* 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 - Some other containers with identical structure are: .Dark .HighLight .Transparent .Blank */
.LightContainer{border-bottom:1px solid #FFFFFF}/* All 3 container sections in one */
.Light .ContainerHead{background-color:#80C342;border-bottom:1px solid #FFFFFF}/* Head section background color */
.Light .ContainerTitle{font-weight:bold;font-size:16px;color:#FFFFFF;line-height:34px}/* Title font and colour */
.Light .ContainerBody{background-color:#80C342}/* Body section background color */
.Light .Normal{color:#FFFFFF;font-size:13px}/* Content font and colour */
.Light a:link,.Light a:visited{color:#FFF}
.Light a:active,.Light a:hover{color:#333}
.Light .ContainerFoot{}/* 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:6px 0 0 6px} */
.Right .Container{margin:0;position:relative;top:-35px}/* {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{}/* 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.Menu a{width:100px}
ul.lvl1 a{width:190px}
ul.lvl1,ul.lvl2,ul.lvl3{top:40px}/* 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-family:Tahoma,Arial;font-size:11px}/* 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*/

/* Menu item borders and separators. Set border:none to remove defaults. Note that root items cascade to Sub Menus*/
ul.Menu a.first{border-left:none}/* First menu item */
ul.Menu a{border-left:none;border-right:1px solid #777777}/* Root separator */
ul.Menu a.last{border-right:1px solid #777777}/* Last menu item */
ul.Menu .sub a.first{border-top:0px solid #DBDBDB}/* First submenu item */
ul.Menu .sub a{border-bottom:0px solid #DBDBDB;border-left:0px solid #DBDBDB;border-right:0px solid #DBDBDB}/* 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:#666;background:transparent}/* Menu */
ul.Menu a.branch{}/* Menu Branch */
ul.Menu a.current,ul.Menu a.breadcrumb{color:#666;background:transparent}/* Menu Active */
ul.Menu a:hover,ul.Menu a:focus{color:#333;background:transparent}/* Menu Hover */

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

/* Individual menu item height and padding. Apply height like this {height:36px;line-height:36px} */
ul.Menu a{padding-top:1px;line-height:16px}/* Menu */
ul.Menu .sub a{}/* Sub Menu */
ul.WWXHTMLMenu li {white-space:normal}

/* 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 of shadow graphics columns - Default is width:24px */
.ST{display:none}
.SB{}/* Height of shadow graphics rows - Default is height:24px */
.STL{background:url('/Images/ShadowMediumTL.png') no-repeat}
.STM{background:url('/Images/ShadowMediumTM.png') repeat-x}
.STR{background:url('/Images/ShadowMediumTR.png') no-repeat}
.SLM{background:url('/Images/ShadowMediumLM.png') repeat-y}
.SRM{background:url('/Images/ShadowMediumRM.png') repeat-y}
.SBL{background:url('/Images/ShadowMediumBL.png') no-repeat}
.SBM{background:url('/Images/ShadowMediumBM.png') repeat-x}
.SBR{background:url('/Images/ShadowMediumBR.png') no-repeat}

/* Webbits - Place Webbit styles here */

.articleHeadline {background-color:transparent}

/* 
.Bullets{margin-top:6px;margin-bottom:12px}
.Bullets li{margin-left:-15px;margin-top:6px;list-style-type:none;background-image:url(http://www.wonderwebs.com/images/Coolbits/Bullet-001.gif); background-repeat:no-repeat; background-position:0 2px;padding-left:20px}
.ArchiveBullets{margin-top:6px;margin-bottom:12px}
.ArchiveBullets li{margin-left:-36px;margin-top:10px;list-style-type:none;background-image:url(http://www.wonderwebs.com/images/Coolbits/Bullet-001.gif); background-repeat:no-repeat; background-position:0 2px;padding-left:20px}
*/