/*********************/
/* BASIC SETUP */
/*********************/

body
{
    font-family: Verdana;
    font-size: 62.5%;
    margin: 0;
    padding: 0;
    background-image: url( /Images/Background.gif );
    background-repeat: repeat;
    background-color: #004699;
}

p, h1, h2, h3, h4, h5, h5, ol
{
position: relative;
    margin: 0px;
    padding: 0px;
}

h1, h2, h3
{
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: Georgia;
}




h1
{
    font-size: 2em;
}

h2
{
    font-size: 1.5em;
}

h3
{
    font-size: 1em;
}

h1 img
{
    border-style: none;
   position: absolute;
   right: 0;
   top: 4px;
}

/*********************/
/* MAIN WRAPPER */
/*********************/
#wrapper
{
    background-position: left top;
    background-image: url( /Images/Main_Bg.gif );
    background-repeat: repeat;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    padding: 16px;
    width: 760px;
    border-right: 2px solid #000000;
    border-left: 2px solid #000000;
    border-right-color: #FFFFFF;
    border-left-color: #FFFFFF;
}

/*********************/
/* HEADER STYLES */
/*********************/

#header
{
    background-position: left top;
    background-image: url( /Images/Logo.gif );
    position: relative;
    background-repeat: no-repeat;
    height: 72px;
}

#homeHeaderImage
{
    background-image: url( /Images/WelcomeImage.jpg );
    background-repeat: no-repeat;
    background-position: left top;
    height: 173px;
    margin-bottom: 6px;
}

#eventsHeaderImage, #educationHeaderImage, #historyHeaderImage, 
#contactHeaderImage, #developmentsHeaderImage, #organHeaderImage, #aboutHeaderImage
{
    height: 20px;
    border-bottom-style: solid;
    border-bottom-width: 10px;
    border-bottom-color: #FFFFFF;    
}

#eventsHeaderImage
{
    background-color: #C84896;
}

#educationHeaderImage
{
    background-color: #BA0050;
}

#historyHeaderImage
{
    background-color: #216421;
}

#contactHeaderImage
{
    background-color: #0075b8;
}

#aboutHeaderImage
{
    background-color: #0075b8;
}

#developmentsHeaderImage
{
    background-color: #5D2164;
}

#organHeaderImage
{
    background-color: #d5833b;
}

/*********************/
/* NAVIGATION */
/*********************/
ul.navigation
{
    list-style-type: none;
    padding-left: 0;
    margin-left: 1px;
    margin-bottom: 5px;
    font-family: Georgia;
}

ul.navigation li
{
    width: 10px;
    display: inline;
    
}

ul.navigation a
{
    background-image: url( /Images/corners/leftCorners.png );
    background-repeat: no-repeat;
    padding: 3px 0 3px 19px;
    color: #808080;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
}

a#homeLink:hover, a#historyLink:hover, a#eventsLink:hover, 
a#educationLink:hover, a#developmentsLink:hover, 
a#organLink:hover, a#contactLink:hover
{
    color: #FFFFFF;
}

#homeLink{
margin-right: 3px;
}

.rightCorner{
  
    font-size: 13px;
    margin-top: -3px;
    margin-bottom: -3px;
    padding: 3px 0 3px 16px;
    width: 5px;
    background-image: url( /Images/corners/rightCorners.png );
    background-repeat: no-repeat;
    background-position: right;
}

/*********************/
/* ADMIN NAVIGATION */
/*********************/
ul.adminNavigation
{
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    padding-top: 65px;
    padding-bottom: 0px;
    
}

ul.adminNavigation li
{
    margin-right: 10px;
    margin-left: 10px;
    width: 10px;
    display: inline;
}

ul.adminNavigation a
{
    
    color: #808080;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
}

/*********************/
/* HIGHLIGHT CURRENT PAGE */
/*********************/
#education a#educationLink, a#educationLink:hover
{
background-color: #BA0050;
    color: #FFFFFF;
}

#homeNav a#homeLink, a#homeLink:hover
{
    color: #FFFFFF;

        background-color: #004495;
}



