/* Based on the style sheets "Amazingly Cool" template obtained from csetemplatesfree */


/** BASIC */

body {
    margin: 0;
    padding: 0;
    /*	background: #C6EDFD url(pics/img01.gif) repeat left top; */
    background: #008BD1 url(pics/img01.gif) repeat left top;
    /* font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; */
    font: normal small "Lato", Arial, Helvetica, sans-serif;
    color: #05060ed3;
    /* ORIGINAL: /* color: #266382; */
    text-align: justify;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    padding-top: 0;
    /* color: #008BD1; */
    color: #1c2768;
}

a {
    /* color: #008BD1; */
    color: #1c2768;
}

a:hover {
    text-decoration: none;
}


/** HEADER */

#header {
    width: 900px;
    height: 120px;
    margin: 0 auto;
    background: url(pics/wideimg02.gif) no-repeat top;
}

#header2 {
    width: 900px;
    height: 80px;
    margin: 0 auto;
    background: url(pics/wideimg02.gif) no-repeat left top;
}

#header h1 {
    margin: 0;
    padding: 30px 0 0 20px;
    /* text-transform: lowercase; */
    /* text-transform: uppercase; */
    font-size: 36px;
    font-style: italic;
    letter-spacing: -2px;
    color: #FFFFFF;
}

#header h1u {
    margin: 0;
    padding: 30px 0 0 20px;
    text-transform: lowercase;
    /* text-transform: uppercase; */
    font-size: 36px;
    font-style: italic;
    letter-spacing: -2px;
    color: #FFFFFF;
}

#header h2 {
    display: none;
}


/** MENU */

#menu {
    width: 880px;
    margin: -2.5em auto 2em auto;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

#menu li {
    display: inline;
}

#menu a {
    padding: 0 10px;
    font-weight: bold;
    color: #0c0d50;
}

#menu a:hover {}

#menu .first a {
    border: none;
}


/** CONTENT */

#content {
    width: 900px;
    margin: 0 auto 1em auto;
    background: #FFFFFF url(pics/img05-wide.gif) no-repeat left bottom;
}

#content * {
    line-height: 140%;
}

#columnA {
    float: left;
    width: 630px;
    padding: 25px 20px 0 30px;
    background: url(pics/img03.gif) no-repeat left top;
}

#columnB {
    font-size: 90%;
    float: right;
    width: 190px;
    padding: 25px 20px 0 10px;
    background: url(pics/img04.gif) no-repeat right top;
}

#singleleft {
    float: left;
    width: 840px;
    padding: 25px 20px 0 30px;
    background: url(pics/img03.gif) no-repeat left top
}

#singleright {
    float: right;
    width: 10px;
    /**	padding: 25px 20px 0 10px; **/
    background: url(pics/img04.gif) no-repeat right top;
    color: #FFFFFF;
}


/** FOOTER */

#footer {
    width: 900px;
    height: 30px;
    margin: 0 auto;
    padding-bottom: 20px;
    background: url(pics/wideimg06.gif) no-repeat left top;
}

#footer p {
    margin: 0px 0px 0px 0px;
    padding: .8em 0 0 0;
    text-align: center;
    font: bold small Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}


/** Schedule Table **/

table.schedtable {
    border-color: #000000;
    border-width: 1px;
    border-spacing: 1px;
    border-style: solid;
    border-collapse: collapse;
    color: black;
}

#scheduletable tr {
    border-color: black;
    border-style: solid;
    border-width: 1px;
}

#scheduletable td {
    border-color: black;
    border-style: solid;
    border-width: 1px;
}

.toprow {
    font-weight: bold;
    text-align: center;
    color: white;
    background-color: #3b3efed2;
}

.normalschedule {
    text-align: center;
    background-color: #eeeeff;
}

.normaltextschedule {
    text-align: left;
    background-color: #eeeeff;
    padding-left: 5px;
}

.assignschedule {
    text-align: center;
    background-color: #eeeeff;
    color: darkred;
}

.noclasschedule {
    text-align: center;
    background-color: #ffbbbb;
    color: black;
    font-weight: bold;
}

.eventschedule {
    text-align: center;
    background-color: #0f3ccfc0;
    color: white;
    font-weight: bold;
}

.otherschedule {
    text-align: center;
    background-color: #a099ff;
    color: black;
    font-weight: bold;
}