/* CSS Document

Client: Collyers
Job num: 1475
Version: 1.0
Date: 26/04/2010
Author: G Boult
Company: Marketing for Education
Website: www.marketing-for-education.co.uk

*/

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

/*

01: Reset styles
02: Body/main containers
03: Typography
04: Headings
05: Header
06: Left panel
07: Centre panel
08: Right panel
09: Footer
10: Aux classes
11: Forms
12: Top navigation
13: Left navigation
14: News settings
15: Search bar
16: Calendar
*/

/* - 01 (Reset Styles) ---------------------------------------------*/
* {margin:0; padding:0;}

td, p {
    font-size:100%;
    margin-bottom:1em;
}

p a {
    color:#E8A614;
    text-decoration:none;
    font-weight:bold;
}
p a:hover {
    text-decoration:underline;
}
/********************************************************************/



/* - 02 (Body/main containers) -------------------------------------*/
body {
    background:url(images/main-bg.jpg) repeat-y;
    background-position:center top;
    background-color:#6882af;
    font-family:Arial, Helvetica, sans-serif;
    font-size:87.5%;
}



#mainContainer {
    width:960px;
    height:750px;
    min-height:750px;
    height:auto;
    margin:0 auto;
    position:relative;
}

#centreHomePanel {
    width:100%;
    height:auto;
    min-height:460px;
    float:left;
    background:#FFF;
}

#homeCommentPanelContainer {
    width:930px;
    margin-left:15px;
    padding-top:15px;
    height:257px;
    margin-bottom:10px;
}

#homeCommentPanel {
    width:524px;
    height:256px;
    background:url(images/main_front_quote_bg.jpg) no-repeat;
    float:left;
}

#homeImagePanelOne {
    width:403px;
    height:256px;
    float:left;
}

.internalFour {
    width:435px;
    height:472px;
    min-height:512px;
    float:left;
    padding:20px;
    position:relative;
    height:auto;
    background:url(images/template4_bg.jpg) no-repeat;
}
/********************************************************************/



/* - 03 (Typography) -----------------------------------------------*/

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



/* - 04 (Headings) -------------------------------------------------*/

h1 {color:#032f79; font-family:"Georgia", Times New Roman, Times, serif; font-size:140%; padding-bottom:5px; margin-bottom:0.5em; border-bottom:1px solid #e8a614; font-weight:normal; font-style:italic;}
.post h2 {color:#032f79; font-family:"Georgia", Times New Roman, Times, serif; font-size:140%; padding-bottom:5px; margin-bottom:0.5em; border-bottom:1px solid #e8a614; font-weight:normal; margin-bottom:10px; margin-top:15px; font-style:italic;}
h3 {color:#000; font-family:"Georgia", Times New Roman, Times, serif; font-size:150%; padding-bottom:5px; margin-bottom:0.5em; font-weight:normal;}
h4 {color:#032f79; font-family:"Georgia", Times New Roman, Times, serif; font-size:140%; padding-bottom:5px; margin-bottom:0.5em; font-weight:normal; font-style:italic;}

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



/* - 05 (Header) ---------------------------------------------------*/
#printlogo {
    position:absolute; 
    left: -10000px;
    top: -10000px;
}

#headerContainer {
    width:100%;
    height:172px;/*adjustable*/
}

#mainLogo {
    width:260px;
    height:112px;
    background:url(images/collyers_logo.jpg) no-repeat;
    float:left;
    position:relative;
}

#excellenceLogo {
    width:359px;
    height:112px;
    background:url(images/excellence_logo.jpg) no-repeat;
    float:right;
    position:relative;
}

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



/* - 06 (Left panel) -----------------------------------------------*/
.leftPanelHome {
    width:501px;/*adjustable*/
    height:205px;
    height:auto;
    min-height:205px;
    background:url(images/latest_news_bg.jpg) top left no-repeat;
    float:left;
    margin-left:5px;
    padding:10px 20px;
}