#contactNav a#contactLink, a#contactLink:hover
{
    background-color: #0075b8;
    color: #FFFFFF;
}

#eventsNav a#eventsLink, a#eventsLink:hover
{
 background-color: #C84896;
    color: #FFFFFF;
}

#historyNav a#historyLink, a#historyLink:hover
{
 background-color: #216421;
    color: #FFFFFF;
}

#developmentsNav a#developmentsLink, a#developmentsLink:hover
{
 background-color: #5D2164;
    color: #FFFFFF;
}

#organNav a#organLink, a#organLink:hover
{
	 background-color: #d5833b;
    color: #FFFFFF;
}

/*********************/
/* HOVER COLOURS */
/*********************/


/*********************/
/* CENTRE CONTENT */
/*********************/
#homeCentreContent, #educationCentreContent, #historyCentreContent,
#contactCentreContent, #eventsCentreContent, #developmentsCentreContent,
#organCentreContent, #aboutCentreContent
{

    float: left;
    width: 372px;
    padding-left: 10px;
    
}

#homeCentreContent h1{
    color: #004699;
}
#homeCentreContent h2{
    color: #004699;
}
#homeCentreContent h3{
    color: #004699;
}

#educationCentreContent h1{
    color: #ba0050;
    }

#educationCentreContent h1, #historyCentreContent h1,
#contactCentreContent h1, 
#organCentreContent h1, #aboutCentreContent h1{
    margin: 0;
    display: block;
    padding: 0;
    padding-bottom:10px;
    margin-bottom: 5px;
    border-bottom: solid 1px #cecece;
}

#educationCentreContent p, #historyCentreContent p,
#contactCentreContent p, #developmentsCentreContent p,
#organCentreContent p, #aboutCentreContent p{
font-size: 1.2em;
}
#educationCentreContent h2
{
    color: #ba0050;
    border-width: 1px;
    border-color: #C0C0C0;
    border-top-style: solid;
}

#educationCentreContent .eventInfo h2 
{
    border: none;
    padding: 10px 0 0 0;
    margin: 0px;
}

#educationCentreContent .eventInfo em 
{
    font-size: 1.2em;
    padding: 0 0 10px 0;
    display: block;
}

#educationCentreContent .eventInfo p
{
    padding: 5px 0 5px 0;
}


#educationCentreContent h3{
    color: #ba0050;
}

#historyCentreContent h1{
    color: #216421;
}
#historyCentreContent h2{
    color: #216421;
}
#historyCentreContent h3{
    color: #216421;
}

#contactCentreContent h1{
    color: #0075b8;
}
#contactCentreContent h2{
    color: #0075b8;
}
#contactCentreContent h3{
    color: #0075b8;
}


#aboutCentreContent h1{
    color: #0075b8;
}
#aboutCentreContent h2{
    color: #0075b8;
}
#aboutCentreContent h3{
    color: #0075b8;
}


#developmentsCentreContent h1{
    color: #5D2164;
        padding-left: 0;
    margin-left: 0;
}
#developmentsCentreContent h2{
    color: #5D2164;
}
#developmentsCentreContent h3{
    color: #5D2164;
}

#organCentreContent h1{
    color: #d5833b;
}
#organCentreContent h2{
    color: #666699;
}
#organCentreContent h3{
    color: #666699;
}

#eventsCentreContent h1{
    color: #C84896;
    padding-left: 0;
    margin-left: 0;
}
#eventsCentreContent h2{
    color: #C84896;
}
#eventsCentreContent h3{
    color: #C84896;
}

/*********************/
/* ADMIN CENTRE CONTENT */
/*********************/
#adminCentreContent
{
    float: left;
    width: 100%;
}

.adminTable
{
    border-color: #C0C0C0;
    width: 100%;

    
}

.adminTable td{
padding: 10px;
}

/*********************/
/* Columns */
/*********************/
#rightColumn
{
    float: right;
    width: 180px;
}

#leftColumn
{
    float: left;
    width: 180px;

}

#educationNavHeader, #educationNavMiddle, #educationNavFooter{
    color: #FFFFFF;
    background-repeat: no-repeat;
    height: 26px;
    padding-left: 10px;
    padding-top: 5px    
}

