@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:#679a9a;
	
}


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:#6f9e9e; 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:#6f9e9e; 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:#6f9e9e; 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:#6f9e9e; 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:#6f9e9e; 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:#004080;
}

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

/*===== 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;
}