* {border: solid 0px black; font-family: georgia, verdana, Arial, Sans-serif; font-size: 14px; color: white; }
    body  {text-align:left; background: #F4CAB2; color: red; padding:0px 0px 0px 0px; }

    .wrapper_outer{    text-align: center;    width: 940px;    margin: 0 auto;    
        background: url(images/background_NotreDame_v8.jpg) ghostwhite no-repeat;    border: 0px black solid;    padding: 155px 0 0 0;}
    .wrapper_middle {text-align: center; width: 627px; margin: 0 auto; background: transparent; padding: 0px 0px 0px 0px;}
    .wrapper_inner {float: left; width: 190px; background: white; color: yellow;}   /*** This can be floated left or right ***/
    .column_left {float: left; width: 177px; background: url(images/White_Tile.png) repeat; border: solid 1px ghostwhite;
        }    /*** This must be floated opposite to .first-float ***/
    .column_center {width: 5px; background: white; color: gray; }    /*** This must be floated opposite to .second-float ***/
    .column_right {float: right; width: 440px; color: white; border: solid 1px ghostwhite;
        background: url(images/White_Tile.png) repeat;} /*** This must be floated opposite to .float-wrap ***/ 
    .zcolumn_right {float: right; width: 440px; color: white; background: white; border: solid 1px ghostwhite;} /*** This must be floated opposite to .float-wrap ***/ 
    
    #header_banner{height: 0px; background-image: url(images/SCALogo.gif); background-repeat: no-repeat; padding: 0 0 10px 0; z-index: -50;}
    #sideNavigationDiv {float: left; width: 200px; background: transparent; color: white; padding: 130px 15px 0px 15px;} 
    #TopNavigationDiv {text-align: center; float:none; width: 100%; background-color: #A5B5B5; 
        color: #A5B5B5; margin: 0px 0px 0px 0px;height:50px;} 
    
    h1 {background-color: transparent; color: gray; font-size: 25px; font-weight: 200; letter-spacing: 2px; 
        background-image: url(images/H1Bottom.png); background-position: bottom right; background-repeat: no-repeat;
        text-align: center; height:50px; width: 420px; 
        padding-top: 0px; padding-left: 0px; margin: 10px 10px 5px 10px; border: solid 1px ghostwhite;
        font-family: verdana, Arial, Sans-serif; }
    h2 {background: transparent; color: black; font-size: 20px; font-weight: 200; }
    h3 {color: red;margin: 5px 5px 5px 15px;font-size: 12pt;width: 200px;letter-spacing: 9px; display: block; background : white;
        vertical-align: baseline; border-bottom: red thin solid;text-transform: uppercase;
        font-variant: small-caps;}

    img{padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;clear: none; }
    img.background{padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;clear: none; float: right; z-index: 1;position: 0 0;}
    img.portrait{padding: 0px ;color: #2F250C;letter-spacing: 1px;margin: 12px 0px 12px 0px;clear: none;
        float: center; overflow: hidden;position: static; border: solid 0px white;background-color: #FFCCCC; padding: auto;
        }
    img.floatbottomright {float:right;}
    zimg.portrait{padding: 0px 12px 0px 12px;color: #2F250C;letter-spacing: 1px;margin: 12px 0px 12px 0px;clear: none;
        float: center; overflow: hidden;position: static; border: solid 0px white;background-color: brown;}
    img.menulabel{padding: 0px 0px 0px 0px;color: #2F250C;letter-spacing: 1px;margin: 0px 0px 0px 0px;clear: none;float: left;
        overflow: hidden;position: static; border: solid 0px white;background-color: white;}
    
    p {margin: 0px 10px 0px 10px; color: black; text-align: justify; line-height: 16px;font-size: 12px; 
        background-image: url(images/ParagraphBottom.png); background-position: bottom right; background-repeat: no-repeat;
        }
    p.homepage {width: 500px; font-size: 12px; background: white; padding: 0 50px 0 50px; color: gray; text-align: justify; line-height: 16px;}
    p.leftcolumn  {width: 100px; font-size: 12px; background: blue; padding: 0 50px 0 50px; color: gray; text-align: justify; line-height: 16px;}
    p.rightcolumn {width: 360px; font-size: 12px; background: white; padding: 0 10px 0 10px; color: gray; text-align: justify; 
        line-height: 16px;}
    p.footnote {margin: 15px; color: #081F7C; font-size: 10px;}
    p.footer {font-size: 12px; background: transparent; color: gray; height: 15px; text-align: center; margin:0 auto;}
    
    .emphasis {color: gray; letter-spacing: 0px;font-weight: 700; text-align: center;}

    .clear_across {clear: both; background:transparent; height: 0px; font-size: 8px; color: white; border: solid 0px gray; }
    .clear_footer {text-align:center; width: 760px; margin: 0 auto; clear: both; background: #9CB9D7; color: black; 
        font-size: 8px; padding: 0px 0 0px 0;}

    #letterDiv2{position: relative; top: 0px; left: 245px; background-color: transparent; height: 30px; width: 26px; color: yellow; 
        font-size: 45pt; font-weight: 100; z-index: 20; }
    #letterDiv2_subtitle{background-color: transparent; height: 30px; top: 130px; left: 50px; color: white; 
        text-align: center; font-size: 20pt; font-weight: 100; z-index: 18;margin: 30px 15px 15px 15px;}

    a:link {font-size: 12px; font-weight: 100; text-decoration: underline; color: #353535; letter-spacing: 0px; text-align: left;}
    a:active {font-size: 12px;  font-weight: 100; text-decoration: dotted; color: red;}
    a:visited {font-size: 12px;  font-weight: 100; text-decoration: dotted; color: gray;}
    a:hover {font-size: 12px;  font-weight: 100; text-decoration: dotted; color: blue;}
    
    a.bodyLinks:active, a.bodyLinks:link, a.bodyLinks:visited{font-size: 8pt;color: white;
    text-decoration: underline; height: 25px;width: 190px;background: brown;margin-left: 0px;border: solid 0px black;}
    a.bodyLinks:hover{font-size: 8pt;color: white;text-decoration: none;
    height: 25px;width: 190px;background: teal;border: solid 0px gray;}

    a.bodyLinksBlock {font-size: 8pt; padding: 0 10px 0 10px;
    height: 20px;width: 140px;border: solid 3px #F4B980; text-align: center; text-decoration: none; 
    background-image: url(images/zmenu_mo.gif);     }
    a.bodyLinksBlock:link   {color: #993300; background: white;          }
    a.bodyLinksBlock:visited{color: #993300; background: #FFFFCC;}
    a.bodyLinksBlock:hover  {color: blue; background: white;border: solid 3px ghostwhite; }
    a.bodyLinksBlock:active {color: gold; background: black;}


    td a:link, p a:link {font-size: 12px; font-weight: 100; text-decoration: none; color: gray; letter-spacing: 0px;}
    td a:hover, p a:hover, td a:active, p a:active{font-weight: 100; text-decoration: underline; color: gray; letter-spacing: 0px;}
    td a:visited, p a:visited { text-decoration: underline; color: silver;}

    a.centered:link {text-align: center; font-weight: 100; text-decoration: underline; color: gray; letter-spacing: 1px; 
        width: 100%; margin: 0px; display: block;}
    a.centered:active {text-align: center; font-weight: 100; text-decoration: underline; color: red; letter-spacing: 1px; 
        width: 100%; margin: 0px; display: block;}
    a.centered:visited {text-align: center; font-weight: 100; text-decoration: dotted; color: gray; width: 100%;margin: 0px; display: block;}
    a.centered:hover {text-align: center; font-weight: 100; text-decoration: underline; color: blue; letter-spacing: 1px; 
        width: 100%; margin: 0px; display: block;}

    li {color: black; background: white; border: 2px solid white; display: block; font-weight: 200;font-size: 12px;text-transform: none;
        padding: 2px 0 3px 0; z-index: 10;}
    ol li a:link, li a:link{color: black; background: white; border: 2px solid white; display: block; font-weight: 200;font-size: 12px;
        text-transform: none;padding: 2px 0 3px 0; z-index: 10;}
    ol li a:hover, li a:hover{	color: black; background: red; }

    th, td { font-size: 9pt;}
    th {text-align: center;color: white;font-weight: bold;background-color: black;padding: 2px 2px 2px 2px;}
    td {text-align: left;color: black; }

/* ------------------ CSS for Dynamic Menus starts here ------------------------*/

#headerMenuBar {position: relative;top: 10px;left: 0px;width: 627px;height: 30px;color: #fff;font-size: 1pt;padding: 8px 2px 4px 2px;
text-align: left;}

a.menuButton img, a.menuButtonActive img {	border: 0px;	vertical-align: top;}

a.menuButton, a.menuButtonActive, a.menuButtonActive:visited {width: 209; background-color: white;color: gray;cursor: default;
font-family: Arial, Tahoma, sans-serif;font-size: 9pt;font-style: normal;font-weight: bold;margin: 0px 44px;
padding: 2px 10px 2px 10px;border: 0px solid;border-color: #753040;position: relative;left: 0px;top: 0px;height: 20px;
text-decoration: none;}

a.menuButton:hover   {font-size: 9pt; font-weight: bold;background-color: #FFE29B; border: 0px solid;border-color: #f0f0f0 #808080 #808080 #f0f0f0;color: gray;}
a.menuButton:active  {font-size: 9pt; font-weight: bold;background-color: #FFE29B; border: 0px solid;border-color: #f0f0f0 #808080 #808080 #f0f0f0;color: gray;}
a.menuButton:visited {font-size: 9pt; font-weight: bold;background-color: #FFE29B; border: 0px solid;border-color: #f0f0f0 #808080 #808080 #f0f0f0;color: gray;}

a.menuButtonActive, a.menuButtonActive:hover, a.menuButtonActive:active {font-size: 9pt; font-weight: bold;background-color: #FFE29B;border-color: #808080 #f0f0f0 #f0f0f0 #808080;
color: gray;left: 0px;top: 0px;}

.menu {background-color: #aeb0b7;border: 2px solid;border-color: #f0f0f0 #808080 #808080 #f0f0f0;padding: 0px;position: absolute;
text-align: left;visibility: hidden;width: 10em;z-index: 3;}

a.menuItem, a.menuItem:visited, a.menuItem:active  {background-color: #dcdcdc;color: #000000;cursor: default;display: block;font-family: Arial, Tahoma,sans-serif;font-size: 9pt;
font-style: normal;font-weight: normal;margin: 0px;padding: 2px;padding-left: 12px;padding-right: 16px;text-decoration: none;white-space: nowrap;}
a.menuItem:hover {background-color: #FFE29B;color: gray;font-size: 9pt;}

.menuItemSep {border-bottom: 1px solid #f0f0f0;border-top: 1px solid #808080;margin: 3px 4px 3px 4px;}