#organNavHeader, #organNavMiddle, #organNavFooter{
    color: #FFFFFF;
    background-repeat: no-repeat;
    height: 26px;
    padding-left: 10px;
    padding-top: 5px    
}


#historyNavHeader, #historyNavMiddle, #historyNavFooter{
    color: #FFFFFF;
    background-repeat: no-repeat;
    height: 26px;
    padding-left: 10px;
    padding-top: 5px    
}


#educationNavHeader h2 a, #educationNavMiddle h2 a, #educationNavFooter h2 a{
color: #ffffff;
text-decoration: none;

}



#organNavHeader h2 a, #organNavMiddle h2 a, #organNavFooter h2 a{
color: #ffffff;
text-decoration: none;

}

#historyNavHeader h2 a, #historyNavMiddle h2 a, #historyNavFooter h2 a{
color: #ffffff;
text-decoration: none;

}

#educationNavHeader{
    background-image: url( /Images/EducationNavHeader.gif );
}
#educationNavMiddle{
    background-image: url( /Images/EducationNavMiddle.gif );
    margin-top: 1px;
    margin-bottom: 1px;
}
#educationNavFooter{
    background-image: url( /Images/EducationNavFooter.gif );
}


#organNavHeader{
    background-image: url( /Images/OrganNavHeader.png );
}
#organNavMiddle{
    background-image: url( /Images/OrganNavMiddle.png );
    margin-top: 1px;
    margin-bottom: 1px;
}
#organNavFooter{
    background-image: url( /Images/OrganNavFooter.png );
}


#historyNavHeader{
    background-image: url( /Images/HistoryNavHeader.png );
}
#historyNavMiddle{
    background-image: url( /Images/HistoryNavMiddle.png );
    margin-top: 1px;
    margin-bottom: 1px;
}
#historyNavFooter{
    background-image: url( /Images/HistoryNavFooter.png );
}




/*********************/
/* Small Events */
/*********************/
#smallEventsBody
{
    border: 1px solid #CCCCCC;
    width: 156px;
    padding: 10px;
}

#smallEventsHeader
{
    background-image: url( /Images/EventsHeader.gif );
    width: 180px;
    height: 33px;
    background-repeat: no-repeat;
}

#smallEventsHeader h1
{
    padding: 4px 0px 4px 10px;
    color: #FFFFFF;
    font-size: 1.8em;
}

#smallEventsFooter
{
    background-image: url( /Images/EventsFooter.gif );
    background-repeat: no-repeat;
    width: 180px;
    height: 32px;
}

#smallEventsFooter h2
{
    padding: 5px 0px 4px 10px;
    color: #FF3399;
    font-size: 1.2em;
}

#smallEventsFooter a
{
    color: #FF3399;
    text-decoration: none;
}

/*********************/
/* Small Projects */
/*********************/
#smallProjectsBody
{
    border: 1px solid #CCCCCC;
    width: 156px;
    padding: 10px;
}

#smallProjectsHeader
{
    background-image: url( /Images/ProjectsHeader.gif );
    width: 180px;
    height: 33px;
    background-repeat: no-repeat;
}

#smallProjectsHeader h1
{
    padding: 4px 0px 4px 10px;
    color: #FFFFFF;
    font-size: 1.8em;
}

#smallProjectsFooter
{
    background-image: url( /Images/EventsFooter.gif );
    background-repeat: no-repeat;
    width: 180px;
    height: 32px;
}

#smallProjectsFooter h2
{
    padding: 5px 0px 4px 10px;
    color: #004699;
    font-size: 1.2em;
}

#smallProjectsFooter a
{
    color: #FF3399;
    text-decoration: none;
}

/*********************/
/* Search Box */
/*********************/

.searchText{

    text-decoration: none;
    color: #000000;
    
}

#searchBox
{
    position: absolute;
    top: 30px;
    left: 565px;
    color: #21428D;
    font-size: 10px;
    font-weight: bold;
}

/*********************/
/* Accordions */
/*********************/
.accordionEventHeader
{
    color: #FF3399;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    text-decoration: none;
}


