/* MAIN SHEETS */
@import "normalize.css";
@import "common.css";
@import "main_navigation.css";

/* MODULES */
@import "news.css";
@import "faq.css";
@import "docs.css";
@import "events.css";
@import "home.css";

/* OTHER SHEETS */
@import "form.css";
@import "fontsize.css";
@import "flash.css";
@import "widgets.css";
@import "share.css";
@import "sitemap.css";

/****** LAYOUT **/
		 
		html {
			font:62.5%/1.4 Arial, Verdana, Sans-Serif;
		}
		
		body {
            padding:0 0 20px 0;
            position:relative;
            background: url(../images/shd/background.gif) no-repeat -54px top ;
            font-size: 1.1em;
		}
		
        #container {
            float:none;
            width:990px;
            max-width:990px;
            min-width:770px;
            font-size:110%;
            overflow:hidden;
            margin:0 auto;
        }
        
        #site-branding {
            width:100%;
            margin:0 0 10px 0;
            background: url(../images/shd/headerBkg.jpg) no-repeat top right;
            height: 96px;
        }
        
        #site-branding h1 {
            display: block;
            margin-top: 0;
        }
        
        #site-branding h1 a 
        {
            background: url(../images/shd/logo.gif) no-repeat;
            height: 0px;
            padding-top: 96px;
            width: 266px;
            display: block;
            overflow: hidden;
        }
        
        #content 
        {
            width: 776px;
        }
        
        #content div {
			border-top: 21px solid #ed0f7f;
        }
        
        #content div div {
			border-top: none;
        }
        
        #content div#secondary-content {
			border-top: none;
        }
        
        #primary-content {
			width: 508px;
			background: #fff;
			float: left;
	        margin: 0 0 0 11px;
	        padding: 10px;
	        display: inline;
        }
        #primary-content-fullwidth
        {
            width: 748px;
            padding: 9px;
            display: inline;
            background: #fff;
			float: left;
	        margin: 0 0 0 11px;
        }
        
        #content div.navItem0Content { border-top-color: #000; }
        #content div.navItem1Content { border-top-color: #633; }
        #content div.navItem2Content { border-top-color: #963; }
        #content div.navItem3Content { border-top-color: #060; }
        #content div.navItem4Content { border-top-color: #0c3; }
        #content div.navItem5Content { border-top-color: #7cb542; }
        #content div.navItem6Content { border-top-color: #03c; }
        #content div.navItem7Content { border-top-color: #009de0; }
        #content div.navItem8Content { border-top-color: #93c; }
        #content div.navItem9Content { border-top-color: #f6c; }
        #content div.navItem10Content { border-top-color: #c00; }
        #content div.navItem11Content { border-top-color: #f33; }
        #content div.navItem12Content { border-top-color: #f60; }
        #content div.navItem13Content { border-top-color: #f90; }
        #content div.navItem14Content { border-top-color: #c93; }
        
        #primary-content ul, #primary-content ol
        {
            list-style-type: disc;
            margin-left: 2em;
            margin-bottom: 1em;
        }
        
        #primary-content ul ul, #primary-content ol ol, #primary-content ol ul, #primary-content ul ol
        {
            margin-bottom: 0;    
        }
    
        #primary-content ol 
        {
            list-style-type: decimal;
        }
        
        #secondary-content {
			width:222px;
			float:right;		
        }
        
        #site-info {
			width:100%;
            clear:both;
            text-align:left;
            font-size:0.9em;
            color: #666;
            margin-top:9px;
        }
        
        #site-info p, #site-info a
        {
            color: #999;
        }
        
/****** STANDARD BOX MODEL **/        
        

		div{
			float:left;
            display:block;
		}
		
		.box {
			width:100%;
		}
        
        
        
        .headed-box h3 {
            color:#000;
            padding:3px 3px 3px 6px; 
            font-size: 1.5em;
        }
        
        .headed-box div h3 {
			padding:0;
            background:#fff none repeat scroll 0%;
        }

