@charset "utf-8";
/*
Company: Eltham Green
Author: G Boult-Marketing for Education
Date: 06/01/10
Version: 1.0
Web: www.marketing-for-education.co.uk
*/

/*

01 Global Defualts
02 Main Containers
03 Header
04 Main Panels
05 Headings
06 Typography
07 Auxiliary Classes
08 Forms Settings
09 Links Settings

*/

/*===== GLOBAL SETTINGS =====*/
* {
    margin:0;
    padding:0;
}

body {
    font-size:82.5%;
    font-family:Arial, Helvetica, sans-serif;
    background:url(../images/full_bg_img2.gif) no-repeat;
    background-position:center top;
    background-color:#69923A;
    
}


p {
    margin-bottom:10px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.textElement p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;
}

br {margin-bottom:-5px; margin-top:0;}
/*************************************************************/


/*===== MAIN CONTAINERS =====*/

#fullPanel {
    width:896px;
    height:100%;
    margin:0 auto;
    /*remove if not required was auto*/
    position :relative;
    position:relative;
    background-color:#FFF;
}

/*************************************************************/


/*===== HEADER =====*/

#headCont {
    width:896px !important;
    height:158px;
    background:#FFF;
    position:relative;
}

#headerLeftCont {
    width:264px;
    height:158px;
    float:left;
    position:relative;
} /*holds logo and statement*/

#headerRightCont {
    width:621px !important;
    height:158px;
    float:left;
    position:relative;
}

#elthamLogo {
    width:267px;
    height:125px;
}

#elthamStatement {
    width:264px;
    height:33px;
}


/*************************************************************/


/*===== MAIN PANELS =====*/

#mainContentCont {
    width:100%;
    height:auto;
    float:left;
    position:relative;
}

#leftPanel {
    width:190px;
    float:left;
    position:relative;
    padding:10px 0 10px 10px;
    margin-bottom:60px;
}

#leftPanel p {
    color:#7d7d7d !important;
    margin-bottom:10px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#centrePanel {
    width:496px;
    float:left;
    position:relative;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    margin-bottom:20px;
}

#centrePanelWide {
    width:696px;
    float:left;
    position:relative;
}

#centrePanelWider {
    width:896px;
    float:left;
    position:relative;
}

#editableMainContent {
    width:446px;
    margin:0 auto;
    height:auto;
    padding:10px 0 20px; 0;
}

#editableMainCal {
    width:646px;
    margin:0 auto;
    height:auto;
    padding:10px 0 20px; 0;
}

#editableMainAdmin {
    width:850px;
    margin:0 auto;
    height:auto;
    padding:10px 0 20px; 0;
}

#rightRanel {
    width:200px;
    float:left;
    position:relative;
    margin-bottom:20px;
    height:auto;
    min-height:400px;
}

#rightSearch {
    width:180px;
    height:35px;
    padding:10px 10px 0 10px;
    text-align:right;
} /*this will hold the search field within right column on home and internal pages*/
.search {background:url(../images/search-field-bg.gif) no-repeat; width:176px !important; height:22px !important; margin:0; padding:0;}
.searchInput {border:0px solid #8C8C8C; width:145px; background:none; background-color:transparent !important; height:18px; font-size:11px; padding:0; margin-top:-6px !important; _margin-top:-6px;}

input.searchButton {width:22px !important; height:22px; background:none; cursor:pointer; border:0;}



#rightNews {
    width:176px;
    min-height: 185px;
    height: auto !important;
    height: 185px;
    margin:0 auto;
    margin-bottom:0;
}

#rightEvents {
    width:176px;
    height:auto;
    height:250px;
    min-height:250px;
    margin:0 auto;
    background:url(../images/events_header2.jpg) top left no-repeat;
}

#footerCont {
    width:100%;
    height:46px;
    background:url(../images/footer_bar_bg.jpg) repeat-x;
    clear:both;
    padding-top:2px;
}

/*************************************************************/


/*===== HEADINGS =====*/