.leftPanelHome ul {
    margin-top:10px;
    margin-left:5px;
}

.leftPanelHome ul li {
    width:470px;
    height:45px;/*was 35*/
    list-style-type:none;
    background:url(images/latest_news.jpg) no-repeat;
    padding:6px 0px 2px 0;
    overflow:hidden;
    
}

.leftPanelHome ul li a {
    width:470px;
    height:35px;
    padding:0px 0px 10px 0;
    color:#032f79;
    text-decoration:none;
}

.leftPanelHome ul li a:hover {
    text-decoration:none;
}

#breadcrumb {
    width:95%;
    height:20px;
    padding:15px 0 5px 15px;
    font-size:85%;
}

#breadcrumb a {
    color:#032f79;
    text-decoration:none;
}

#breadcrumb a:hover {
    text-decoration:underline;
}

#internalLeftPanel {
    width:380px;
    height:420px;
    min-height:420px;
    height:auto;
    float:left;
    padding:15px 20px;
    margin-left:10px;
	background:url(images/centre-panel-high-vis.jpg) top left no-repeat;
}

#internalLeftPanel ul, 
#internalLeftPanel ol {
    margin-bottom:15px;
}

#internalLeftPanel ul li, 
#internalLeftPanel ol li {
    font-size:100%;
    margin-left:30px;
    list-style-type:square;
    color:#000000;
    margin-bottom:3px;
}
#internalLeftPanel ul li ul, 
#internalLeftPanel ol li ol,
#internalLeftPanel ul li ul li, 
#internalLeftPanel ol li ol li{
    font-size:100%;
    margin-left:20px;
    list-style-type:square;
    color:#000000;
        margin-bottom:3px;
}

#internalLeftPanel a, #internalLeftPanel ul li a, #internalLeftPanel ol li a {
    color:#c68c0d;
    text-decoration:none;
    font-weight:bold;
}

#internalLeftPanel a:hover, #internalLeftPanel ul li a:hover, #internalLeftPanel ol li a:hover {
  color:#022167;
    text-decoration:none;022167   
}

#internalAdminPanel {
    width:831px;
    height:420px;
    min-height:420px;
    height:auto;
    float:left;
    padding:20px;
    margin-left:10px;
}

#internalLeftPanel td a {font-weight:bold;}

#internalLeftArchive {
    width:631px;
    height:420px;
    min-height:420px;
    height:auto;
    float:left;
    padding:15px 20px;
    margin-left:10px;
    background:url(images/main_internal_left_bg.jpg) no-repeat;
}

#internalLeftArchive ul {list-style-type:none;}
#internalLeftArchive h2 {margin-left:0; color:#032f79;}
#internalLeftArchive h2 a {color:#e8a614; text-decoration:none;}
#internalLeftArchive h2 a:hover {color:#142361;}
#internalLeftArchive ul ul {margin-left:15px;}
/********************************************************************/



/* - 07 (Centre panel) ---------------------------------------------*/
#centerPanel {
    width:450px;/*adjustable*/
    padding:20px;/*adjustable*/
    height:350px;
    min-height:350px;
    height:auto;
    float:left;
    border-bottom:1px solid #2D2D2D;/*temp setting*/
}
    

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



/* - 08 (Right panel) ----------------------------------------------*/
.rightPanelHome {
    width:374px;
    height:205px;
    min-height:205px;
    height:auto;
    float:left;
    background:url(images/quick_links_bg.jpg) top left no-repeat;
    margin-left:3px;
    padding:10px 10px 0 10px;
}

.rightPanelHome ul {
    margin-top:10px;
    margin-left:10px;
}

.rightPanelHome ul li {
    width:337px;
    height:35px;
    list-style-type:none !important;
    background:url(images/quick_links_norm.jpg) no-repeat;
    padding:13px 20px 5px 0;
    list-style-image:none;
}

