/* ----------------------------------------------------------------------------------------------------------- */
/* Section 1: CSS Reset -------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
.rt ul {list-style-type:disc; margin:0 0 1.17em 20px; color:#333333;}

.rt ul li {line-height:1.3em;}

.rt ol {list-style-type:decimal; margin:0 0 1.17em 26px;}

.rt ol li {line-height:1.3em;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

#topSearch fieldset,#topSearch form,#topSearch label,#topSearch legend,#topSearch input {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

/* ----------------------------------------------------------------------------------------------------------- */
/* Section 2: Standard HTML tags redefinition / editor styles ------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------- */

html {font-size:55.5%;}

/* set base font size here. everything else will inherit */
body {font-family: Arial, Helvetica, sans-serif; font-size:1.4em;}

#bodyWrapper {width:960px; margin:0 auto 0 auto;}
#wrapper {}

h1 {color:#4a4a4a; margin:0 0 0.5em 0; font-size:1.7em;}
h2 {color:#4a4a4a; margin:0 0 1em 0; font-size:1.4em;}
h3 {color:#000000; margin:0 0 1em 0; font-size:1em;}
h4 {color:#000000; margin:0 0 1em 0; font-size:1em;}
h5 {color:#000000; margin:0 0 1em 0; font-size:1em;}
h6 {color:#000000; margin:0 0 1em 0; font-size:1em;}

p {color:#333333; margin:0 0 1em 0;}

a:link {color:#e07908; text-decoration:none;}
a:active {color:#e07908; text-decoration:none;}
a:visited {color:#e07908; text-decoration:none;}
a:hover {color:#e07908; text-decoration:underline;}

#contentWrapper ul {}
#contentWrapper ul li {}
#contentWrapper ul li a {}

#contentWrapper ol {}
#contentWrapper ol li {}
#contentWrapper ol li a {}

table {}
tr {}
th {}
td {}

font {}
span {}
b {font-weight:bold;}
strong {font-weight:bold;}
u {text-decoration:underline; }
i {font-style:italic;}
sub {}
sup {}
code {}


/* ----------------------------------------------------------------------------------------------------------- */
/* Section 3: Base Layout ------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------- */

body {background-color:#ffffff; background-image: url("/layouts/clearpeople/images/backgrounds/bg.gif"); background-repeat:repeat-x;}

#headerWrap {width:100%; display:block; overflow:hidden; background-color:#ffffff;}
#headerWrap2 {width:960px; display:block; overflow:hidden; margin:0 auto 0 auto; background-image:url("/layouts/clearpeople/images/backgrounds/header.gif"); background-repeat:no-repeat;}

#headerHeight {width:1px; height:107px; display:block; overflow:hidden; float:left;}

#header {width:959px; margin:0 auto 0 auto; display:block; overflow:hidden;}

#headerLogoContact {width:960px; height:74px; background-repeat:no-repeat;}
#headerContact {width:200px; float:right; text-align:right; margin:12px 30px 0 0; color:#666666;}
#headerContact b {font-size:1.2em; color:#999999;}

#headerBanner {width:960px; height:146px; background-repeat:no-repeat; background-color:#ffffff;}
#headerBannerText {width:974px; height:106px; padding:20px 30px 20px 30px; display:block; overflow:hidden;}

#topMenu {width:959px; height:30px; margin:0 auto 0 auto; font-size:1.07em;}
#topMenu ul {width:730px; margin:0 0 0 17px; height:30px; float:left;}
#topMenu ul li {float:left; margin:0 7px 0 0;}
#topMenu ul li a {color:#ffffff; font-weight:bold; display:block; padding:7px 10px 7px 10px;}
#topMenu ul li a:hover {color:#f5b56e; text-decoration:none;}
#topMenu .selected a{color:#f5b56e; text-decoration:none;}

#topSearch {width:210px; height:26px; float:right; overflow:auto; padding:7px 0 0 0px;}
#topSearch input {width:161px; height:14px; font-size:11px; padding:0px 3px 0px 3px; margin:2px 0 0 12px; float:left; background-color:Transparent; color:#ffffff;}
#topSearch a {float:left; margin:0 0 0 4px;}

#wrapper {width:100%; display:block; overflow:hidden; background-color:#ffffff; background-image:url("/layouts/clearpeople/images/backgrounds/wrapper.gif"); background-repeat:no-repeat; padding:7px 0 0 0;}
#wrapper2 {width:958px; display:block; overflow:hidden; margin:0 auto 0 auto; border:1px solid #dfdfdf; border-top:0; border-bottom:0;}

#bodyHeight {width:1px; height:450px; display:block; overflow:hidden; float:left;}

#footerWrap {width:100%; display:block; overflow:hidden; position:relative; background-image:url("/layouts/clearpeople/images/backgrounds/wrapper2.gif"); background-repeat:no-repeat; padding:16px 0 0 0;}
#footerWrap2 {width:960px; display:block; overflow:hidden; margin:0 auto 0 auto; background-color:#d4d4d3; background-image:url("/layouts/clearpeople/images/backgrounds/footerwrap2.gif"); background-repeat:no-repeat; padding:9px 0 0 0;}

#footerHeight {width:1px; height:180px; display:block; overflow:hidden; float:left;}

#footerSection1 {width:959px; height:80px; margin:0 auto 0 auto; position:relative;}

#footerSection2 {width:959px; margin:20px auto 30px auto; overflow:auto;}
#footerSection2, #footerSection2 h3, #footerSection2 a, #footerSection2 a:hover {color:#666666;}
#footerSection2List {width:550px; float:left; padding:0 15px 0 30px;}
#footerSection2List  a:hover{color:#f5b56e;}
#footerSection2List ul {width:160px; float:left; margin:0 8px 30px 0;}
#footerSection2Partner {width:319px; float:left; margin:0 0 0 15px;}

#footerSection3 {width:909px; height:35px; margin:0 auto 0 auto; padding:0 0 0 30px; position:absolute; bottom:0; left:0; font-size:11px;}
#footerSection3, #footerSection3 a, #footerSection3 a:hover {color:#666666;}
#footerSection3 span {display:block; overflow:hidden; float:left; font-size:11px;}
#footerSection3 ul {float:left;}
#footerSection3 a:hover{color:#f5b56e;}
#footerSection3 ul li {float:left;  display:block; overflow:hidden;}
#footerSection3 ul li a {font-size:11px;}
#footerSection3 ul li a:hover{color:#f5b56e;}

/* ----------------------------------------------------------------------------------------------------------- */
/* Section 3: Main Layout ------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------- */
#WrapperTwoCol{ margin-top:0px; display:block; overflow:hidden;}
#WrapperThreeCol{ margin-top:0px; display:block; overflow:hidden;}
#WrapperHome{margin-top:0px; display:block; overflow:hidden;}
.MainAreaHome{ width:744px; margin-left:3px; float:left; margin-right:1px;}
.RightAreaHome{width:205px; float:left; overflow:hidden;}
.LeftArea{float:left; width:200px;}
.ContentArea2Col{float:left; margin:5px 10px 0 20px; width:715px;}
.ContentArea3Col{float:left; margin:5px 10px 0 20px; width:505px;}
.RightArea{float:right; margin:30px 5px 0 0; width:169px;}
.RightArea img{width:169px;}

.MainAreaHome .MainContent {width:744px; height:271px; display:block; overflow:hidden; position:relative; background-repeat:no-repeat;}
.MainAreaHome .MainContent #standardImageText {position:absolute; width:485px; height:110px; top:140px; left:20px; margin:0; padding:0;}

ul.homePanel {width:205px; display:block; overflow:hidden; background-image:url("/layouts/clearpeople/images/backgrounds/homepanel.gif"); background-repeat:no-repeat;}
ul.homePanel li {display:block; overflow:hidden;}
ul.homePanel li h3 {margin:5px 0 5px 10px; cursor:pointer; color:#ffffff; font-weight:normal;}
ul.homePanel li a {display:block; height:44px; padding:3px 0 0 57px; margin:0 0 2px 0; line-height:14px; font-size:12px; color:#000000; overflow:hidden; background-image:url("/layouts/clearpeople/images/buttons/mainpanelbuttons.gif"); background-repeat:no-repeat;}
ul.homePanel li a:hover {text-decoration:none;}
ul.homePanel li strong {display:block; cursor:pointer; overflow:hidden; clear:both;}
ul.homePanel li em {display:block; cursor:pointer; overflow:hidden; clear:both; color:#e07908; font-style:normal;}

ul.homePanel li.a a {background-position:0 -240px;}
ul.homePanel li.a a:hover {background-position:0 0px;}
ul.homePanel li.b a {background-position:0 -288px;}
ul.homePanel li.b a:hover {background-position:0 -48px;}
ul.homePanel li.c a {background-position:0 -336px;}
ul.homePanel li.c a:hover {background-position:0 -96px;}
ul.homePanel li.d a {background-position:0 -384px;}
ul.homePanel li.d a:hover {background-position:0 -144px;}
ul.homePanel li.e a {background-position:0 -432px;}
ul.homePanel li.e a:hover {background-position:0 -192px;}

.homeRowOne {display:block; overflow:hidden; background-image:url("/layouts/clearpeople/images/backgrounds/homeRowOne.gif"); background-repeat:no-repeat; padding:0 0 18px 0; background-position:left bottom;}
.homeRowTwo {display:block; overflow:hidden; background-image:url("/layouts/clearpeople/images/backgrounds/homeRowTwo.gif"); background-repeat:repeat-y;}
.homeRowTwoInner {display:block; overflow:hidden; background-image:url("/layouts/clearpeople/images/backgrounds/homeRowTwoInner.gif"); background-repeat:no-repeat; background-position:left bottom; padding:0 0 10px 0;}
#homeRowTwoInnerHeight {width:1px; height:170px; display:block; overflow:hidden; float:left;}

#breadcrumb{margin:0px 0px 10px 5px; padding:0 0 10px 0; font-size:1em; clear:both; border-bottom:1px dotted #cccccc;}
.Spots{ width:580px; margin-top:10px; border-top:1px dashed #000000;}
.SpotLine{float:left; margin:0 0 0 20px; padding-top:5px; font-size:12px;}
.SpotLineImage{float:left; margin:10px 0 0 20px;}
.LeftContentArea{margin:20px 0 0 20px;}
#addthis{position:absolute; right:30px; top:20px;}

.leftmenu {padding:0px 0 0 0; margin:5px 0 20px 10px;}
.leftmenu ul {padding:0 0 9px 0;  background-position:left bottom;}
.leftmenu ul li {padding:0;}
.leftmenu ul li a {display:block; overflow:hidden; padding:5px 10px 5px 10px; color:#666666; margin:0 0 1px 0; background-image:url("/layouts/clearpeople/images/buttons/leftmenu3.gif"); background-repeat:repeat-x;}
.leftmenu ul li a:hover {color:#e07908; text-decoration:none; background-position:0 -91px; color:#ffffff;}
.leftmenu ul li a.selected{padding:5px 10px 5px 10px; margin:0 0 1px 0; display:block; overflow:hidden; background-position:0 -91px; color:#ffffff;}

.leftmenu ul li ul {padding:0px; background-image:none;}
.leftmenu ul li ul.Submenu li a {padding-left:25px;}
.leftmenu ul li ul.Submenu li ul li a {padding-left:50px;}


#playerPage ul { display:block; overflow:hidden;}
#playerPage ul li {float:left;}
#playerPage ul li div.two {text-align:center;}
#playerPage ul.tabs li.tabsOne {width:90px;border:2px solid #52b647; padding:5px 0 5px 0;}
#playerPage ul.tabs li.tabsTwo {width:90px; margin:0;border:2px solid #52b647; padding:5px 0 5px 0;}
#playerPage ul.tabs li.tabsThree {width:88px;border:2px solid #52b647; padding:5px 0 5px 0;}
#playerPage ul.tabs li.tabsOne a {color: #52b647;}
#playerPage ul.tabs li.tabsTwo a {color: #52b647;}
#playerPage ul.tabs li.tabsThree a {color: #52b647;}

#playerPage .PlayerTabbedAreaRed {background-color:#ffffff; border:2px solid #52b647; padding:6px;}
#playerPage .PlayerTabbedAreaRed .greyBorder div.two {padding:0;}
#playerPage .PlayerTabbedAreaRed .RecipesTitles img {margin:0 5px 2px 0;}

#flash{ width:300px; height:200px;}
/**/

/* ----------------------------------------------------------------------------------------------------------- */
/*Events - Table --------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
.newsTable {width:100%;}
.newsTable .dateCol {width:130px;}
.newsTable table, .newsTable tr, .newsTable td, .newsTable tbody {background-color:#ffffff;}
.newsTable th {background-color:#87ce7f; color:#000000; border:2px solid #ffffff; text-align:left; vertical-align:text-top; padding:7px 12px 7px 12px;}
.newsTable td {border:none; border-width:0 0 1px 0; border-bottom:1px dotted #cccccc; text-align:left; vertical-align:text-top; padding:7px 12px 10px 12px;}
.newsTable tr {border-bottom:1px solid #cccccc;}
.newsTable .findMore {margin-bottom:0;}


#ClientSpot{float:left; width:320px; padding:0 10px 10px 10px;}
#standardImageText {margin:15px 0 20px 0;}
.marginBottom {margin-bottom:15px;}
.FooterSpots{float:left; padding:0 20px 0 20px}
.ImageFooterSpot{ float:left;}
.TextFooterSpot{ float:left;}

.homespot{ float:left; width:200px; padding: 10px 20px 0 15px; font-size:12px;}
.homespot h1 { font-weight:normal;}
.homespot h3{ background-color: #52b647; color:#ffffff;}
.homenews{ margin:8px 0 0 8px;}
.homenews li{ list-style-type:none;}
/*.homenews a{ color:#333333; }
.homenews a:hover{ color:#e07908}*/

.leftspots {margin:5px 0 20px 10px; }
.leftspots ul li {display:block; overflow:hidden; padding:5px 10px 5px 10px; color:#666666; margin:0 0 1px 0; background-image:url("/layouts/clearpeople/images/buttons/leftmenu3.gif"); background-repeat:repeat-x;}
.RightArea{float:left; margin:50px 20px 10px 10px;}
.MainContent{ padding-left:5px;}
#latestnews{ font-size:12px; color:#ffffff; font-weight:bold; background-color:#52b647; height:19px; }
.textnews{ padding:3px 0 0 10px;}