﻿html, body, form
{
    min-height: 100%;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
}

body
{
    width: 820px;
    margin: auto;
    font-family: Verdana;
    background-color: #FFFFFF;
}

a img
{
    border: none;
}

h2
{
    color: #3C95C9;
    font-family: Verdana;
    font-size: 1.1em;
    margin-top: 14px;
    margin-bottom: 14px;
}

h2 a
{
    text-decoration: none;
    color: #3C95C9;
}

ul
{
    list-style-type: square;
}

#maintable
{
    height: 100%;
    min-height: 100%;
    background-color: #FFFFFF;
}

#leftcolumn
{
    height: 95%;
    width: 196px;
    background-color: #3C95C9;
}

#rightcolumn
{
    width: 605px;
    padding-left: 15px;
    background-color: #FFFFFF;
}

#footer
{
    height: 0px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #FFFFFF;
}

hr
{
    color: #CCCCCC;
    background-color: #CCCCCC;
    height: 1px;
    border: 0px;
    margin: 0px;
}

hr.menuhr
{
    color: #CCCCCC;
    background-color: #CCCCCC;
    height: 1px;
    width: 190px;
    border: 0px;
    margin: 0px;
}

#logodiv
{
    background-color: #FFFFFF;
    width: 200px;
    padding-top: 8px;
    padding-bottom: 2px;
    text-align: center;
}

.areaimage
{
    float: left;
    margin-right: 4px;
}

.areatitle
{
    display: block;
    font-family: Arial;
    font-weight: bold;
    color: #CBDDE7;
    padding-bottom: 4px;
    margin-top: 40px;
}

#topbanner
{
    float: right;
    height: 60px;
    width: 605px;
    overflow: hidden;
    background-color: #3C95C9;
}

#topline
{
    float: right;
    width: 605px;
    height: 3px;
    font-size: 0px;
    border-bottom: solid 1px #FFFFFF;
    background-color: #3C95C9;
}

#separator
{
    height: 50px;
}

.topmenu
{
    height: 15px;
    margin: 0px 0px 30px 0px;
    padding: 0px;
    float: right;
    border-bottom: solid 1px #FFFFFF;
}

.topmenuitem, .topmenufirstitem
{
    display: inline;
    font-size: 0.7em;
    padding: 4px 1px 4px 3px;
    line-height: 1.6em;
    background-color: #D2D4D5;
    color: #000033;
}

.topmenuitem
{
    border-left: solid 1px #FFFFFF;
}

.topmenuitem a, .topmenufirstitem a
{
    color: #000033;
    text-decoration: none;
}

.topmenuitem a:hover, .topmenufirstitem a:hover
{
    color: #FF9900;
}

.topmenuitemselected, .topmenufirstitemselected
{
    display: inline;
    font-size: 0.7em;
    padding: 4px 1px 4px 3px;
    line-height: 1.6em;
    background-color: #FF9900;
    color: #FFFFFF;
}

.topmenuitemselected
{
    border-left: solid 1px #FFFFFF;
}

.topmenuitemselected a, .topmenufirstitemselected a
{
    color: #FFFFFF;
    text-decoration: none;
}

.leftmenutitle
{
    width: 196px;
    color: #FFFFFF;
    font-size: 0.8em;
    font-weight: bold;
    text-align: left;
    padding-top: 15px;
    padding-left: 6px;
}

.leftmenu
{
    margin: 0px 0px 0px 20px;
    padding: 0px;
}

.leftmenuitem
{
    list-style-type: square;
    color: #FFFFFF;
    padding: 4px 0px 4px 0px;
    margin-left: 3px;
    font-size: 0.8em;
}

.leftmenuitem a
{
    color: #FFFFFF;
    text-decoration: none;
}

.leftmenuitem a:hover
{
    text-decoration: underline;
}

.leftmenuitem ul
{
    font-size: 0.8em;
    margin-left: 15px;
    padding-left: 0px;
}

#contentdiv
{
    float: left;
    height: auto;
    overflow: hidden;
    width: 600px;
    padding: 0px 10px 20px 0px;
}

#leftcontentdiv
{
    width: 290px;
    float: left;
    margin-right: 30px;
}

.homeareatitle
{
    width: 270px;
    background-color: #D2D4D5;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: normal;
    font-size: 1.6em;
    line-height: 0.7em;
    padding-left: 4px;
    padding-right: 4px;
}

.homelink
{
    font-size: 0.7em;
    font-weight: bold;
    color: #000033;
}

.homelink:hover
{
    color: #FF9900;
}

.eventtd
{
    border-bottom: solid 1px #D2D4D5;
    padding-top: 2px;
    padding-bottom: 2px;
}

.slide
{
    margin-bottom: 10px;
    filter: progid:DXImageTransform.Microsoft.Fade(duration=2,overlap=1.0);
}

.photo
{
    height: 80px;
    width: 80px;
    float: left;
    margin-right: 6px;
    margin-bottom: 8px;
}