.rightPanelHome ul li a {
    width:337px;
    height:35px;
    padding:13px 50px 10px 30px;
    text-decoration:none;
    list-style-type:none !important;
    list-style:none;
    color:#032f79;
}

.rightPanelHome ul li a:hover {
    background:url(images/quick_links_hover.jpg) no-repeat;
}

#internalRightPanel {
    width:225px;
    height:500px;
    min-height:500px;
    padding:15px 15px 15px 20px;
    height:auto;
    float:right;
    margin-right:10px;
    background:url(images/main_internal_right_bg.jpg) no-repeat;
}

.internalRightPanel ul {
    margin-top:-5px;
    margin-bottom:15px;
}

.internalRightPanel ul li {
    width:216px;
    height:32px;
    list-style-type:none !important;
    background:url(images/useful_links_norm.jpg) no-repeat;
    padding:0px 20px 0px 0;
    list-style-image:none;
    font-size:14px;
}

.internalRightPanel ul li a {
    width:216px;
    height:22px;
    padding:5px 0px 5px 20px;
    text-decoration:none;
    list-style-type:none !important;
    list-style:none;
    color:#032f79;
    display:block;
}

.internalRightPanel ul li a:hover {
    background:url(images/useful_links_hover.jpg) no-repeat;
}


.newsletters {
    width:220px;
    height:auto;
	min-height:100px;
    padding-top:3px;
    margin-top:0px;
}

.newslettersHeader {
    font-family:"Times New Roman", Times, serif !important;
    color:#FFF;
    font-size:120%;
    font-weight:normal;
	background:url(images/newsletterHead.jpg) top left no-repeat;
	width:221px;
	height:24px;
	padding-left:8px;
	padding-top:2px;
}

.newslettersFoot {
	width:221px;
	height:9px;
	background:url(images/newsletterFoot.jpg) top left no-repeat;
}

.newsletters ul {
    margin-top:-3px;
	height:auto;
	width:221px;
	background:url(images/newsletterInner.jpg) top left repeat-y;
}

.newsletters ul li {
    width:200px;
    height:25px;
    list-style-type:none;
    background:url(images/newsletters_norm.jpg) no-repeat;
    padding:0px 0;
    margin-left:8px;
    margin-top:3px;
}

.newsletters ul li a {
    width:190px;
    height:25px;
    padding:3px 0px 0px 15px;
    text-decoration:none;
    color:#FFF;
    font-size:13px;
    display:block;
}

.newsletters ul li a:hover {
    background:url(images/newsletters_hover.jpg) no-repeat;
}
    
#coursesRightPanel {
    width:225px;
    height:500px;
    min-height:500px;
    padding:15px 15px 15px 20px;
    height:auto;
    float:right;
    margin-right:10px;
    background:url(images/main_internal_right_bg.jpg) no-repeat;
}

#coursesRightPanel ul {
    list-style-type:none;
}

#coursesRightPanel td a {
    text-decoration:none;
    color:#e8a614;
    font-size:12px;
    font-weight:bold;
}

#coursesRightPanel td a:hover {
    color:#142361;
}
/********************************************************************/



/* - 09 (Footer) ---------------------------------------------------*/
#footerContainer {
    width:100%;
    height:75px;/*changeable*/
    clear:both;
    background:#FFF;
}

#footerCentre {
    width:925px;
    margin-left:15px;
    height:60px;
    border-top:1px solid #e8a614;
    font-size:80%;
    padding-top:10px;
}

.footerLeft {
    width:530px;
    height:50px;
    float:left;
}
.footerLeft a {
    text-decoration:underline;
    color:#181818;
}
.footerLeft a:hover {
    text-decoration:none;
}

.footerRight {
    width:370px;
    height:50px;
    float:right;
    text-align:right;
}
    
