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

/*  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";


/** LAYOUT **/
				
	body {
        padding:0 0 20px 0;
        position:relative;
	}
	
    #wrapper {
        float:none;
        width:760px;
        max-width:760px;
        min-width:760px;
        overflow:hidden;
        margin:0 auto;
    }
    
    #wrapper div { float: left; }
    
    #header {
        width:760px;
        display: block;
        height:170px;
        font-size:1.2em;
        background:#ffffff;
        background-image:url(../images/shd/mcch-header.jpg);
        background-position:left;
        background-repeat:no-repeat;
    }
    
    #header fieldset.search
    {
        border:0 none;
        color:#781C7D;
        float:right;
        font-size:0.8em;
        margin:148px 0 0;
        padding:0;
    }
    
    #header fieldset.search
    {
        float:right;
        text-align:right;
        border:0;
        margin:148px 0 0 0;
        padding:0;
        font-size:1.0em;
	    color:#781C7D;
    }
    #header fieldset.search a
    {
        color:#781C7D;
    }
    #header fieldset.search a:hover
    {
        color:#F57B21;
    }
    #header fieldset.search input
    {
	    border: 1px solid #781C7D;
	    width: 9em;
    }
    
    #header fieldset.search a#SagSearchButton
    {
        background-color:#781C7D;
        color:#FFFFFF;
        padding:1px 2px;
        text-decoration:none;
    }
    
    #header fieldset.search a#SagSearchButton:hover
    {
        background-color:#F57B21;
	    text-decoration: none;
    }
    
    div#breadcrumb
    {
        float:right;
        text-align:right;
        width:760px;
        font-size:1.1em;
    }
    
    div#breadcrumb ul#breadcrumb
    {
        padding:0px;
        margin:0px;
        float:right;
    }
    
    div#breadcrumb ul#breadcrumb li
    {
        background:#ffffff;
        background-image:url(../images/shd/arr_bread.gif);
        background-position:left center;
        background-repeat:no-repeat;
        padding:0px 0px 0px 10px;
        margin:0px 0px 0px 10px;
        display:block;
        float:left;
        font-size:1.2em;
    }
    
    div#breadcrumb ul#breadcrumb li, div#breadcrumb ul#breadcrumb li a
    {
        color:#781D7D;
        text-decoration:none;
    }
    
    div#breadcrumb ul#breadcrumb li a:hover
    {
        color:#F57B21;
        text-decoration:underline;
    }
            
    #container { width: 100%; margin-top: 10px; margin-bottom: 10px; }
    
    #leftCol 
    {
        float:left;
        margin:0px 10px 0px 0px;
        background:transparent url(../images/shd/left_nav_bot.jpg) no-repeat scroll right bottom;
	    padding: 0 0 210px 0;
        width:169px; 
     }
    
    #centreCol { width: 580px; background: #ffffff; margin: 0px 0px 0xp 0px; }
    
    #rightCol 
    {
        border:0 none;
        float:right !important;
        margin:0;
        padding:0;
        width:183px;
    }
    
    #footer {
		width:100%;
        clear:both;
    }
        
/****** STANDARD BOX MODEL **/        

	div { display:block; }
	
/****** HEADER ******/
	
    
/**** FOOTER LAYOUT ****************/
#divFooter
{
	width:723px;
    margin:0 0 10px 37px;
    clear:both;
    color:#666666;
    display:inline;
}

#divFooter p
{
	margin:5px 0 5px 0;
	padding:0;
	font-size: 0.8em;
}

#divFooterLeft
{
    margin:0px 0px 20px 0px;
    padding:5px 5px 10px 5px;
    width:140px;
	height:89px;
	background-color:#FFC726;
    float:left;
    font-size:0.8em;
    text-decoration:none;
}
#divFooterRight
{
    margin:20px 0px 0px 20px;
    width:550px;
    float:left;
    font-size:0.9em;
}

#divFooterbanner {
	margin-top: 10px;
	width:723px;
	height:31px;
	background:url(../images/shd/footer-banner.gif) no-repeat left top;
}

#divFooterText {
	float:left;
	width:373px;
	font-size:1.2em;
}

#divFooterRightLogo
{
	float:right !important;
	margin:15px 0 0 0;
	width:343px;
	height:53px;
	background:url(../images/shd/logos.gif) no-repeat right top;
}

#divFooterRightMenu
{
    width:581px;
    font-size:1.2em;
    margin:0 0 5px 0;
    padding:0;
    float:right !important;
    color:#F57B21;
	clear: both;
}
#divFooterRightMenu .left {
	float:left;
	padding-top:1px;
}

#divFooterRightMenu .right {
	float:right
}

#divFooterRightText
{
    margin:0px 0px 0px 0px;
    width:530px;
    float:left;
    background-image:url(../images/shd/footer-yellow-box.gif);
    height:55px;
    padding:5px 10px 0px 10px;
}

.lnkYellow a
{
    display:block;
    width:22px;
    height:21px;
    background-image:url(../images/shd//yellow-BG.gif);
}	

#cssStyleSwapper table, #cssStyleSwapper td{ background:none; border: none; text-align:left;}

#newsStoryDisplay{ width: 556px;}