/* blue
   #000099
   #0017A2
   #002EAC
   #0046B5
   #005DBE
   #0074C7
   #008BD1
   #00A2DA
   #00B9E3
   #00D1EC
   #00E8F6
   #00FFFF
   */


/* ********************************
The following CSS elements are for
all web pages and main pages.

Updated: March 27, 2006
******************************** */
body {
    background: #FFFFFF url(../art/side.png) repeat-y left;
    color: #000000;
    margin: 5%;
}
a {
    color: #c07;
}
a:hover {
    color: #ca0;
}
img {
    border: none;
}
#main {
    float: left;
    padding: .5em;
    text-align: left;
    width: 70%
}
#header {
    font-family: Verdana;
    /* color: #000000; */
    border-bottom: 5px solid #000099;
}
#header img {
    float: left;
    margin: 1.5% 3% 0 5%;
}
#header h1 {
    margin: 0;
    padding: 0;
    font-size: 45px;
}
#header h3 {
    margin: 0;
    padding: 0;
    font-size: 32px;
}
/* ********************************
The following CSS elements are for
footer navigation column.

Updated: November 07, 2005
******************************** */
#footer {
    float: left;
    width: 100%;
    text-align: center;
    border-top: 5px solid #000099;
}
#footer ul {
    list-style-type: none;
    text-align: center;
    padding: 0;
    position: relative;
    font-size: 12px;
}
#footer li {
    display: inline;
    margin: 0 5px;
}
#footer h1 {
    font-family: Freestyle Script;
    font-size: 24px;
    margin: 0;
    padding: 0;
}
/*
#footer #W3logo
{
    border: none;
    text-align: center;
}
*/
#footer a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
#footer a:hover {
    color: #00B9E3;
    text-decoration: underline;
} 
/* ********************************
The following CSS elements are for
Left navigation column.

Updated: November 07, 2005
******************************** */
#leftContainer {
    float: left;
    width: 25%;
    text-align: center;
}
#leftContainer ul {
    text-align: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 18px;
    list-style-type: none;
}
#leftContainer li {
    padding: 2px 0 2px 0;
    margin: 5px 0 5px 0;
    /*background-color: #000099;
     *display: block;
     *border-bottom: 2px solid black;
     *border-right: 2px solid black;
     *border-top: 2px solid gray;
     *border-left: 2px solid gray;
     */
}
#leftContainer li a {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
#leftContainer li a:hover {
    color: #00B9E3;
}
/*
#leftContainer li:hover
{
    border-bottom: 2px solid gray;
    border-right: 2px solid gray;
    border-top: 2px solid black;
    border-left: 2px solid black;
}
*/

/* ********************************
The following CSS elements are for
About_Us pages.

Updated: October 26, 2005
******************************** */
#AboutUsPict {
    float: left;
    width: 95%;
    text-align: center;
}
#AboutUsBody {
    float: left;
    padding-left: .5em;
}

/* ********************************
The following CSS elements are for
calendar pages.

Updated: October 18, 2006
******************************** */
#sosCalendar {
    text-align: center;
    padding: 1em;
}
#sosCalendar table {
    margin-left: auto;
    margin-right: auto;
    /*float: left;*/
}
#calendar {
    width: 40%;
    float: left;
}
#calendarEvents {
    width: 55%;
    float: left;
}
#calendarEvents ul {
    list-style-type: none;
    text-align: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#calendarForm {
    text-align: left;
    width: 400px;
    float: left;
}
#calendarForm span {
    background-color: blue;
}

/*
 * Logon -- update for all icons
 * at the top right of page
 */
.upperright {
    position: absolute;
    font-size: .75em;
    top: 5%;
    right: 5%;
    /* float: right; */
}

/*
 * Site Map -- update for all icons
 * at the top right of page
 */
h2.sitemap, h2.maximise, h2.minimise {
    background: url(../art/maximise.gif) no-repeat center left;
    cursor: default;
    padding-left: 15px;
}
h2.minimise {
    background: url(../art/minimise.gif) no-repeat center left;
}
ul.sitemap {
    list-style-type: none;
    margin-left: 0.5cm;
    padding-left: 0;
}
ul.sitemap li {
    background: transparent;
    padding-left: 1.1em;
}
ul.sitemap li a {
    background: transparent url(../art/sitemapdocbullet.gif) no-repeat;
    padding-left: 1em;
}
ul.sitemap li ul {
    background: transparent url(../art/sitemapfolderbullet.gif) no-repeat;
    list-style-type: none;
    margin: -1.4em 0 0 -1.6em;
    padding: 1.4em 0 0 0.6em;
}
ul.sitemap img {
    padding-right: 2px;
}
ul.sitemap li a.parent {
    background: transparent url(none) no-repeat;
    padding-left: 0;
}
ul.sitemap li ul li {
    margin-left: 0.5cm;
    padding-left: 10px;
}

/*
 * Business logo
 */
.nexus {
    float: right;
    font-size: 11px;
}

/*
 * Miscellaneous CSS elements throughout site
 */
.cboth {
    clear: right;
}

/*
 * Staff page
 */
#namelist {
    text-align: center;
}
#namelist ul {
    list-style-type: none;
}
#staff ul {
    list-style-type: none;
}
#userinfo {
    float: right;
    text-align: left;
}
#userinfo li {
    list-style-type: none;
}
#teenwaveimg {
    float: right;
}