/****** HEADER **/
		
        
/****** FOOTER **/
		
        #site_info p
        {
            margin:10px 0 10px 0;
        }
        
        .staffContacts 
        {
            float: none;
            margin-top: 1em;
            background: #cceefd;
            border-top: 21px solid #009de0;
            padding: 5px 10px;
            width: 194px;
        }
        
        .staffContacts p
        {
            margin-right: 10px;
        }
        
        .staffContacts a:hover
        {
            color: #009de0;
        }
        
        .form label 
        {
            float: left;
            width: 8em;
        }
        
        #moreLatestNewsList .form li.submit a, #calendar .submitbtn
        {
            padding: 3px 6px;
            background: #ed0f7f;
            color: #fff;
            font-weight: bold;
            margin-top: 4px;
            text-align: center;
            border: none;
            text-decoration: none;
        }
        
        #moreLatestNewsList .form li.submit a {
            width: 257px;
        }
        
        #calendar .submitbtn 
        {
            padding: 0;
            padding-top: 18px;
            height: 0px;
            overflow: hidden;
            display: block;
            background: url(../images/shd/calendarSearchBtn.gif);
            margin-top: 0;
            width: 67px;
        }
        
        #calendar .submitbtn:hover
        {
            background: url(../images/shd/calendarSearchBtn.gif) 0 -18px;
        }
        
        #moreLatestNewsList .form li.submit a span 
        {
            color: #fff;
        }
        
        #moreLatestNewsList ul.form li.submit a 
        {
            padding: 0;
            padding-top: 23px;
            height: 0px;
            overflow: hidden;
            display: block;
            background: url(../images/shd/newsSearchBtn.gif);
            margin-top: 0;
            width: 269px;
        }
        
        #moreLatestNewsList ul.form li.submit a:hover
        {
            background: url(../images/shd/newsSearchBtn.gif) 0 -23px;
         }
         
/***** STAFF DIRECTORY *****/

#staffInfoPanel{
    width:745px;

    background-image:url(../images/shd/staff_results_bkg.gif);
    background-position:0 0;
    background-repeat:repeat-x;
    padding-top:20px;
}
    
#staffInfoPanel iframe{
    width:745px;
    border:none;
    height:300px;
    background-image:url(../images/shd/ajax-loader.gif);
    background-repeat:no-repeat;
    background-position:390px 100px;
}

#staffInfoPanel iframe html{
    border:medium none;    
}

#staffInfoPanel iframe body{
    background-color:#fff;  
}

#staffResults{
        background-color:#fff;
        background-image:none;
}

#staffResultsHolder{
    background-color:#fff;
    float:left;
    padding:10px 10px 10px;
    width:725px;
    }

#staffPic{
    float:right;}

#staffDetails{
    float:left;}

#staffContactDetails{
    width:500px;
    float:left;
    margin-bottom:10px
    }
    
    #staffContactDetails ul{
    width:370px;
    display:block;
    float:left;
    }
    
       #staffContactDetails p{
    width:130px;
    display:block;
    float:left;
    }
    
    #staffPositionDetails{
        margin-bottom:10px;
        }
        
     .contactIcons li a, .contactIcons li span{
        background-position:0 0;
        background-repeat:no-repeat;
        padding:2px 0px 5px 30px;
        display:block;
        min-height:1.3em;
        height:auto !important;
        height:1.3em;
     }
              
     #staffEmail a{
        background-image:url(../images/staff/mail_icon.gif);
     }
     
     #staffTelNum span{
        background-image:url(../images/staff/tel_icon.gif);
        }
     
     
     #staffMobNum span{
         background-image:url(../images/staff/mob_icon.gif);
        }
        
     #notesPanel{
        width:550px;
        float:left;
        clear:both;
     }
     
     #directoryInstructions{
        padding-left:238px;
        padding-top:20px;
        background:#ffffff url(/images/staff/instructions.jpg) no-repeat 0 0;
        height:220px;
        }