.accordionEventContent
{
    color: #000000;
    margin-top: -10px;
}
.accordionEventHeaderSelected
{
    color: #FF3399;
    font-weight: bold;
    font-size: 1.2em;
}

.accordionProjectHeader
{
    color: #004699;
        margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
}
.accordionProjectContent
{
    color: #000000;
}
.accordionProjectHeaderSelected
{
    color: #004699;
    font-weight: bold;
    font-size: 1.2em;
}

/*********************/
/* Modal Popup */
/*********************/

.modalBackground
{
    background-color: #414141;
}
.popupPanel
{
    padding: 30px;
    background-color: #faf9f4;
}

/*********************/
/* Project */
/*********************/
.ProjectTitle
{
    font-weight: bold;
    color: #21428D;
}
.ProjectHeader
{
    font-size: 15px;
    font-weight: bold;
    color: #21428D;
}

/*********************/
/* Events */
/*********************/
.EventsTitle
{
    font-size: 13px;
    font-weight: bold;
    color: #21428D;
}
.EventsHeader
{
    font-size: 15px;
    font-weight: bold;
    color: #21428D;
}

/*********************/
/* Calendar */
/*********************/
.CalendarTitle
{
    background-color: #21428D;
    color: #FFFFFF;
    font-weight: bold;
}

.CalendarTitle a
{
    text-decoration: none;
    color: #FFFFFF;
}

.CalendarSelectedDay
{
    background-color: White;
}

.CalendarOtherMonth
{
    text-align: left;
    vertical-align: top;
    border-width: 1px;
    border-style: solid;
    height: 100px;
    width: 75px;
    background-color: Silver;
}
.CalendarToday
{
    text-align: left;
    vertical-align: top;
    border-width: 1px;
    border-style: solid;
    height: 100px;
    width: 75px;
    background-color: #FF9933;
}

.CalendarDay
{
    text-align: left;
    vertical-align: top;
    border-width: 1px;
    border-style: solid;
    height: 100px;
    width: 75px;
}

/*********************/
/* Events */
/*********************/
#eventImageCell
{
    padding: 0px 10px 10px 0px;
	float: left;
}

#eventContent
{
    border-top-style: solid;
    border-width: 1px;
    border-color: #C0C0C0;
    padding-bottom: 3px;
}

br.clear { clear: both; }



/*********************/
/* Project */
/*********************/
#projectImageCell
{
    padding: 0px 10px 0px 0px;
    float: left;
}

#projectContent
{
    border-top-style: solid;
    border-width: 1px;
    border-color: #C0C0C0;
    padding: 0px;
    margin: 0px;
}

/*********************/
/* FOOTER NAVIGATION */
/*********************/
#footer
{
    padding-top: 10px;
    float: left;
    width: 760px;
}

#footerText
{
    text-align: right;
}

ul.footerNavigation
{
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    padding-bottom: 10px;
}

ul.footerNavigation li
{
    color: #C0C0C0;
    display: inline;
    font-size: 10px;
}

ul.footerNavigation a
{
    color: #C0C0C0;
    text-decoration: none;
    font-size: 10px;
}

.standardLabel
{
	width: 180px;
	display: block;
	float: left;
}

#clientLogos img{
margin-left: 1px;
margin-right: 1px;
}

.imgBox{
width:100px; height:63px;
}


#header span{
margin-left: 5px;
margin-right: 5px;
}

#header span a{
text-decoration: none;
}

/* applied to events as well as projects as EventsSynopsis class not picking up the css */
.ProjectSynopsis{
width: 200px;
display: block;
float: left;

}

#eventImageCell img{
width: 100px;
}

#searchBox a{
text-decoration: none;
}

table {

}

h1 {
padding-top: 0;
margin-left: 16px;

}


#homeCentreContent h1{
padding-bottom: 11px;
}

#projectTextCell a{

text-decoration:none;

}


#projectTextCell{


}

.accessability {
position: absolute; right: 18px;

}

#eventTextCell a {
text-decoration: none;

}

.goButton {
position: absolute;
right: 0;

}

.rssFeed
{
    margin:0;
    padding:0;
    display:inline;
}