html {
    overflow-y: scroll;
}

iframe{
    margin-bottom: -2px;
}

img {
    border: none;
}    

body {
    background-color: #F0F0F0;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 0;
    padding: 0;
}

#page-wrapper {
    background-color: white;
    -webkit-box-shadow: 4px 4px 4px 4px #888;
    -moz-box-shadow: 4px 4px 4px 4px #888;
    box-shadow: 4px 4px 4px 4px #888;
    margin: 0 auto 10px;
    padding: 10px;
    width: 770px;
}

.popup #page-wrapper {
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    box-shadow: 0 0;
    margin: 0;
    width: auto;
}

.popup-pager {
    border-top: 1px dotted #B2CCCC;
    border-bottom: 1px dotted #B2CCCC;
    margin: 5px 0;
    padding: 5px 0;
}

#masthead {
    border-bottom: 1px solid #B2CCCC;
    margin-bottom: 5px;
}

#mentor-logo {
    display: block;
    float: left;
    margin-right: -150px;
    padding: 10px 0;
}

.popup #mentor-logo {
    padding: 5px;
}

#mentor-logo img {
    border: none;
}

#searchbar {
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 65px -770px 0 465px;
    position: relative;
    width: 305px;
    z-index: 10;
}

#home-contact {
    float: left;
    line-height: 1.2em;
    margin-right: -150px;
    padding: 6px 0;
    width: 150px;
}

#search-filter-reset a {
    color: #666666;
}

#home-contact a {
    color: #666666;
}

a#home-link {
    color: #54901B;
}

#search {
    float: right;
}

#project-search {
    margin-bottom: 10px;
}

.term {
    border: 1px solid #B2CCCC;
    color: #666;
    float: left;
    font-size: 10px;
    height: 13px;
    margin: 3px 5px;
    padding: 2px;
    width: 144px;
}

#project-search .term {
    margin-left: 0;
    width: 96px;
}

.search-submit {
    background-color: #f0f0f0;
    border: 1px solid #B2CCCC;
    color: #666;
    float: left;
    font-size: 10px;
    height: 19px;
    margin: 3px 0;
    padding-bottom: 1px;
}

#search-submit:hover {
    background-color: #f6f6f6;
}

#language-switcher {
    float: right;
    margin-top: 30px;
}

.goog-te-gadget-simple {
    border: none !important;
}

.goog-te-gadget-simple:hover {
    background: #f6f6f6;
}

.goog-te-menu-value:hover {
    text-decoration: none;
}

#ls-submit {
    border: 1px solid #B2CCCC;
    margin-left: 5px;
}

#ls-submit:hover {
    background-color: #f6f6f6;
}

#todays-date {
    float: right;
    font-weight: bold;
}

#navigation {
    position: relative;
}

#section-menu {
    position: absolute;
    top: 29px;
    width: 150px;
}

.homepage #section-menu {
    position: static;
}

#section-menu a {
    color: #666666;
    font-weight: normal;
}

#main-menu {
    left: 152px;
    position: absolute;
    width: 620px;
}

#main-menu a {
    font-weight: normal;
}

#main-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#main-menu li {
    background-color: white;
    float: left;
    margin: 0 0 0 1px;
    padding: 0 2px 1px;
    position: relative;
    width: 150px;
    z-index: 100;
}

#main-menu li:hover {
    background-color: #F6F6F6;
}

#main-menu .sub-menu {
    display: none;
    margin-top: 4px;
    position: relative;
}

#main-menu .sub-menu li {
    margin: 1px 0 0;
    padding: 0;
}

#main-menu li:hover .sub-menu {
    display: block;
}

#footer {
    background: #333 url("rainbow.png") repeat-x top;
    color: #ddd;
    margin: 5px -10px -10px -10px;
    padding: 8px 0 1px;
/*  IE 6&7 require explicit width with negative margins */
    width: 790px;
}

#footer p {
    margin: 0 10px 1em;
}

#footer a {
    color: #EEE;
}

/*
 *  4-columns: 183px wide, 11px left margin
 *  5-columns: 145px wide, 10px left margin
 */
.footer-column {
    float: left;
    margin-left: 11px;
    padding: 10px 0;
    width: 183px;
}