#copyrightBar {
    width:100%;
    height:20px;
    padding-top:5px;
    color:#FFF;
    margin-bottom:10px;
    font-size:80%;
}
#copyrightBar a {
    color:#FFF;
    text-decoration:underline;
}
/********************************************************************/




/* - 10 (Auxhillary classes) ---------------------------------------*/
.usefullLinks {
    font-family:"Times New Roman", Times, serif !important;
    color:#06275e;
    font-size:140%;
    font-weight:normal;
}
.newsHeader, .linksHeader {
     font-family:"Georgia", Times New Roman, Times, serif;
    color:#06275e;
    font-size:140%;
    font-weight:normal;
    font-style:italic;
    height:25px !important;
}
.footerBlue {
    color:#0c2d66;
    font-size:100%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding-bottom:5px;
}

.qoute {
    font-size:28px;
    font-family:"Georgia", Times New Roman, Times, serif;
    font-style:italic;
    color:#FFF;
    padding:18px;
    /*commented out-----text-shadow:#424242 1px 1px 1px;----*/
}

.postViewInfo {visibility:hidden;}
.blogBack {visibility:hidden;}
.fieldInstructions {display:none; height:1px;}
.newsletters .fileSize {display:none; height:0;}

.print {float:right; width:60px; height:45px; text-align:right;}

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




/* - 11 (Forms) ----------------------------------------------------*/
.submitButtonContainer {font-size:11px;}
.submitButton {width:60px; height:30px;}
.fieldTitle .title {font-weight:normal; font-size:14px;}

 #internalLeftPanel .form_container { 
     margin-top:20px;
    padding:0;
}
    
#internalLeftPanel .formHeader {
    display:none;
}
 
#internalLeftPanel .fieldItem .fieldTitle {
    width:400px;
}
    

#internalLeftPanel .fieldItem .fieldContent {
    float:left;
}
    
#internalLeftPanel .type-name .fieldInstructions {
    height:0;
    padding:0;
}
    
#internalLeftPanel .fieldTitle {
    font-family:Arial, Helvetica, sans-serif;
    color:#045d91;
    font-size:120%;
    line-height:1em;
    padding-bottom:0.1em;
    font-weight:normal;
}


#enquiry #insidecopy .element {
    line-height:0;
}
    
#internalLeftPanel .fieldSelected {
    background-color:#f5f5f5;
    border-color:#f5f5f5;
}
 
#internalLeftPanel .fieldNote {
    font-family:Arial, Helvetica, sans-serif;
    color:#A0A0A0;
    font-size:0.9em;
}
    
#internalLeftPanel .fieldItem .fieldRow { 
    padding:0;
}

#internalLeftPanel .fieldItemInner {
    padding:0;
}
    
    
#internalLeftPanel .medField.type-name .textField, #main-content .medField.type-address .dropdown.country {
    width:140px;
}

#internalLeftPanel .type-email input, #main-content .type-phone input, {
    width:292px;
}

#internalLeftPanel textarea {
    height:110px;
    width:292px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
}


#internalLeftPanel .submitButtonContainer {
    padding:0;
}

#internalLeftPanel .fieldSelected {
background-color:transparent;
border:none;
}

#internalLeftPanel .fieldItem{
background-color:transparent;
border:none;
}

/*form sending confirmations*/
#FormBuilderLightBox {
position:absolute;
width:500px !important;
height:400px !important;
left:0;
top:0;
}

#lightbox_content {
margin:0 auto !important;
width:300px !important;
height:200px !important;
}

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

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




/* - 12 (Top navigation) -------------------------------------------*/
#navsearchcont {
  height:40px;
  clear:both;
  margin-top:2px;
  margin:0 auto;
  width:100%;
  border-top:1px solid #FFF;
}

.navigationTopFlyout #navigation {    
     height:40px;
    margin-top:0px;
    padding-left:0;
    float:left;
    width:710px;
    position: relative;
    z-index: 9999;
    }
    