#centrePanel h1 {margin-bottom:0; margin-top:10px; color:#69923A; font-size:24px; margin-left:100px; font-family:"Times New Roman", Times, serif; font-weight:normal;}
#MainContent_1_pnlTitle h1,
#MainContent_2_pnlTitle h1,
#MainContent_3_pnlTitle h1,
#MainContent_4_pnlTitle h1,
#MainContent_5_pnlTitle h1,
#MainContent_6_pnlTitle h1,
#MainContent_7_pnlTitle h1,
#MainContent_8_pnlTitle h1,
#MainContent_9_pnlTitle h1,
#MainContent_10_pnlTitle h1,
#MainContent_11_pnlTitle h1,
#MainContent_12_pnlTitle h1
{margin-bottom:15px; margin
-top:20px; color:#69923A; margin-left:0 !important; font-size:20px; font-family:"Times New Roman", Times, serif; font-weight:normal;}/*this applies the style to the heading BEFORE right elements are added*/
#MainContent_0_pnlTitle h1 {margin-bottom:15px; margin-top:20px; color:#69923A; margin-left:0 !important; font-size:20px; font-family:"Times New Roman", Times, serif; font-weight:normal;}
h2 {margin-bottom:15px; margin-top:20px; color:#69923A; font-size:20px; font-family:"Times New Roman", Times, serif; font-weight:normal;}
h3 {margin-bottom:15px; margin-top:10px; font-size:22px; color:red; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} /*front page information text*/
h4 {margin-bottom:0; margin-top:20px; color:#69923A; font-size:14px; font-family:"Times New Roman", Times, serif; font-weight:normal;}



/*************************************************************/


/*===== TYPOGRAPHY =====*/


/*************************************************************/


/*===== AUXILIARY CLASSES =====*/

.leftColumnAddress {
    width:190px;
    height:auto;
    font-size:95%;
    margin-top:15px;
    color:#7d7d7d !important;
}

.footerCopyright {
    width:150px;
    font-size:11px;
    color:#7d7d7d;
    height:36px;
    padding-top:10px;
    margin-left:10px;
    float:left;
    position:relative;
    _margin-left:5px;
}

.footerLg1 {
    width:50px;
    height:46px;
    float:left;
    position:relative;
    margin-left:6px;
}

.footerLg2 {
    width:auto;
    height:46px;
    float:left;
    position:relative;
}

.footerRightLnks {
    width:250px;
    height:36px;
    font-size:11px;
    float:right;
    position:relative;
    color:#7d7d7d;
    padding-top:7px;
    padding-right:10px;
    text-align:right;
}

.quickLinksHdr {
    width:165px;
    height:27px;
    color:#FFF;
    font-size:12px;
    padding:9px 0 0 13px;
    font-family:"Times New Roman", Times, serif;
    background:url(../images/quick_links_hdr_bg.jpg) no-repeat;
}

.eventLinksHrd {
    width:125px;
    height:20px;
    color:#fff;
    font-size:13px;
    padding:9px 0 0 40px;
    font-family:"Times New Roman", Times, serif;
}

.quickLnksContent {
    width:auto;
    padding:0 6px 5px 0;
    text-align:left;
    font-size:13px;
    min-height: 120px;
    height: auto !important;
    height: 120px;
    background:url(../images/quick_links_hdr_expnd.jpg) repeat-y;
    overflow:visible;
    margin-bottom:20px;
}

.eventsLnksContent {
    width:163px;
    padding:5px 5px 15px 8px;
    height:auto;
    min-height:80px;
    height:80px;
    text-align:right;
    font-size:11px;
    background:url(../images/events_expand.jpg) repeat-y;
    overflow:visible;
}

.eventsLnksFooter {
    width:176px;
    padding:0;
    height:21px;
    background:url(../images/events_foot.jpg) no-repeat;/*temp*/
}

.textElement ul {
    padding-left:2.5em;
}
/*************************************************************/


/*===== FORM SETTINGS =====*/


/*************************************************************/

/* styling for Quick Links list only */
#rightNews .linksModule ul {
    text-decoration:none;
     list-style: none;
    margin:-5px 10px 5px 0;
     color: #333;
    *margin-top:0px;
}
#rightNews .linksModule ul li {
    padding:0;
    margin-left:7px;
    margin-top:5px;
    *margin-top:0px;
    width:100%;
    height:auto;/*was 23px*/
    background-image:url(../images/links-under.gif);/*removed for now, should be .jpg*/
    background-position:top left;
    background-repeat:no-repeat;
}

#rightNews .linksModule li {
    background-image:url(../images/quick-links-norm.gif !important);
    background-position:left top;
    background-repeat:no-repeat;
}