.footer-column h2 {
    font-size: 12px;
    margin-top: 0;
}

.footer-column ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-column li {
/* IE6-7 add extra spacing if these are blocks */
    display: inline;
    padding: 0;
}

.footer-column a {
    display: block;
    margin-bottom: 3px;
}

#facebook {
    background: url("fb-icon.png") no-repeat;
    padding: 2px 0 2px 20px;
}

#twitter {
    background: url("t-icon.png") no-repeat;
    padding: 2px 0 2px 20px;
}

#main {
    margin-top: 5px;
    min-height: 400px;
    height: auto !important;
    height: 400px;
}

#content {
    float: left;
    margin: 0 -460px 0 155px;
    width: 305px;
}

.section-1 #feature {
    border-bottom: 1px dotted #B2CCCC;
    float: none;
    margin: 0 0 5px 0;
    width: 100%;
}

.section-1 #feature-content {
    float: left;
    margin: 0 -460px 0 0;
    padding-bottom: 5px;
    width: 460px;
}

.section-1 #feature-sidebar {
    float: left;
    margin: 0 -770px 0 465px;
    padding: 5px;
    width: 295px;
}

#feature #content {
    border-bottom: 1px dotted #B2CCCC;
    margin-bottom: 5px;
}

#listing {
    float: left;
    margin: 0 -770px 0 155px;
    width: 615px;
}

.narrow-sidebar #content {
    margin: 0 -615px 0 155px;
    width: 460px;
}

.no-sidebar #content {
    margin: 0 -770px 0 155px;
    width: 615px;
}

.body-text {
    margin: 10px;
}

.popup .body-text {
    margin: 5px 0;
}

#sidebar {
    float: left;
    margin: 0 -770px 0 465px;
    width: 305px;
}

.narrow-sidebar #sidebar {
    margin: 0 -770px 0 620px;
    width: 150px;
}

.narrow-sidebar #donate h3 {
    background-color: #76A648;
    color: white;
    margin: 0;
    padding: 10px 5px;
}

.narrow-sidebar #donate p {
    margin: 1em 5px;
    padding: 0;
}

.narrow-sidebar #donate form {
    padding: 0 5px;
}

#page-title,
.WhiteHeader {
    font-size: 12px;
    color: #FFFFFF;
}

#content .WhiteHeader a {
    color: #ffffff;
}

#page-title,
#subtitle {
    margin: 0;
    padding: 10px;
}

.main-picture img {
    border: 0;
    margin: 0;
    padding: 0;
/*  IE aligns to baseline and we get 2px of background for descenders */
    vertical-align: bottom;
}

.section-2 #content .main-picture,
.section-5 #content .main-picture {
    background-color: white;
}

.section-2 #content .main-picture img,
.section-5 #content .main-picture img {
    display: block;
    margin: 0 auto;
}

tr, td {
    border: 0;
    margin: 0;
    padding: 0;
}

#section-menu ul {
    list-style-type: none;
    margin: 0 0 5px 0;
    padding: 0;
}

#section-menu li {
/* IE6-7 add extra spacing if these are blocks */
    display: inline;
    padding: 0;
}

#section-menu li a {
    margin: 0 0 5px 0;
}

#section-menu .sub-menu {
    margin-bottom: 0;
}

#section-menu .sub-menu li a {
    margin: 1px 0;
}

.rhc,
.rhc-no-image,
.columns {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.rhc {
    margin-top: -5px;
}

.rhc-no-image {
    margin-top: -2px;
}

#content .rhc-no-image {
    margin: 0 10px;
}

.rhc-no-image li,
.rhc li,
.columns li {
    padding: 0 0 5px 0;
    border-bottom: 1px dotted #b2cccc;
}

.rhc li {
    margin: 3px 0 0 0;
    min-height: 67px;
    height: auto !important;
    height: 67px;
}

.columns li {
    clear: left;
    float: left;
    margin: 0 0 5px 0;
    min-height: 73px;
    height: auto !important;
    height: 73px;
    width: 305px;
}

.columns li.even {
    clear: right;
    float: right;
}

.rhc-no-image li {
    margin: 5px 0 0 0;
}

.thumbnail {
    float: left;
    margin-right: -65px;
    padding-top: 2px;
}