.navigationTopFlyout .mainNav {
    clear: both;
    padding: 4px 5px;
    }

    .navigationTopFlyout .mainNav li { 
    float: left;
    position: relative;
    background:url(Images/top_nav_border.jpg) right no-repeat;
    list-style-type:none;
    display:block;
    margin-left:5px;
        }
        
.navigationTopFlyout .mainNav li a {
    color: #fff;            
    display: block;
    font-size:15px;
    text-decoration:none;
    padding:7px 10px 7px 10px;
            }
            
.navigationTopFlyout .mainNav li a:hover, .navigationTopFlyout .mainNav li:hover { 
background:none repeat scroll 0 0 #E8A614; 
} 

            
            

.navigationTopFlyout .mainNav li:hover ul.level2,
.navigationTopFlyout .mainNav li:focus ul.level2,
.navigationTopFlyout .mainNav li.sfhover ul.level2 {
display: block;
background:#e8a614;
margin-left:0px;
border-left:2px solid #dc9b0c;
border-right:2px solid #dc9b0c;
border-bottom:2px solid #dc9b0c;
padding:5px 0;
}  
            
.navigationTopFlyout .mainNav li ul.level2 {
display: none;
position: absolute;          
width: 150px;
color: #fff;
padding: 0;
z-index: 3;
left: 0;
margin: 0; 
font-size: .9em;
border: none;
}
            
.navigationTopFlyout .mainNav li ul.level2 li {
padding:0;
} 
                
.navigationTopFlyout .mainNav li ul.level2 li a {
color: #fff;         
padding: 5px 5px;
width: 130px;
}
                    
.navigationTopFlyout .mainNav li ul.level2 li a:hover {
color: #fff;
background-color:#dc9b0c;
}
                
                
                
.navigationTopFlyout .mainNav li ul.level2 li:hover ul.level3,
.navigationTopFlyout .mainNav li ul.level2 li:focus ul.level3,
.navigationTopFlyout .mainNav li ul.level2 li.sfhover ul.level3{
display: block;
background: #e8a614;
}
                
.navigationTopFlyout .mainNav li ul.level2 li ul.level3 {
display: none;
background: #e8a614;
position: absolute;
margin-left: 140px;
left: 0;
top: 0px;
padding:5px 7px;
border:2px solid #dc9b0c;
}
                
.navigationTopFlyout .mainNav li ul.level2 li ul.level3 a {
color: #fff;
} 

.navigationTopFlyout .mainNav li ul.level2 li ul.level3 a:hover {
color: #fff;
background-color:#dc9b0c;
}
            

.level2 a {
    color:#fff;
}


.selectedPage {
    background:#e8a614;
}
/********************************************************************/




/* - 13 (Left navigation) ------------------------------------------*/

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



/* - 14 (News section) ---------------------------------------------*/
.rss {
    visibility:hidden;
    height:2px !important;
}

.postTitle {
    color:#032f79;
    font-weight:normal;
    font-size:100%;
    margin-left:60px;
}

.postDate {
    font-size:70%;
}

.postBody img {
    margin-right:10px;
    float:left;
    margin-top:-22px;
}

.postBody p img {
    margin-right:10px;
    float:left;
    margin-top:-27px;
}

#internalLeftPanel .postBody img {
    margin-top:0;
}

#internalBlogPanel {
    width:631px;
    height:420px;
    min-height:420px;
    height:auto;
    float:left;
    padding:0 20px 20px 20px;
    margin-left:10px;
    background:url(images/main_internal_left_bg.jpg) no-repeat;
}

#internalBlogPanel .postTitle a {
    margin-left:95px;
    color:#004080;
    font-size:140%;
    text-decoration:none;
    padding:0;
    margin-top:0;
    display:block;
    font-family:"Georgia", Times New Roman, Times, serif;
    font-style:italic;
    margin-left:100px;
}