.photodesc
{
    color: #FFFFFF;
    font-size: 0.7em;
    line-height: 1.5em;
}

.text
{
    font-size: 0.7em;
    color: #000033;
}

.textblock
{
    font-size: 0.7em;
    color: #000033;
    display: block;
}

.text a, .textblock a
{
    color: #000033;
}

.text a:hover, .textblock a:hover, a.text:hover, a.textblock:hover
{
    color: #FF9900;
}

.link
{
    display: block;
    font-size: 0.7em;
    font-weight: bold;
    color: #000033;
}

.link:hover
{
    color: #FF9900;
}

.listdiv
{
    margin-top: 10px;
}

.floatedimage
{
    float: left;
    clear: left;
    margin-right: 15px;
    margin-bottom: 8px;
    width: 186px;
}

.campusimage
{
    float: left;
    margin-right: 15px;
    width: 120px;
}

.uniform
{
    font-size: 0.7em;
    color: #000033;
    font-style: italic;
    padding: 4px 0px 4px 0px;
}

.facilitiesdiv, .charitiesdiv
{
    clear: left;
    height: 100%;
    overflow: hidden;
}

.facilitiesseparator, .charitiesseparator
{
    color: #D2D4D5;
    background-color: #D2D4D5;
    height: 1px;
    border: 0px;
}

.textdiv
{
    height: 100%;
    overflow: hidden;
}

.imagediv
{
    float: left;
    height: 100%;
    overflow: hidden;
    margin-right: 10px;
}

.menucolumn
{
    background-color: #DDF1FA;
    text-align: center;
    font-size: 0.5em;
    color: #000033;
    padding: 2px;
    width: 20%;
}

.daycolumn
{
    background-color: #BCD7E3;
    text-align: center;
    font-size: 0.6em;
    font-weight: bold;
    color: #000033;
    padding: 2px;
}

.weekcolumn
{
    background-color: #BCD7E3;
    text-align: center;
    font-size: 0.6em;
    color: #000033;
    padding: 2px;
}

.calendar
{
    width: 100%;
    font-size: 0.7em;
    color: #000033;
}

.newstitle
{
    font-size: 0.7em;
    color: #000033;
    font-weight: bold;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

.newstitle:hover
{
    color: #FF9900;
}

.newsheader
{
    text-align: center;
    font-size: 0.7em;
    color: #000033;
    font-weight: bold;
}

.newsdate
{
    font-size: 0.7em;
    color: #000033;
    font-weight: bold;
}

#navigationdiv
{
    float: right;
}

#termini
{
    height: 0px;
    padding-bottom: 2px;
    background-color: #3C95C9;
    text-align: right;
}

#termini a
{
    font-size: 0.7em;
    color: #D2D4D5;
    margin-right: 4px;
}

.copyright
{
    font-size: 0.6em;
    color: #000033;
}

.errormessage
{
    font-family: Verdana;
    font-size: 1.1em;
    color: #7C2E2E;
}

.button
{
    font-family: Verdana;
    font-size: 0.8em;
    color: #000033;
    font-weight: bold;
    width: 90px;
    height: 24px;
    margin: 10px 10px 0px 0px;
}

.label
{
    font-family: Verdana;
    font-size: 0.8em;
    color: #000033;
    display: block;
    float: left;
    width: 120px;
}

.textbox
{
    font-family: Verdana;
    font-size: 0.8em;
    color: #000033;
    width: 160px;
}

#errorcontainer
{
    text-align: center;
    font-size: 0.8em;
    width: 820px;
    height: 100%;
    padding-bottom: 10px;
}

.errortype
{
    font-size: 1.1em;
    font-weight: bold;
}

.errorlink:visited
{
    color: Blue;
}

.errorbutton
{
    padding: 4px;
    background-color: #3C95C9;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    border-bottom: solid 1px #163649;
    border-right: solid 1px #163649;
    border-top: solid 1px #95C5E2;
    border-left: solid 1px #95C5E2;
}

#logoibiz
{
    float: right;
}

#blockUI
{
    display: none;
    background-color: black;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 899;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#imagePanel
{
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    z-index: 900;
    padding: 10px;
    left: 50%;
    top: 50%;
}

.clickable
{
    cursor: pointer;    
}

@media print
{
    #leftcolumn
    {
        display: none;
    }

    #termini
    {
        display: none;
    }

    .topmenu
    {
        display: none;
    }

    #topline
    {
        display: none;
    }

    #topbanner
    {
        display: none;
    }

    #contentdiv
    {
        height: auto;
        overflow: hidden;
        width: 640px;
    }

    .menucolumn
    {
        background-color: #DDF1FA;
        text-align: center;
        font-size: 0.6em;
        color: #000033;
        padding: 2px;
        border: solid 1px #000033;
    }

    .break
    {
        page-break-after: always;
    }

}
