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

/* Tags, fonts & colours */
body, .Normal{color:#3F2717; font-family:Arial,Helvetica,sans-serif,Verdana;font-size:13px;font-weight:strong;}/* Apply a default font and  colour here - This will be inherited by most other tags*/
h1{color:#BF692F;font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal;border-bottom:1px solid #c7c7c7;}/* Apply mainly colours for the rest of these items */
h2{color:#BF692F;font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal;border-bottom:1px #c7c7c7 solid;}
h3{color:#BF692F;font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal}
h4{color:#BF692F;font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal}
h5{color:#BF692F;font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal;}
h6{color:#3e254b;font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal}
.StandardButton{}
.StandardButton:hover{}
hr{}
img{}
blockquote{}
.Head{color:#0085b0}/* Common admin headings */
.SubHead{color:#E56447}/* Common admin labels */
input[type=text],input[type=file],select,textarea{color:#000000}/* This colours all text areas and input fields in one go */

/* Default hyperlink and CommandButton colours */
a, a:link, a:visited{color:#BF692F; text-decoration:none;}
a:active, a:hover{color:#0C345D; 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:hover .FooterDivider,.Footer a:link,.Footer a:visited{color:#596480}
.Footer a:active,.Footer a:hover{color:#000000}

/* 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{}/* 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 */
.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:#e8e8e8}
.Placement{}
.Above{}
.Shadow{}
.PaperBorder{border:none}
.Paper{-moz-border-radius:12px 12px 12px 12px;-webkit-border-radius:12px 12px 12px 12px;border-radius:12px 12px 12px 12px;position:relative;z-index:1;behavior:url(/js/css3.htc);background:#efefef}/* Paper includes header and logo - Mainly for background colour */
.Paper,.LogoPane,.Footer{width:980px} /* Type the width of the logo graphic here */
.LogoPane,.LogoLink{height:228px} /* Type the height of the logo graphic here */
.LogoPane{background:Transparent url(Logo.jpg) no-repeat scroll 14px 13px;position:relative;} /* The file name of the Logo graphic - Must be in Web Root or must specify absolute path */
.LogoLink{width:340px} /* An invisble link to the site homepage. To make room for a Webbit in place of the logo, set this to display:none */
.Logo{background:none repeat scroll 0 0 Transparent;left:-14px;position:absolute;top:9px;width:1051px;}
.MenuBar{-moz-border-radius:8px 8px 8px 8px;-webkit-border-radius:8px 8px 8px 8px;border-radius:8px 8px 8px 8px;position:relative;z-index:1;behavior:url(/js/css3.htc);background:#0C345D repeat-x;padding:2;float:right;margin-top:77px;width:926px;height:35px;margin-right:20px}/* This covers the entire menu including sign-in */
.SigninPane .ContainerHead,.SigninPane .ContainerBody,.SigninPane .ContainerFoot{display:none}/* Special SigninPane class for Vertical rounded template */
.SigninPane{display:none}/* SigninPane for all other templates */
.Header {height:40px;background:Transparent}
.SearchBar{display:none}
.BreadCrumbPane{}
.SearchPane{}
.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: 10px}
.WrapperHome .Content{height:0}
.Right{}
.Bottom{}
.Foot{}
.PaperBottomEdge{}/* An empty div at the bottom edge of the Paper for graphics or colours */
.Footer{top:24px}
.Below{width:100%;height:50px}

/* 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 */
.Light .ContainerHead{background:Transparent;border-bottom:none;padding-left:22px;}
.Light .ContainerTitle{color:#FF9B58}
.Light .ContainerBody{background:Transparent;padding:0px 30px 0px 30px}
.Light .Normal{color:#FFFFFF;}
.Light .ContainerFoot{background:Transparent}
.LightContainer{background:#929B00;border:2px solid #ffffff;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;behavior:url(/js/css3.htc)}

.HighLight .ContainerHead{background:Transparent;border-bottom:none;padding-left:22px;padding-top:12px;}
.HighLight .ContainerTitle{color:#FF9B58}
.HighLight .ContainerBody{background:Transparent;padding:0px 30px 0px 30px}
.HighLight .Normal{color:#FFFFFF;}
.HighLight .ContainerFoot{background:Transparent}
.HighLightContainer{background:#0C345D;border:2px solid #0C345D;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;behavior:url(/js/css3.htc)}

.Dark .ContainerHead{background:Transparent;border-bottom:none;}
.Dark .ContainerTitle{color:#3E4B6B}
.Dark .ContainerBody{background:Transparent;}
.Dark .Normal{color:#3F2717}
.Dark .ContainerFoot{background:Transparent}
.DarkContainer{background:#ffffff;border:2px solid #FFFFFF;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;behavior:url(/js/css3.htc)}

/* For vertical menu only */
.Left .Container,.Left .NoContainer,.MenuBar,.SearchPane{}/* Left column width */
.Right .Container,.Right .NoContainer{}/* Right column width */

/* For horizontal menu only */
.Left .Container,.Left .NoContainer{}/* Left column width */
.Right .Container,.Right .NoContainer,.SearchPane{width:250px}/* Right column width */

/* SubMenu width and displacement relative to Menu */
ul.lvl1,ul.lvl2,ul.lvl3{width:140px}/* 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,Helvetica,sans-serif;font-size:13px;font-weight:bold}/* Menu font. Use long-hand CSS i.e. font-size, font-weight etc */
ul.Menu .sub a{padding:5px}/* Sub Menu font, if different */

/* Menu Wrappers */
.MenuBar{}/* Outer menu wrapper. Includes SigninPane. Displays a background graphic. Set background:none to remove */
.MenuPane{width:915px;margin:0 auto;border:none}/* 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: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:none}/* First submenu item */
ul.Menu .sub a{border:none}/* Remaining submenu items */
ul.Menu .sub a.last{border:none}/* 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:#ffffff}/* Menu */
ul.Menu a.branch{}/* Menu Branch */
ul.Menu a.current,ul.Menu a.breadcrumb{color:#ffffff;background:Transparent}/* Menu Active */
ul.Menu a:hover,ul.Menu a:focus{color:#B3B922;background:Transparent}/* Menu Hover */

/* SubMenu colours */
ul.Menu .sub a,ul.Menu .sub a:visited{background:#0C345D}/* Sub Menu */
ul.Menu .sub a.branch{background:#0C345D}/* Sub Menu Branch */
ul.Menu .sub a.current,ul.Menu .sub a.breadcrumb{background:#0C345D}/* Sub Menu Active */
ul.Menu .sub a:hover,ul.Menu .sub a:focus{color:#B3B922;background:#0C345D}/* Sub Menu Hover */

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

/* 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:16px 10px 0 10px}/* {margin:6px 6px 0 6px} */
.Left .Container{margin:16px 0 0 10px}/* {margin:6px 0 0 6px} */
.Right .Container{margin:20px 20px 0 0}/* {margin:6px 6px 0 0} */
.Bottom .Container{margin:16px 10px 10px 10px}/* {margin:12px 12px 0 12px} */
.Foot .Container{margin:16px 10px 10px 10px}/* {margin:20px 2px 0 20px} */

/* 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{display:none}/* 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{}
.SBR{}

/* Webbits - Place Webbit styles here */

.ListTitleRow {background-color:transparent !important}
.afpostbody{font-size:13px}

/* Custom Article Manager */

.articleCalendar{display:none;}
.articleCredit{display: none;}
.articleHeadline h1 {background:none repeat scroll 0 0 #FFFFFF !important;border-bottom: 2px solid #D9D9D9 !important;color: black;font-size: 20px !important;font-weight: bold;letter-spacing: -0.5px !important;line-height: 33px !important;margin-bottom: 0 !important;margin-top: 5px !important;padding-bottom: 5px;}
.articleHeadline{background: none repeat scroll 0 0 #FFFFFF !important;border: medium none !important;margin-bottom: 0 !important;overflow: hidden !important;padding: 8px !important;

.articleText{color: #404040 !important;font-size: 14px !important;line-height: 21px !important;}
.articleImage img {border: 1px solid #ECECEC !important;}
/* END of Custom Article Manager */