#internalBlogPanel .postTitle a:hover {
    border:0;
}

#internalBlogPanel .postInfo, 
#internalBlogPanel .postDate, 
#internalBlogPanel .postInfo a, 
#internalBlogPanel .postInfo em {
    color:orange;
    font-size:11px;
    font-style:normal;
    text-align:right;
}

#internalBlogPanel .blogList li {
    clear:both;
    border-bottom:1px solid #D5D5D5;
    margin-top:20px;
    min-height:140px;
    height:140px;
    height:auto;
}
#internalBlogPanel .postBody p img {
    margin-right:10px;
    margin-top:-27px;
    padding-bottom:10px;
}

.leftPanelHome .postBody img {
    width:auto;
    height:46px !important;
}

.leftPanelHome .postTitle a {
    margin-left:20px;
}

.leftPanelHome .postDate {display:none; height:1px !important;}
.leftPanelHome .postBody p {height:16px; overflow:hidden; font-size:90%;}

#internalRightPanel .blogList h2 a {font-size:12px; color:#E8A614; text-decoration:none; font-weight:bold;}
#internalRightPanel .blogList h2 a:hover {color:#142361;}
#internalRightPanel .blogList .postTitle {margin-left:0;}


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




/* - 15 (Search bar) -----------------------------------------------*/
.searchArea {width:225px; height:30px; margin-top:5px; float:right;}
.search {background:url(images/search_bg.jpg) no-repeat; width:223px !important; height:29px; padding-top:5px;}
.searchInput {border:0px solid #8C8C8C; width:180px; background:none; background-color:transparent !important; height:20px; font-size:13px; padding:0; margin:0px 0 0 5px;}
input.searchButton {width:25px !important; height:26px; background:none; cursor:pointer; border:0; margin-left:55px; margin-top:0px; border:1px solid #494949; display:none;}
/********************************************************************/




/* - 16 (Calendar) -------------------------------------------------*/
table.calendarTitle td {
background:#032f78;
font-size:14px;
}

.calendarNextPrevious a {
color:#FFFFFF !important;
}

.calendarDayHeader {
background:#3964ac;
font-size:12px;
}

.calendarToday {
background:#c9d5f7;
color:ffffff;
}

.calendarDay {
    font-size:11px;
}

.calendarDay a {
    color:#181818;
    text-decoration:none;
    font-size:12px;
}

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


.dragable ul li, 
.dragable ul li a, 
{background:none; padding:0 !important; margin:0;}
.dragable .linksModule ul li,
.dragable .linksModule ul li a,
.dragable .linksModule ul li a:hover
{ background:none; padding:0; margin:0;}
#h1Edit a {border:0;}
.fieldItemInner {background-color:#fff; border:1px solid #fff;}

/*-------- ACCESSIBILITY VERSION -------------*/

#leftpanelaccess {width:225px; height:auto; height:500px; min-height:500; background:url(images/main_internal_right_bg.jpg) no-repeat; float:left;}

#sideNav {width:220px; height:auto;}
#sideNav ul {list-style-type:none; text-align:left; background:none; margin-bottom:15px;}
#sideNav li {background:none !important; margin:0; padding:0 !important;}
#sideNav li a {color:#000; font-size:80%; margin:0; padding:0; text-decoration:none;}
#sideNav li a:hover {background:none !important; text-decoration:underline;}
#sideNav ul.level2 {margin-right:10px;}
.access {width:100%; height:20px; color:#FFF;}
.access a {color:#FFF; text-decoration:underline; font-size:90%;}
.access a:hover {text-decoration:none;}
#sideNav .selectedPage {background:none; text-decoration:underline;}
.hide {display:none;}

#visibleaccess {display:none;}

#highVisLeft {width:210px; height:auto; min-height:500px; float:left; background:url(images/left-high-vis-bg.jpg) top left no-repeat; margin-left:10px; padding-left:15px; padding-top:10px;}