/* MAIN SHEETS */
@import "reset.css";
@import "common.css";
@import "navigation.css";
@import "contentStyles.css";
/* MODULES */

/*  ADD INTO pages/calendar/events

<asp:Content ID="Content2" ContentPlaceHolderID="cphHead" runat="server">
    <link id="Link1" rel="stylesheet" runat="server" type="text/css" href="/css/events.css" media="screen,print,projection" />    
</asp:Content>
*/

/* GENERIC SHEETS*/
@import "form.css"; 
@import "widgets.css";
@import "share.css";
@import "quicklinks.css";

/* COLORS
    blue #24AED0
*/



/** DELETE ALL THIS **/

#rightCol, #centreCol { min-height: 550px; }


/** LAYOUT **/
				
	body {
        padding:0 0 20px 0;
        position:relative;
        color: #666666;
	}
	
    #wrapper {
        float:none;
        width:970px;
        max-width:970px;
        min-width:770px;
        overflow:hidden;
        margin:0 auto;
        font-size: 1.1em;
    }
    
    div { float: left; }
    
    #header {
        width:100%;
        display: block;
        margin-bottom: 10px;
    }
        
    #container { width: 100%; margin-top: 10px; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #DDE0EC; }
    
    #leftCol { width: 166px; margin-right: 12px; }
    
    #centreCol { width: 688px; margin-right: 12px; }
        
    #rightCol { width: 270px; }
    
    #content {
		padding: 10px 5px;
    }
    
    #footer {
		width:100%;
        clear:both;
    }

/****** INNER LAYOUT ******/
    #inner #centreCol { width: 506px; }
    #inner h1 { 
        background: #AEDDF1 url(../images/widgetH2Bg.gif) repeat-x scroll left top;
        padding: 8px;
        width: 490px;
        font-size: 30px;
        border-bottom: 2px solid #414448;
    }
    
/****** STANDARD BOX MODEL **/        

	div { display:block; }
	
/****** HEADER ******/
	img.logo { float: left; }
	.secondaryNavContainer { width: 344px; float: right; }
    .secondaryNavContainer p.secondaryNav { padding: 0px; margin: 10px 0 0; float: right; }
    .secondaryNavContainer img { float: right; }
    
    
/***** NAVIGATION ****/
    #navigationContainer { background: url(../images/navContainer.gif) top left no-repeat; width: 964px; padding-left: 6px; }       
    
    fieldset.search { width: 200px; clear: none; float: right; margin-right: 10px; display: inline; }
    fieldset.search .search_button { width: auto; }
    fieldset.search input{ float:right;}
    fieldset.search input.search_input{ margin: 1px 5px 0 0;}

    #centreCol #contactUs li.submit { margin-left: 8.7em; }

/* BREADCRUMB */

#breadcrumbContainer {
    background: url(../images/breadcrumbTail.gif) top left no-repeat;
    padding-left: 15px;
    margin-top: 9px;
    float: left;
}

#breadcrumbContainer ul#breadcrumb {
    background: url(../images/breadcrumbBg.gif) top right no-repeat;
    float: left;
    padding-right: 26px;
}

#breadcrumbContainer ul#breadcrumb li {
    display: inline;
    float: left;
    padding: 1px 0;
}

#breadcrumbContainer ul#breadcrumb li a {
    background: url(../images/breadcrumbItemBg.gif) top right no-repeat;
    padding-right: 26px;
}

#breadcrumbContainer ul#breadcrumb li span {

}

#breadcrumbContainer ul#breadcrumb li a,
#breadcrumbContainer ul#breadcrumb li span {
    float: left;
    padding-top: 8px;
    padding-bottom: 3px;
    padding-left: 10px;
    height: 15px;
    color: #24AED0;
    font-weight: bold;
}

#breadcrumbContainer ul#breadcrumb li span.cufon { padding: 0; }

#breadcrumbContainer ul#breadcrumb li a:hover { color: #414448; text-decoration: none; }

/***** ROTATOR *****/

.homepageRotator, .rotatorContainer {
    float:left;
    height:362px;
    margin-right:8px;
    overflow:hidden;
    width:224px; 
}
.homepageRotatorLast { margin-right: 0px; }
#centreCol .homepageRotator li { width: 224px; display: block; float: left; list-style-type: none; margin-left: 0; }
.homepageRotator img { float: left; }
.homepageRotator span.rotatorPanelInfo {
    float: left; border-bottom: 1px solid #999; background: #fefefe url(../images/widgetBg.gif) bottom left repeat-x; 
    display: block; width: 208px; padding: 6px 8px; color: #333; height: 80px;
}
    
.homepageRotator span.title { float: left; color: #24AED0; font-size: 2.8em; font-weight: bold;  }
.homepageRotator span.text { float: left; width: 208px; }





/***** WIDGETS *****/
    .widget {
        width: 270px;
        border-bottom: 1px solid #999;
        background: #fefefe url(../images/widgetBg.gif) bottom left repeat-x;
        margin-bottom: 8px;
    }
    
    .widget h3, .faqsWidget h3 {
        width: 252px;
        padding: 6px 9px;
        background: #aeddf1 url(../images/widgetH2Bg.gif) top left repeat-x;
        color: #24AED0;
        font-weight: bold;
    }
    
    .faqsWidget h3 {
        width: 148px;
    }
    
    .faqsWidget h3 a, .widget h3 a { color: #24AED0; }
    .faqsWidget h3 a:hover, .widget h3 a:hover { color: #414448; text-decoration: none; }
    
    .widget p {
        padding: 4px 6px;
        width: 264px;
        line-height: 1.1em;
        color: #333333;
    }
    
    .faqsWidget p {
        padding: 6px 9px;
        width: 148px;
        line-height: 1.1em;
        color: #333333;
        background: #fefefe url(../images/widgetBg.gif) bottom left repeat-x;
        border-bottom: 1px solid #999;
        float: left;
    }
    
    .faqsWidget p a {
        float: right;
        color: #24aed0;
    }
    
    .widget img {
        float: right;
        background: #CFF1FF;
        margin: 0 0 0 6px;
        display: block;
    }
    
    .widget .widgetContent { width: 135px; }
    
    .widget .widgetContent * { width: auto; }
    
/****** FOOTER ******/
	#footer {
	    background: transparent url(../images/navContainer.gif) no-repeat scroll left bottom;
        clear: both;
        padding: 5px 10px ;
        width: 960px;
	}
	.footerText { width: 491px; }
	.footerText h3 { color: #999; }
	
	p.websiteBy { margin-top: 5px; float: right; font-weight: bold; }	
	
	.accreditationsLink{ width:155px; height:0; padding-top:155px; float:right; display:block; overflow:hidden;    
                     background: transparent url(/images/accreditationsLink.jpg) no-repeat left top;}
    .accreditationsLink:hover{ background-position: left -155px;}