/*
 *
 *
 *
 */

body
{
    margin:0;
    padding:0;
    background-color:#E5E5E5;
    background: url('../images/background.jpg') fixed center top;
}


/***************** Style for the MSIE upgrade box ************************/
#MSIE
{
    border-style: solid;
    border-color: black;
    border-width: 1px;
    background: #FFFFA8;
    width:180px;
    text-align: center;
    font-size: 0.8em;
    line-height: 0.9em;
    margin-top:0.8em;
}

#MSIE img
{
    text-align: center;
    border:0;
}


/* HEADER*/
#header_content
{
    top:0;
    left:0;
    height: 2em;
    padding-top:0.3em;
    font-size:1.6em;
    font-family: "Papyrus", "Comic Sans MS", Verdana, serif;
    font-weight:bold;
    text-align:center;
    z-index:25;
}


/* FOOTER */
#footer_content
{
    width:98%;
    padding: 0.3em;
    margin-top:1em;
    font-size: 0.8em;
    font-family: "Goudy Old Style", "Comic Sans MS", Verdana, serif;
    z-index:25;
    text-align: center;
}
#footer_content span.bold_under /*Span for bold and underlined text */
{
    font-weight: bold;
	font-size: 1.2em;
    text-decoration: underline;
}

/**********   SIDEBAR NAVIGATION SETTINGS **************/
/*  Layer that contains the Sidebars content */
#left_col
{
    position: absolute;
    display:block;
    top: 6.5em;
    left:0.5em;
    width:12em;
    margin-top: -3%;
    padding:0;
}


#menu
{
    background-color:transparent;
    z-index:25;
}

#menu a, #menu a:link
{
     display:block;
     font-family:  Georgia, sans-serif;
     font-style: italic;
     font-size: 105%;
     width:180px;
     height:30px;
     color:white;
     text-decoration:none;
     line-height:25px;
     margin-top:5px;
     background:#aa7;
     text-align:center;
}

#menu a:visited
{
    color:white;
}

#menu a:hover
{
    font-weight:bold;
}

#menu a:active
{
    font-weight:bold;
}

/* END sidebar styles*/
/**********   SIDEBAR NAVIGATION SETTINGS **************/

/**********   MAIN CONTENT SETTINGS **************/
#main
{
    margin-left:11.5em;
    padding-right:1em;
    z-index:25;
    font-family: "Goudy Old Style", serif;
    font-size: 1.1em;
    line-height: 1.1em;
    text-align:justify;
    color:#000;
}

/* Define the styles for the main content area */
#main p.special:first-letter /* This is for use for the first letter of the first paragraph */
{
    font-size: 1.7em;
    font-weight: bold;
}

#main p.news
{
    font-size: 1.5em;
    font-weight: bold;
}

#main span.date
{
    font-style: italic;
}

#main p.news-item-title
{
    font-size: 1em;
    text-decoration: underline;
}

#main p.news-item
{
    margin-left: 2%;
    margin-right: 4%;
}

#main a:link
{
    color: blue;
}

#main a:visited
{
    color: purple;
}

#main h1
{
    font-size: 1.5em;
    font-family: "Papyrus", "Comic Sans MS", Verdana, serif;
    line-height: 1.3em;
}

#main ul
{
    list-style-type: square;
    margin-top: -2%;
}

#main img
{
    border: 0;
}

#main h2
{
    font-weight: bold;
    text-decoration: underline;
    font-size: 1.1em;
    margin-bottom: 2.5%;
}

#main span.centre /* Centres text/images/etc */
{
    display: block;
    text-align: center;
}

#main table /* Keeps tables approximately centred */
{
    margin-left:10%;
    margin-right:10%;
}

#main span.bold_under /*Span for bold and underlined text */
{
    font-weight: bold;
    text-decoration: underline;
}
#left_col span.bold_under /*Span for bold and underlined text */
{
    font-weight: bold;
    text-align: center;
}

#main span.underline /*Span for underlined text */
{
    text-decoration: underline;
}


/*************   END MAIN CONTENT SETTINGS *************************/

/* SCCMA LOGO*/
#logo
{
    position:absolute;
    display:block;
    top:5px;
    left:90%;
    width:69px; /* these should be dimensions of the image */
    height:88px; /* these should be dimensions of the image */
    overflow:hidden;
    z-index:25;
}
* html #logo {position:absolute; right:0;}

#logo div {color:#000; font-size:30px; margin-top:-40px;}
#logo img {float:right; left: 93%; background-color:transparent;}