/*-----------------------------------------------------------------------------
Main Style Sheet

author:    Andrew Scrivener
email:     andrew@denison.co.uk
website:   http://www.denison.co.uk
-----------------------------------------------------------------------------*/

body 
{
 font-size:  12px;
 font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
 color: #000;
 background-color: #FFF;
/* text-align: center; */
}


div.login p
{
 font-size: 12px;
 color: #FFF;
 margin: 7px 0 0 50px;
 line-height: 100%;
}


p 
{
 margin: 0 0 1em 0;
 line-height: 140%;
}

body.portalPage #box1 p,
body.portalPage #box2 p,
body.portalPage #box3 p,
body.portalPage #box4 p
{
 margin-bottom: 0.3em;
}


.boxOut3 p
{
 margin: 0;
 padding: 7px;
}


/* Put margins back on certain elements */
h1, h2, h3, h4, h5, h6
{
 /*margin: 3em 0 1em 0;*/
  margin: 1em 0 0.5em 0;
}


.top
{
 margin-top: 0;
}


em
{
 font-style: italic;
}


strong
{
 font-weight: bold;
}


.emphasise1
{
 color: #FF3131;
}


.openQuote
{
 background-image: url(../images/openQuote.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
 padding: 5px 12px;
}


.closeQuote
{
 background-image: url(../images/closeQuote.gif);
 background-repeat: no-repeat;
 background-position: 0 100%;
 padding: 0 12px 5px 12px;
}


p.citation
{
 padding-top: 0;
 font-weight: normal;
 color: #666;
}


p.citation span
{
 font-style: italic;
 font-weight: bold;
 color: #09C;
}


p.button a:link,
p.button a:visited
{
 color: #FFF;
 background-color: #F00;
 padding: 5px;
 text-decoration: none;
}


p.button a:hover,
p.button a:active
{
 color: #FFF;
 background-color: #09C;
 padding: 5px;
}

span.link
{
 display: block;
 margin-top: 2px;
}

/*---------------------- Lists ---------------------*/

ul, ol
{
 line-height: 130%;
 margin: 0 0 1em 2em;
}

ul li ul,
ol li ol,
ol li ul
{
 margin-top: 1em;
 margin-left: 1em;
}

ul li
{
 padding-left: 20px;
 background-image: url(../images/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0 5px;
 margin-bottom: 10px;
}


ol
{
 list-style: decimal;
}


ol li
{
 list-style-position: inside;
 margin-bottom: 15px;
}


.citation
{
 color: #0F238C;
 font-weight: bold;
}


.jobTitle
{

}


.email
{

}

div.breadcrumb ul
{
 margin: 4px 0 0 8px;
}


div.breadcrumb ul li
{
 padding-left: 0;
 padding-right: 7px;
 display: inline;
 background-image: none;
 margin-bottom: 0;
}


div.breadcrumb ul li a:link,
div.breadcrumb ul li a:visited
{
 color: #006;
 text-decoration: none;
}


div.breadcrumb ul li a:hover,
div.breadcrumb ul li a:active
{
 color: #F00;
}


.contactDetails li
{
 background-image: none;
 padding-left: 0; 
}

ul.legal
{
 margin: 0;
 padding-top: 10px;
}

ul.legal li
{
 background-image: none;
 display: inline;
 font-size: 10px;
 color: #999;
}


ul.legal li a:link,
ul.legal li a:visited
{
 font-size: 10px;
 color: #999;
}


ul.legal li a:hover,
ul.legal li a:active
{
 color: #666;
}

ul#contactList,
ol.contact,
ol.address,
ul.event
{
 margin-left: 0;
}


ol.contact li,
ol.address li
{
 list-style-type: none;
 margin-bottom: 0;
}


ul#contactList li,
ul.event li
{
 background-image: none;
 padding-left: 0;
}


li.date
{
 font-size: 17px;
 font-weight: bold;
 color: #000;
}


li.description
{
 font-weight: bold;
 color: #0F238C;
}


li.location
{
}


ul.pricelist
{
 margin-left: 0;
}

ul.pricelist li
{
 background-image: none;
 padding-left: 0;
 line-height: 100%;
 margin-bottom: 5px;
}


div.subContent1 ul.links
{
 padding-left: 0;
 padding-right: 0;
 line-height: 100%;
 margin-left: 0;
}


ul.links li
{
 background-image: none;
 padding-left: 10px;
}


.organisation
{
 font-weight: bold;
 margin-top: 25px; 
 padding: 5px 10px;
 margin-bottom: 0;
 line-height: 130%;
}

.organisation.top
{
 margin-top: 0; 
}

.link
{
 margin-top: 0;
 margin-bottom: 8px;
}

.blurb
{
 line-height: 130%;
}

ul#faqs
{
 margin-left: 0;
}

ul#faqs li
{
 background-repeat: no-repeat;
 background-position: 0 0px;
 border-bottom: none;
 padding-left: 25px;
 margin-right: 10px;
}


ul#faqs li.question
{
 background-image: url(../images/question.gif);
 color: #333;
 margin-top: 14px;
 padding-bottom: 8px;
}


ul#faqs li.answer
{
 background-image: url(../images/answer.gif);
 padding-bottom: 10px;
 font-weight: normal;
 font-size: 12px;
 border-bottom: solid 1px #09F;
}

.department,
.name
{
 font-weight: bold;
 margin-bottom: 0;
}

table li.name
{
 font-weight: normal;
}

.email
{
 margin-bottom: 20px;
}

/*---------------------- Headings ---------------------*/

h1 
{
 font-size: 20px;
 font-weight: normal;
 margin-top: 23px;
}


h2
{
 font-size: 17px;
 font-weight: normal;
 color: #0F238C;
}


h3
{
 font-size: 14px;
 font-weight: bold;
 color: #0F238C;
}


h4
{
 font-size: 20px;
 font-weight: normal;
 color: #F00;
}

h5
{
 font-size: 17px;
 font-weight: bold;
 color: #000;
}


h6
{
 font-size: 12px;
 font-weight: bold;
 margin-top: 2em;
}


div.branding h4
{
 margin: 0 380px 0 19px;
 position: relative;
 top: 67px;
}


.boxOut h2
{
 padding-top: 0;
}


.boxOut2 h2
{
 padding-top: 10px;
}


div.subContent1 h2
{
 margin: 0 0 0.5em 0;
}


body.portalPage .mainContent .boxOut2 h2
{
 margin: 0 0 0.5em 0;
 padding: 0;
}


body.portalPage .boxOut4
{
 padding-top: 0;
 margin-bottom: 10px;
}


body#portagePublicationsPage h1,
body#portagePublicationsPage .branding h4,
body#indexPage h1,
body#indexPage .branding h4
{
 color: #09C;
}


body.parentPage h1,
body.portalPage #box1 h2
{
 color: #F00;
}


body.aboutUsPage h1,
body.aboutUsPage .branding h4,
body.aboutUsPage #box2 h2
{
 color: #F60;
}


body.trainingPage h1,
body.trainingPage .branding h4
{
 color: #F06;
}


body.eventsPage h1,
body.eventsPage .branding h4
{
 color: #099;
}


body.getInvolvedPage h1,
body.getInvolvedPage .branding h4
{
 color: #390;
}


body#getInvolvedPage div#box1,
body#getInvolvedPage div#box2,
body#getInvolvedPage div#box3,
body#getInvolvedPage div#box4
{
 border-color: #390;
}


body.servicesPage h1,
body.servicesPage .branding h4
{
 color: #A51FA5;
}


body.contactPage h1,
body.contactPage .branding h4
{
 color: #33F;
}



/*---------------------- Links ---------------------------------*/

a,
a:link,
a:visited
{
 color: #FF0101;
 text-decoration: underline;
}


a:hover,
a:active
{
 color: #0F238C;
 text-decoration: underline;
}


/*-------------------------- Main Navigation ---------------------------*/
 /*--------------------------- First Level --------------------------*/


ul.navigation
{
 margin: 0;
 list-style: none; 
 line-height: 1;
 z-index: 100;
}


ul.navigation li
{
 padding-top: 0;
 padding-left: 0;
 display: block;
 height: 27px;
 float: left;
 background-image: none;
 margin-bottom: 0;
}


ul.navigation a 
{
 display: block;
}


ul.navigation li a:link,
ul.navigation li a:visited
{
 font-weight: normal;
 color: #FFF;
 background-color: #0F238C;
 text-decoration: none;
 font-size: 12px;
 /*padding: 7px 20px 8px 20px;*/
 padding: 7px 0 8px 0;
}


ul.navigation li.home_nav a
{
 width: 64px; /*Total 74px */
 text-align: left;
 padding-left: 10px;
}


ul.navigation li.about_us_nav a
{
 width: 80px;
 text-align: left;
 padding-left: 10px;
}


ul.navigation li.parents_nav a
{
 width: 73px;
 text-align: left;
 padding-left: 10px;
}


ul.navigation li.services_nav a
{
 width: 78px;
 text-align: left;
 padding-left: 10px;
}


ul.navigation li.training_nav a
{
 width: 75px;
 text-align: left;
 padding-left: 10px;
}


ul.navigation li.events_nav a
{
 width: 67px;
 text-align: left;
 padding-left: 10px;
}

ul.navigation li.get-involved_nav a
{
 width: 98px;
 text-align: left;
 padding-left: 10px;
}

ul.navigation li.contact_nav a
{
 width: 96px;
 text-align: left;
 padding-left: 10px;
}


ul.navigation li.home_nav a:hover,
ul.navigation li.home_nav a:active,
ul.navigation li.home_nav ul li a,
ul.navigation li.home_nav ul li a:link
{
 text-decoration: none;
 background-color: #09C;
}


ul.navigation li.parents_nav a:hover,
ul.navigation li.parents_nav a:active,
ul.navigation li.parents_nav ul li a,
ul.navigation li.parents_nav ul li a:link
{
 text-decoration: none;
 background-color: #F00;
}


ul.navigation li.about_us_nav a:hover,
ul.navigation li.about_us_nav a:active,
ul.navigation li.about_us_nav ul li a,
ul.navigation li.about_us_nav ul li a:link
{
 text-decoration: none;
 background-color: #F60;
}


ul.navigation li.training_nav a:hover,
ul.navigation li.training_nav a:active,
ul.navigation li.training_nav ul li a,
ul.navigation li.training_nav ul li a:link
{
 text-decoration: none;
 background-color: #F06;
}


ul.navigation li.events_nav a:hover,
ul.navigation li.events_nav a:active,
ul.navigation li.events_nav ul li a,
ul.navigation li.events_nav ul li a:link
{
 text-decoration: none;
 background-color: #099;
}


ul.navigation li.get-involved_nav a:hover,
ul.navigation li.get-involved_nav a:active,
ul.navigation li.get-involved_nav ul li a,
ul.navigation li.get-involved_nav ul li a:link
{
 text-decoration: none;
 background-color: #390;
}


ul.navigation li.services_nav a:hover,
ul.navigation li.services_nav a:active,
ul.navigation li.services_nav ul li a,
ul.navigation li.services_nav ul li a:link
{
 text-decoration: none;
 background-color: #A51FA5;
}


ul.navigation li.contact_nav a:hover,
ul.navigation li.contact_nav a:active,
ul.navigation li.contact_nav ul li a,
ul.navigation li.contact_nav ul li a:link
{
 text-decoration: none;
 background-color: #33F;
}



/*--------------------------- Second Level --------------------------*/

ul.navigation ul 
{
 padding: 0;
 margin: 0;
 list-style: none;
 line-height: 1;
 z-index: 1;
 width: 170px;/**/
}


ul.navigation li ul 
{
 font-weight: normal;
 position: absolute;
 left: -999em;
/* width: 150px;*/
}


ul.navigation li ul li
{
 width: 150px;/**/
 z-index:120;
 padding: 0;
 /*padding: 6px 10px 10px 10px;*/
 /*height: 10px;*/
 height: auto;
}


ul.navigation li ul li a,
ul.navigation li ul li a:link
{
 width: 150px !important;
 text-align: left !important;
 padding-left: 10px !important;
}


ul.navigation li ul.subNav1 li a:link,
ul.navigation li ul.subNav1 li a:visited
{
 font-size: 11px; 
/* color: ;
 background-image:; */
 padding-right:0;
 line-height:1.1;
}


ul.navigation li ul.subNav1 li a:hover,
ul.navigation li ul.subNav1 li a:active
{
 color: #FFF;
}

ul.navigation li.sfhover ul,
ul.navigation li:hover ul
{
 left: auto;
}


ul.navigation li.home_nav ul.subNav1 li a:hover,
ul.navigation li.home_nav ul.subNav1 li a:active
{
 background-color: #007ACC;
}

ul.navigation li.parents_nav ul.subNav1 li a:hover,
ul.navigation li.parents_nav ul.subNav1 li a:active
{
 background-color: #C00;
}


ul.navigation li.about_us_nav ul.subNav1 li a:hover,
ul.navigation li.about_us_nav ul.subNav1 li a:active
{
 background-color: #CC5200;
}


ul.navigation li.training_nav ul.subNav1 li a:hover,
ul.navigation li.training_nav ul.subNav1 li a:active
{
 background-color: #CC0052;
}


ul.navigation li.events_nav ul.subNav1 li a:hover,
ul.navigation li.events_nav ul.subNav1 li a:active
{
 background-color: #007A7A;
}

ul.navigation li.get-involved_nav ul.subNav1 li a:hover,
ul.navigation li.get-involved_nav ul.subNav1 li a:active
{
 background-color: #297A00;
}


ul.navigation li.services_nav ul.subNav1 li a:hover,
ul.navigation li.services_nav ul.subNav1 li a:active
{
 background-color: #841984;
}


ul.navigation li.contact_nav ul.subNav1 li a:hover,
ul.navigation li.contact_nav ul.subNav1 li a:active
{
 background-color: #2929CC;
}


/*--------------------------- Footer Navigation --------------------------*/

#lowerNav ul.navigation
{
 border-top: 1px solid #0F238C;
 padding-top: 5px;
}


#lowerNav ul.navigation li a:link,
#lowerNav ul.navigation li a:visited
{
 background-color: #FFF;
 color: #999;
}


#lowerNav ul.navigation li a:hover,
#lowerNav ul.navigation li a:active
{
 background-color: #FFF;
 color: #333;
}