.columns img {
    height: auto;
    width: 145px;
}

.rhc li div {
    margin-left: 80px;
    top: -1px;
}

.columns li div {
    margin-left: 160px;
}

ol.rhc-no-image span {
    float: left;
    text-align: right;
    width: 1.8em;
}

ol.rhc-no-image a {
    display: block;
    margin-left: 2em;
}

.rhc-pager-header {
    margin-bottom: 8px;
}

.section-1 #content .rhc-pager-header {
    background-color: #EF047E;
}

.section-1 #sidebar .rhc-pager-header {
    background-color: #FF6600;
}

.section-search .rhc-pager-header {
    background-color: #999999
}

.section-2 .rhc-pager-header {
    background-color: #EF047E;
}

.section-3 .rhc-pager-header {
    background-color: #54901B;
}

.section-4 .rhc-pager-header {
    background-color: #0066FF;
}

.section-5 .rhc-pager-header {
    background-color: #FF6600;
}

.rhc-pager-header strong {
    color: #FFFFFF;
    display: block;
    padding: 4px;
}

.section-2 .rhc-pager-footer {
    background-color: #EF047E;
    height: 20px;
    margin-top: -1px;
}

.section-3 .rhc-pager-footer {
    background-color: #54901B;
    height: 20px;
    margin-top: -1px;
}

.section-4 .rhc-pager-footer {
    background-color: #0066FF;
    height: 20px;
    margin-top: -1px;
}

.section-5 .rhc-pager-footer {
    background-color: #FF6600;
    height: 20px;
    margin-top: -1px;
}

.rhc-pager-footer .next {
    color: #FFFFFF;
    display: block;
    float: left;
    width: 142px;
    margin-right: -150px;
    padding: 4px;
}

.rhc-pager-footer .prev {
    color: #FFFFFF;
    display: block;
    float: left;
    margin-left: 155px;
    padding: 4px;
    text-align: right;
    width: 142px;
}

#content .rhc-pager-footer .next {
    padding: 4px 10px;
    width: 130px;
}

#content .rhc-pager-footer .prev {
    padding: 4px 10px;
    width: 130px;
    margin-left: 310px;
}

.WhiteBodyText {
    color: #FFFFFF;
}

a {
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#navigation ul a {
    color: white;
    display: block;
    font-size: 9px;
    min-height: 12px;
/*  Works like min-height on old IE versions */
    height: auto !important;
    height: 12px;
    padding: 6px 4px;
}

#content .CaptionBG a {
    color: #ffffff;
}

.FormFormatting {
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.section-1 .BG,
.HomeBG {
    background-color: #54901B;
    color: #666666;
}

.section-1 .BGLighter,
.HomeBGLighter {
    background-color: #76A648;
    color: #FFFFFF;
}

.section-1 .CaptionBG {
    background-color: #A2E267;
    color: #FFFFFF;
    padding: 5px;
}

#page-wrapper .HomeText {
    color: #54901B;
}

.section-1 .reverse-link {
    color: #54901B;
    text-decoration: none;
    font-weight: bold;
}

.section-search .BG {
    background-color: #999999;
    color: #FFFFFF;
}

.section-search .BGLighter {
    background-color: #B3B3B3;
    color: #FFFFFF;
}

.section-2 .BG,
.MentorInActionBG {
    background-color: #EF047E;
    color: #FFFFFF;
}

.section-2 .BGLighter,
.MentorInActionBGLighter {
    background-color: #F23697;
    color: #FFFFFF;
}

.section-2 .CaptionBG {
    background-color: #F5A2C0;
    color: #FFFFFF;
    padding: 5px;
}

#page-wrapper .MentorInActionText {
    color: #EF047E;
}

.section-2 .reverse-link {
    background-color: #EF047E;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

.section-3 .BG,
.AboutMentorBG {
    background-color: #54901B;
    color: #FFFFFF;
}

.section-3 .BGLighter,
.AboutMentorBGLighter {
    background-color: #76A648;
    color: #FFFFFF;
}

.section-3 .CaptionBG {
    background-color: #A2E267;
    color: #FFFFFF;
    padding: 5px;
}

#page-wrapper .AboutMentorText {
    color: #54901B;
}