#rightNews .linksModule ul li a {
     color: #516782;
    font-size:12px;
    padding:3px 15px 3px 22px;
    display:block;
    height:auto;/*was 16*/
    text-decoration:none;

}
#rightNews .linksModule ul li a:hover {
     text-decoration:none;
     background-image:url(../images/links-over.gif);/*.jpg just removed for testing*/
     background-repeat:no-repeat;
     background-position:top left;
     display:block;
}
#rightNews .linksModule ul li span.fileSize {
     font-size: 11px;
     font-weight: bold;
}
#rightNews .linksModule ul li span.description {
     font-size: 11px;
}

.filelink-ext-com {
    text-decoration:none;
}
 
/* styling for calander events listing only */

.eventsList {
    padding: 0;
    margin-right:10px;
}
.eventsList ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    list-style-image: none;
}
.eventsList ul li {
    list-style: none;
     background-image:url(../images/links-style-type2.gif);
     background-repeat:no-repeat;
    background-position:right top;
    padding: 0 20px 0 5px;
    margin-right:-5px;
    *margin-right:0px;
}
.eventsList ul li a {
    font-size: 12px;
    line-height: 1;
    margin: 0 0 5px 0;
    font-weight: normal;
    text-decoration: none;
    color: #516782;
    font-weight:bold;
}
.eventsList ul li .eventDate {
    margin: 0 0 5px;
    color: #777;
    font-style: italic;
    font-size:11px;
}

.eventsList ul li a:hover {
    text-decoration:underline;
}


/*===== LINKS =====*/

a:link {
    text-decoration:none;
}

a img, a:visited img {
    border:0px;
}

.leftColumnAddress a {
    color:#7d7d7d;
    text-decoration:none;
}

.leftColumnAddress a:hover {
    color:#181818;
    text-decoration:underline;
}

.footerRightLnks a {
    color:#7d7d7d;
    text-decoration:none;
    z-index:9999;
}

.footerRightLnks a:hover {
    color:#181818;
    text-decoration:underline;
}

.textElement a {
    color:#516782;
    text-decoration:none;
}

.textElement a:hover {
    text-decoration:underline;
    color:#2D2D2D;
}

.textElement a:visited {
    color:#7d7d7d;
}

.leftColumnAddress p {
    font-size:85%;
}

#centrePanel .linksModule li {margin-bottom:2px; padding:0 0 3px 0; list-style-image:url(../images/files-links-list-img.jpg); background-repeat:no-repeat; background-position:left; margin-left:30px;}

#centrePanel .linksModule li a {
    margin-left:0px; *margin-left:10px;}
/*************************************************************/


/*===== NAVIGATION =====*/

#navPanel {
    width:100%;
    height:22px;
    background:url(../images/top_nav_bg.jpg) repeat-x;
}

.topNav {
    list-style-type:none;
}

.topNav li {
    float:left;
    display:inline;
    padding:0;
    margin:0;
    background:url(../images/top_nav_bg.jpg) repeat-x;
    width:128px !important;
    text-align:center;
}

.topNav li a {
    display:block;
    color:#FFF;
    text-decoration:none;
    font-size:12px;
    margin:0;
    padding:4px 0 3px 0;
}

.topNav li a:hover {
    color:#FFF;
    text-decoration:none;
    background:#486c21;
}

