/*
 *
 *
 *
 */

 * html {overflow:hidden;}

@page {
  margin: 0cm;
  size: 21cm 29.7cm;
}

body
{
    margin:0;
    background-color:#E5E5E5;
    letter-spacing: 0.05em;
    /*font-family:  "Goudy Old Style","Bookman Old Style", "Palatino Linotype",  "Papyrus", "Lucida Handwriting",
                        "Lucida Bright",   "Garamond","Comic Sans MS","Lucida Calligraphy","Perpetua","Footlight MT Light",
                        "Century Schoolbook","Book Antiqua",  Verdana, "Times New Roman", Times, serif;*/
}

/***************** Style for the MSIE upgrade box ************************/
p.MSIE
{
    border-style: solid;
    border-color: black;
    border-width: 1px;
    background: #FFFF80;
    width: 90%;
    font-size: 80%;
    display: none;
}

/* Style of the background images. They should take up the entire width of the screen*/
/* BACKGROUND IMAGE*/
#back
{
    position:fixed;
    display:none;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    z-index:0;
}
* html #back {position:absolute;z-index:-1;}

#back div {color:#000; font-size:30px; margin-top:-40px;}

#back_img {position:fixed; display:none; top:0; left:0; height: 100%; width:100%; background-color:transparent; z-index:0;}
* html #back_img {position:absolute;z-index:-1;}

#img-style
{
    width: 100%;
}

/* HEADER*/
#header_content
{
    position:absolute;
    display:block;
    top:0;
    left:0%;
    width:100%;
    height:15%;
    font-size:160%;
    line-height:300%;
    font-family: "Papyrus", "Comic Sans MS", Verdana, serif;
    overflow:visible;
    z-index:25;
    font-weight:bold;
    text-align:center;
}
* html #header_content {position:absolute;}
#header_content div {color:#000; font-size:100%; margin-top:-50%;}


#header_img
{
    position:fixed;
    display:none;
    top:0;
    left:0;
    width:100%;
    height:15%;
    overflow:hidden;
    z-index:25;
}
* html #header_img {position:absolute;}
#header_img div {color:#000; font-size:100%; margin-top:-50%;}
#top_img {position:fixed; display:none; top:0; left:0; height:15%; width:100%; background-color: transparent;  z-index:23;}
* html #top_img {position:absolute;}



/* FOOTER */
#footer_content
{
    position:absolute;
    display:block;
    bottom:2%;
    width:90%;
    height:5%;
    font-size:75%;
    line-height:30%;
    font-family: "Goudy Old Style", "Comic Sans MS", Verdana, serif;
    /*overflow:hidden;*/ /* Leave out to show it all in MSIE*/
    z-index:25;
    text-align:center;
    padding-top:4%;
}
* html #footer_content {position:absolute;}
#footer_content div {color:#000; font-size:75%; margin-top:-50%;}


#footer_img
{
    position:fixed;
    display:none;
    top:95%;
    left:0;
    width:100%;
    height:5%;
    overflow:hidden;
    z-index:25;
}
* html #footer_img {position:absolute;}
#footer_img div {color:#000; font-size:100%; margin-top:-50%;}
#bottom_img {position:fixed; display:none; top:95%; left:0; height:5%; width:100%; background-color: transparent;  z-index:23;}
* html #bottom_img {position:absolute;}


/**********   SIDEBAR NAVIGATION SETTINGS **************/
/*  Layer that contains the Sidebars content */
#menu
{
    position:fixed;
    display:none;
    top:18%;
    left:10px;
    width:20%;
    height:60%;
    background-color:transparent;
    z-index:20;
}
* html #menu {position:absolute;}

#menu a, #menu a:link
{
     display:none;
     font-family:  Georgia, sans-serif;
     font-style: italic;
     font-size: 105%;
     width:88%;
     height:8.5%;
     color:white;
     text-decoration:none;
     line-height:150%;
     margin-top:3%;
     /*border:5px solid #000;*/
     background:#aa7;
     text-align:center;
}

menu a:visited
{
    display:none;
    width:88%;
    height:8.5%;
    color:white;
}

#menu a:hover
{
    font-weight:bold;
    color:purple;
    background: #CCC;
}

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

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

/**********   MAIN CONTENT SETTINGS **************/
#content
{
    position:relative;
    /*display:block;*/
    margin:10% 0 0 0%;/* top right bottom left*/
    background:transparent;
    /*overflow:hidden;*/
    z-index:20;
    font-family: "Goudy Old Style", serif;
    font-size: 110%;
    line-height: 110%;
}

.text
{
    /*display:block;*/
    padding:10px 10px 10px 10px; /* top right bottom left*/
    width:95%;
    margin-left:1%;
    text-align:justify;
    float:left;
    color:#000;
    page-break-inside: auto;
}

/* Define the styles for the main content area */
#content p.special:first-letter /* This is for use for the first letter of the first paragraph */
{
    font-size: 180%;
    /*text-transform: uppercase;*/
    /*background-color: #ffd800;*/
    font-weight: bold;
}

#content p.news
{
    font-size: 150%;
    font-weight: bold;
}

#content span.date
{
    font-style: italic;
    /*font-weight: bold;*/
    /*text-decoration: underline;*/
}

#content p.news-item-title
{
    font-size: 105%;
    text-decoration: underline;
    /*font-weight: bold;*/
}

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

#content a:link
{
    color: blue;
}

#content a:visited
{
    color: purple;
}

#content h1
{
    font-size: 120%;
    font-family: "Papyrus", "Comic Sans MS", Verdana, serif;
    line-height: 150%;
}

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

#content img
{
    border: 0;
}

#content h2
{
    font-weight: bold;
    text-decoration: underline;
    font-size: 100%;
    margin-bottom: 2.5%;
}

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

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

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

#content span.underline /*Span for underlined text */
{
    text-decoration: underline;
}
/*************   END MAIN CONTENT SETTINGS *************************/

/* SCCMA LOGO*/
#logo
{
    position:absolute;
    display:block;
    top:5%;
    left:90%;
    width:69px; /* these should be dimensions of the image */
    height:88px; /* these should be dimensions of the image */
    overflow:visible;
    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;}