@import url('zero.css');

html, body { height: 100%; }

body, table { font: 12px/1.3 Verdana, sans-serif; }

h1 { font-size: 160%; font-weight: bold; margin: 0 0 0.7em 0; line-height: 1; color: #002251; }
h2 { font-size: 140%; font-weight: bold; margin: 0 0 1em 0; line-height: 1.3;  }
h3 { font-weight: bold; margin: 1.4em 0 0.5em 0; }

p { margin: 0.5em 0; }
a { color: black; text-decoration: underline; }

ul { margin: 0.5em 0 0.5em 3em; padding: 0; }
	li { list-style-type: disc; display: list-item; margin: 0 0 0.5em 0; padding: 0; }

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

strong { font-weight: bold; }

table {}
	tr {}
	th, td { vertical-align: top; padding: 0.2em; }
	th { font-weight: bold; padding: 0.5em 1em 0 0; }
	td {}
	
input { }
textarea { width: 370px; height: 80px; }

#container { width: 1000px; margin: 0 auto; background-color: white; min-height: 100%; position: relative; }

#header { height: 344px; background: url(../images/headers/home.jpg) no-repeat bottom center; position: relative; margin-bottom: 10px; }
	h1#logo { position: absolute; text-indent: -5000px; top: 25px; right: 38px; width: 281px; height: 40px; background: url(../images/logo.gif); }
	#top-quote { font-weight: bold; font-size: 110%; position: absolute; top: 18px; left: 54px; width: 229px; height: 71px; color: #0B1F57; text-indent: -5000px; background: url(../images/top-quote.gif); }
	
#main { margin: 0 0 0 54px; }
	
#nav { margin: 0 0 45px 0; }
	#nav a { color: #0B1F57; font-weight: bold; text-decoration: none; text-transform: lowercase; display: block; float: left; margin-right: 40px; }
	
#sidebar { width: 330px; float: left; min-height: 280px; position: relative; padding-bottom: 25px; }

	#sub-nav { margin: 0; padding: 0; height: 230px; }
		#sub-nav li { margin: 0 0 0.5em 0; padding: 0; text-transform: lowercase; display: block; list-style: none; }
		#sub-nav a { color: #818386; text-decoration: none; }
		#sub-nav a.selected { color: #222222; }
		
	#side-quote { width: 230px; font-size: 16px; margin: 34px 0 0 0; line-height: 1.3; }
	
#content { margin: 0 85px 0 350px; line-height: 1.3; padding-bottom: 25px; }

#footer { margin-top: 80px; color: #565656; padding-bottom: 10px; font-size: 90%; }
	#footer a { color: #565656; text-decoration: none; }

/* Colour-coding */

h2, #side-quote, #content a, #section-home #nav a.home, #sub-nav a.selected { color: #2289da; }
#section-our-organisation h2, #section-our-organisation #side-quote, #section-our-organisation #nav a.our-organisation, #section-our-organisation #content a, #section-our-organisation #sub-nav a.selected { color:  #c69200; }
#section-our-services h2, #section-our-services #side-quote, #section-our-services #nav a.our-services, #section-our-services #content a, #section-our-services #sub-nav a.selected { color: #c1272d; }
#section-recruitment h2, #section-recruitment #side-quote, #section-recruitment #nav a.recruitment, #section-recruitment #content a, #section-recruitment #sub-nav a.selected { color: #5b57a6; }
#section-research h2, #section-research #side-quote, #section-research #nav a.research, #section-research #content a, #section-research #sub-nav a.selected { color: #f7941d; }
#section-contact-details h2, #section-contact-details #side-quote, #section-contact-details #nav a.contact-details, #section-contact-details #content a, #section-contact-details #sub-nav a.selected { color: #668d3c; }

/* Images */

#section-our-organisation #header { background-image: url(../images/headers/our-organisation.jpg); }
#section-our-services #header { background-image: url(../images/headers/our-services.jpg); }
#section-recruitment #header { background-image: url(../images/headers/recruitment.jpg); }
#section-research #header { background-image: url(../images/headers/research.jpg); }
#section-contact-details #header { background-image: url(../images/headers/contact-details.jpg); }
#section-staff-area #header { background-image: url(../images/headers/staff-area.jpg); }

body { background-color: #abc3e6; }
#section-our-organisation { background-color: #e1c694; }
#section-our-services { background-color: #e0a28f; }
#section-recruitment { background-color: #b0acd5; }
#section-research { background-color: #fecc95; }
#section-contact-details { background-color: #b9c49f; }
#section-staff-area { background-color: #b4d4ea; }

/* Ad banner for home page */
/*#section-home #container { background-image: url(../images/backgrounds/home.jpg); background-repeat: no-repeat; background-position: 30px 560px }*/

#section-home #sidebar { min-height: 450px; }
#home-advert { position: absolute; bottom: 0px; z-index: 0; }
#side-quote { z-index: 999; }

/* Stock background images */
body.with-image #container { background-image: url(../images/backgrounds/1.gif); background-repeat: no-repeat; background-position: 54px 525px; }
#section-our-organisation.with-image #container { background-image: url(../images/backgrounds/2.gif) }
#section-our-our-services.with-image #container { background-image: url(../images/backgrounds/3.gif) }
#section-recruitment.with-image #container { background-image: url(../images/backgrounds/4.gif) }
#section-research.with-image #container { background-image: url(../images/backgrounds/5.png) }
#section-contact-details.with-image #container { background-image: url(../images/backgrounds/3.gif) }
#section-staff-area.with-image #container { background-image: url(../images/backgrounds/7.png) }

#bubble { position: absolute; top: 0; left: 0; width: 227px; height: 78px; color: white; }
	#bubble .we-hate-ie6 { width: 227px; height: 78px; background-repeat: no-repeat; background-position: 0 0; }
	#bubble .inner { padding: 10px 15px 10px 20px; }
	#bubble .home { background-image: url(../images/bubbles/1.gif);  }
	#bubble .our-organisation { background-image: url(../images/bubbles/4.gif);  }
	#bubble .our-services { background-image: url(../images/bubbles/5.gif); }
	#bubble .recruitment { background-image: url(../images/bubbles/3.gif); }
	#bubble .research { background-image: url(../images/bubbles/2.gif); }
	#bubble .contact-details { background-image: url(../images/bubbles/6.gif); }
	#bubble .staff-area { background-image: url(../images/bubbles/7.gif); }

#staff-area { background-color: #182349; }
	#staff-area h1#logo { position: absolute; width: 281px; height: 111px; background: url(../images/staff-area/logo.gif); }
	
	#staff-area.section-the-includer h2 { margin-top: 1em; }
	#staff-area #content ul { margin-top: 1.5em; }
		#staff-area #content ul li { margin-bottom: 1.5em;}
	#staff-area table th { text-align: left; }
	#staff-area table td { padding-right: 10px; }
#staff-area #nav a { margin-right: 50px; }

#staff-area #nav a.selected,
#staff-area #nav a:hover { color: #2289DA !important; }

#staff-area #sidebar { width: 200px; }

#staff-area #sub-nav li a { color: #0B1F57; }
	#staff-area #sub-nav li li a { color: #0B1F57 !important; }
	#staff-area #sub-nav li.selected a, 
	#staff-area #sub-nav a:hover { color: #2289DA; }
	#staff-area #sub-nav li li.selected a { color: #2289DA !important; }

#staff-area ul.gallery { list-style: none; padding: 0; margin: 0; }
	#staff-area ul.gallery li { list-style: none; float: left; margin: 0 20px 20px 0; padding: 0; width: 250px; height: 250px;  }

#staff-area #content { margin-left: 220px; }
#staff-area #header { background: none; }
  #staff-area #header #panels { position: absolute; bottom: 0; left: 0; height: 162px; background-color: #464749; width: 1000px; }
    #staff-area #header #panels a { display: block; text-indent: -5000px; position: absolute; top: 0; left: 116px; width: 154px; height: 162px; }
    #staff-area #header #panels .x2 { left: 270px; }
    #staff-area #header #panels .x3 { left: 423px; }
    #staff-area #header #panels .x4 { left: 577px; }
    #staff-area #header #panels .x5 { left: 730px; }
    #staff-area #header #panels .y2 { top: 80px; }
    #staff-area #header #panels .training-prospectus { background-image: url(../images/staff-area/2009-training-prospectus.jpg); }
    #staff-area #header #panels .alcohol-information { height: 82px; background-image: url(../images/staff-area/alcohol-information-scotland.png); }
    #staff-area #header #panels .beyond-includem { background-image: url(../images/staff-area/beyond-includem-useful.jpg); }
    #staff-area #header #panels .check-your-email { width: 307px; background-image: url(../images/staff-area/check-your-email.jpg);}
    #staff-area #header #panels .childrens-hearing { height: 82px; background-image: url(../images/staff-area/childrens-hearing-system.png); }
    #staff-area #header #panels .continuous-improvement { background-image: url(../images/staff-area/continuous-improvement.png); }
    #staff-area #header #panels .forms { background-image: url(../images/staff-area/forms-at-a.jpg); }
    #staff-area #header #panels .getting-it-right { height: 82px; background-image: url(../images/staff-area/getting-it-right.png); }
    #staff-area #header #panels .getting-it-right-large { width: 307px; background-image: url(../images/staff-area/getting-it-right-large.png); }
		#staff-area #header #panels .operational-procedures { background-image: url(../images/staff-area/operational-procedures.png); }
    #staff-area #header #panels .organisational-policies { height: 82px; background-image: url(../images/staff-area/organisational-policies-and.png); }
    #staff-area #header #panels .photo-gallery { background-image: url(../images/staff-area/photo-gallery.jpg); }
    #staff-area #header #panels .service-improvement { height: 82px; background-image: url(../images/staff-area/service-improvement.jpg); }
    #staff-area #header #panels .latest-includer { background-image: url(../images/staff-area/the-latest-includer.jpg); }
    #staff-area #header #panels .whats-on { background-image: url(../images/staff-area/whats-on.jpg); }
    #staff-area #header #panels .young-peoples-stories { height: 82px; background-image: url(../images/staff-area/young-peoples-stories.jpg); }
    #staff-area #header #panels .includem-workbook { background-image: url(../images/staff-area/includem-workbook.jpg); }

		#staff-area #file-list { margin-top: 0.5em; }
		
		#staff-area #home-advert { top: 0px; left: -25px; }