ul.topNav li.selectedPage a  {background:#486c21;} /*this rule styles the top nav colour when page is selected*/
ul.topNav li.selectedPageRoot a {background:#486c21;}

/*===== LEFT NAVIGATION =====*/

#leftTopNav {
    width:176px;
    height:35px;
    background:url(../images/left_nav_top_bg.jpg) no-repeat;
}

.leftNavigation {
    list-style-type:none;
    width:176px;
    height:auto;
    background:url(../images/left_nav_expand.jpg) repeat-y;
}

.leftNavigation ul {
    list-style-type:none;
}

.leftBtmNav {
    width:176px;
    height:26px;
    background:url(../images/left_nav_foot.jpg) no-repeat;
}

.leftNavigation li {
    font-size:12px;
    display:block;
    width:auto;
    margin:0;
    padding:0;
}

.leftNavigation li a {
    padding:4px 0 4px 10px;
    color:#516782;
    display:block;
    text-decoration:none;
}

.leftNavigation li a:hover {
    background:url(../images/left_nav_hover.jpg) repeat-y;/*.jpg on tail if required*/
    text-decoration:none;
}


/*************************************************************/

/*===== CALANDER STYLES =====*/
#editableMainCal {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;}
   
.eventsCalendar table {
    border: none;
    border-color: #498080;
    width: 100%;
    border-collapse: collapse;
}
.calendarDay,
.calendarToday,
.calendarDayHeader,
.calendarTitle td,
.calendarWeekendDay,
.calendarOtherMonthDay {
    padding: 2px;
    border: 1px solid #498080;
    text-align: center;
    vertical-align: top;
    background: #fff !important;
    padding: 5px;
    border-bottom: 1px solid #498080;
}
/* top bar with current month and next/previous buttons */
.calendarTitle td {
    text-align: center;
    color: #fff !important;
    font-weight: bold !important;
    background: #6f9e9e !important;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    height: 27px;
}
.calendarNextPrevious {
    color: #fff !important;
    font-weight: bold;
    padding: 0 !important;
}
.calendarNextPrevious a {
    color: #fff !important;
}
/* next/previous arrows */
.calendarNextPrevious a[title="Go to the previous month"] {
    display: block;
    background: url(../images/left_arrow_calander.jpg) 0 0 no-repeat;
    text-indent: -9999px;
    border: 0;
    height: 27px;
}
.calendarNextPrevious a[title="Go to the next month"] {
    display: block;
    background: url(../images/right_arrow_calander.jpg) 100% 0 no-repeat;
    text-indent: -9999px;
    border: 0;
    height: 27px;
}
/* m-f bar */
.calendarDayHeader {
    color: #000;
    background: #fff;
    font-weight: bold;
    text-align: center;
    padding: 4px 2px;
    text-transform: uppercase;
    border-bottom: 1px solid #498080;
}
/* current day */
.calendarToday,
.calendarToday a {
    font-weight: bold;
    text-decoration:none;
    font-size:15px !important;
}
/* weekends */
.calendarWeekendDay {
    background:#91c9c9 !important;
    color: #898989 !important;
}
.calendarDay {
    color: #898989 !important;
}
.calendarDay a {
    color:#575757;
    text-decoration:none;
}

.calendarDay a:hover {
    text-decoration:underline;
}

.calendarWeekendDay a {
    color:#575757;
    text-decoration:none;
}

.calendarWeekendDay a:hover {
    text-decoration:underline;
}
/* previous or next months days on current months calendar */
.calendarOtherMonthDay {
    color: #898989;
}

.eventBack a {
    color:#2D2D2D;
    text-decoration:underline;
    }
    
#editableMainCal .title {
    margin-bottom:1em;
    color:#6f9e9e;
    font-size:20px;
    font-family:"Times New Roman", Times, serif;
    font-weight:normal;
    }
    
    
    
    
    
    
    
    /*==== drop downs =====*/
    /* set dropdown to default */

.level2 {padding-left:15px;}
.level2 a {background:url(../images/left_nav_expand.jpg) repeat-y; background-repeat:no-repeat; padding-left:10px;}
.level3 {padding-left:15px;}
.level3 a {background:url(../images/left_nav_expand.jpg) repeat-y; background-repeat:no-repeat; padding-left:10px;}

ul.leftNavigation li.selectedPage a {
    background-color:none;
    background-image:url(../images/left_nav_hover.jpg);
    background-repeat:repeat-y;
    color:#516782;
    display:block;
    }/*this rule sets the state when the ul of the submenu is selected*/
    
    ul.leftNavigation li.selectedPage  a:hover {
    background-color:none;
    background-image:url(../images/left_nav_hover.jpg);/*if has _sub added to end of image the dotted white image activates on hover*/
    background-repeat:repeat-y;
    color:;/*applies text colour hover over*/
    display:block;
    }
ul.leftNavigation li.selectedPage ul.level2 a, ul.leftNavigation li.selectedPage ul.level3 a {
    background-color:none;
    background-image:url(../images/left_nav_hover_sub_new);/*missing.jpg*/
    background-repeat:repeat-y;
    color:#516782;
    display:block;
}/* this sets the rule for active state when sub menu is selected*/

ul.leftNavigation li.selectedPage ul.level2 a:hover, ul.leftNavigation li.selectedPage ul.level3 a:hover {
    background-color:none;
    background-image:url(../images/left_nav_hover.jpg);/*missing.jpg*/
    background-repeat:repeat-y;
    color:#516782;
    display:block;
}/* this sets the rule for active state when sub menu is hovered over*/