.section-3 .reverse-link {
    background-color: #54901B;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

.section-4 .BG,
.AboutPreventionBG {
    background-color: #0066FF;
    color: #FFFFFF;
}

.section-4 .BGLighter,
.AboutPreventionBGLighter {
    background-color: #3384FF;
    color: #FFFFFF;
}

.section-4 .CaptionBG {
    background-color: #6FA8FF;
    color: #FFFFFF;
    padding: 5px;
}

#page-wrapper .AboutPreventionText {
    color: #0066FF;
}

.section-4 .reverse-link {
    background-color: #0066FF;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

.section-5 .BG,
.TowardsBestPracticeBG {
    background-color: #FF6600;
    color: #FFFFFF;
}

.section-5 .BGLighter,
.TowardsBestPracticeBGLighter {
    background-color: #FF8433;
    color: #FFFFFF;
}

.section-5 .CaptionBG {
    background-color: #FFA76C;
    color: #FFFFFF;
    padding: 5px;
}

#page-wrapper .TowardsBestPracticeText {
    color: #FF6600;
}

.section-5 .reverse-link {
    background-color: #FF6600;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

.collapsMenu {
    display: none;
}

.expandMenu {
    display: table-cell;
}

/*
 * Use body classes to choose site sections
 */
.image-caption {
    background-color: #666666;
    color: #ffffff;
    padding: 4px;
    text-align: right;
}

.section-1 a {
    color: #54901B;
}

.section-2 a {
    color: #EF047E;
}

.section-3 a {
    color: #54901B;
}

.section-4 a {
    color: #0066FF;
}

.section-5 a {
    color: #FF6600;
}

/*
 *  Related Reading
 */
#relatedreading,
#relatedreadinglink {
    padding: 5px;
}

#relatedreadinglink {
    font-size: 10px;
    display: block;
}    

/*
 *  Donate to Mentor UK
 */
#donate .head {
  margin-top: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #54901b;
}

/*
 * Rotating-quote Banners
 */
#banner-wrapper {
    background-color: white;
    float: left;
    height: 85px;
    margin: 0 -610px 0 150px;
    position: relative;
    width: 460px;
}

.banner-area {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    height: 100%;
    position: absolute;
    width: 100%;
}

.section-1 .banner-area {
    background: url(/uploads/quotations/1_1.png) no-repeat;
}

.section-2 .banner-area {
    background: url(/uploads/quotations/2_1.png) no-repeat;
}

.section-3 .banner-area {
    background: url(/uploads/quotations/3_1.png) no-repeat;
}

.section-4 .banner-area {
    background: url(/uploads/quotations/4_1.png) no-repeat;
}

.section-5 .banner-area {
    background: url(/uploads/quotations/5_1.png) no-repeat;
}

.banner-1 {
    color: #a0a0a0;
    font-size: 18px;
    left: 45px;
    margin: 5px 0;
    position: absolute;
    text-align: left;
    top: 0px;
}

.banner-2 {
    color: #808080;
    font-size: 14px;
    left: 5px;
    margin: 5px auto;
    position: absolute;
    text-align: center;
    top: 22px;
    width: 100%;
}

.banner-area .banner-3 {
    color: #a0a0a0;
    font-size: 20px;
    margin: 5px 0;
    position: absolute;
    right: 40px;
    text-align: right;
    top: 38px;
}

.banner-area .banner-4 {
    font-size: 12px;
    margin: 5px 0;
    position: absolute;
    right: 45px;
    text-align: right;
    top: 65px;
}

.section-1 .banner-4,
.section-3 .banner-4 {
    color: #54901B;
}

.section-2 .banner-4 {
    color: #ef047e;
}

.section-4 .banner-4 {
    color: #0066ff;
}

.section-5 .banner-4 {
    color: #ff6600;
}

.banner-area .banner-4 span {
    background-color: white;
    color: #808080;
}

/*
 *  Links in lightbox captions should not be white.
 */
#imageData #caption a {
    color: #ef047e;
}

/**
 * Markup free clearing.
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* IE6 */
* html .clearfix {
    height: 1%;
}
/* IE7 */
:first-child + html .clearfix {
    min-height: 1%;
}