ul.leftNavigation li.selectedPageParent {
    font-weight:bold;
}/*this sets the style for the parent link when a child is selected*/

ul.leftNavigation li.selectedPageParent .level2  {
    background-image:url(../images/left_nav_expand.jpg);
    background-repeat:repeat-y;
    font-weight:normal;
}

/*------ STYLES FOR SITE MAP PAGE ---------------*/
#centrePanelWider ul, #centrePanelWider ol { margin:30px;}
#centrePanelWider .globalMenu ul { margin:10px 10px 0 10px;}
#centrePanelWider .hasChildren li {margin-left:15px; background:#FFF;}
#centrePanelWider .hasChildren li a {margin-left:0px;}

#centrePanelWider .level2 li {margin-left:10px;}

#centrePanelWider .globalMenu li {
    list-style:none outside none;
    padding-left:10px;
    margin-top:10px;
    font-size:12px;
    font-weight:normal;
}

#centrePanelWider .globalMenu li a {
    background:url("../images/list-dot.png") no-repeat scroll 0 5px transparent !important;
    text-decoration:none;
    color:#004080;
    padding-left:10px;
}

#centrePanelWider .globalMenu li a:hover {
    text-decoration:underline;
}

#editableMainAdmin h1 {margin-bottom:0; margin-top:10px; color:#6f9e9e; font-size:24px; margin-left:0; font-family:"Times New Roman", Times, serif; font-weight:normal;}


/* BLOG ITEM */    
    /* blog listing page */
.blogList {
    padding: 0;        
    }
    
.blogList ul {
margin: 0 !important;
padding: 0 !important;
list-style: none;
}

.blogList ul li {
    list-style: none;
    border-bottom:1px solid #C0C0C0;
    margin-bottom:10px;
}
            
.blogList ul li h2.postTitle {
    font-weight: normal !important;
    color:#6f9e9e;
    margin-top:-5px;
}

.blogList ul li h2.postTitle a {
    color:#181818;
    text-decoration:underline;
    font-size:14px;
    font-weight:bold;
    color:#6f9e9e;
}

.blogList ul li h2.postTitle a:hover {
    text-decoration:none;
}
            
.blogList ul li  .postDate {
    margin: 0 0 10px 0;
    color: #999;
}

.postBody {
    font-size:11px;
    color:#424242;
}
                
/* rss icon */
.rss img {border: none}
                
/* post detail page */
#secPage .post h2 {
    margin: 0 0 10px 0;
}

#secPage .post .postDate {
    margin: 0 0 10px 0;
    color: #999;
    font-size:10px;
}

#secPage .post .blogBack {
    margin: 10px 0;
    font-weight: bold;
}


.blogBack a {color:#1a4875; font-size:12px;}
.eventBack a {color:#1a4875; font-size:12px; text-decoration:none;}.eventBack a:hover {text-decoration:underline;}


#FormBuilderLightBox {
position:absolute;
width:500px !important;
height:400px !important;
left:0;
top:0;
}

#lightbox_content {
position:absolute;
width:300px !important;
height:200px !important;
left:50px !important;
top:50px !important;
}

.lightbox-content {
width:300px !important;
height:200px !important;
}

.confirmation-content {
position:relative !important;
width:400px !important;
height:300px !important;
}

/*****************/

.thumbContents {
    width:115px;
    height:auto;
    margin-right:8px !important;
    padding-right:5px !important;
}/*sets width of gallery images*/

.rss {margin-top:10px;}

/*testing new search bar*/
#rightTestSearch {
    width:180px;
    height:35px;
    padding:10px 10px 0 10px;
    text-align:right;
} /*this will hold the search field within right column on home and internal pages*/


/*files and links main area styling*/
#editableMainContent .linksModule ul {
    list-style-type:none;
}

#editableMainContent .linksModule li a {
    text-decoration:none;
    color:#6C6C6C;
}

#editableMainContent .linksModule li a:hover {
    text-decoration:underline;
    color:#2D2D2D;
}

.req {color:red;}/*style for form required field symbol*/

.searchResults a {
    color:#516782;
    text-decoration:none;
}

.searchResults a:hover {
    text-decoration:underline;
    color:#2D2D2D;
}

.searchResults a:visited {
    color:#7d7d7d;
}