body, input, textarea, select { font-family: Verdana, Arial, sans-serif; color: #0033cc; }
body { font-size: 80%; margin: 0px; background: transparent url("../images/background.jpg") fixed no-repeat 65% 200px; }
input, textarea, option { font-size: 100%; }
td, th { font-size: 80%; }
label { cursor: pointer; cursor: hand; }
form { margin: 0px; padding: 0px; }

#container { width: 100%; height: 100%; }

#main { vertical-align: top; }

#leftColumn { background-color: #d0e3e9; width: 150px; vertical-align: top; }
#leftColumn h1 { font-size: 100%; margin: 0px; padding: 25px 0px 5px 10px; }
#leftColumn ul { font-size: 100%; list-style-type: none; margin: 0px; padding: 0px; }
#leftColumn h1, #leftColumn a { border-bottom: solid 1px #7cb3f1; }
#leftColumn ul ul { font-size: 75%; }
#leftColumn a { display: block; padding: 4px 0px 4px 15px; color: black; text-decoration: none; }
#leftColumn a:hover { background: transparent url("../images/bullet1.gif") no-repeat scroll 3% 50%; }

#leftColumn a { _width: 150px; }  /*  IE hack.  */
html>body #leftColumn a { width: 135px; }  /*  Firefox hack.  */

#banner { height: 150px; background: #d0e3e9 url("../images/bannerBackground2.jpg") repeat-x scroll center right; }
#banner #background { height: 150px; background: transparent url("../images/tropicalBeachDreamRight2.jpg") no-repeat scroll center right; }
#banner #background #text { color: #0033cc; font-size: 160%; padding: 60px 200px 0px 20px; }

#content { padding: 25px 20px 20px 20px; vertical-align: top; }
#content h1 { font-size: 140%; letter-spacing: -1px; margin-top: 0px; margin-bottom: 20px; }
#content h2 { font-size: 120%; letter-spacing: -1px; margin-top: 40px; margin-bottom: 10px; }
#content h3 { font-size: 100%; letter-spacing: -1px; margin-top: 20px; margin-bottom: 10px; }
#content p { margin-top: 20px; margin-bottom: 10px; }
#content .floatLeft { float: left; margin-right: 20px; }
#content .floatRight { float: right; margin-left: 20px; }
#content .error { color: red; }
#content .links { margin-left: 50px; }
#content .links th { text-align: center; width: 200px; font-weight: normal; }
#content .links a img { border: 0px; }
#content .calendar { background-color: white; border-style: solid; border-width: 0px 0px 1px 1px; border-color: #888888; margin: 0px 20px 20px 0px; width: 140px; float: left; }
#content .calendar th, #content .calendar td { border-style: solid; border-width: 1px 1px 0px 0px; border-color: #888888; text-align: center; }
#content .calendar th { color: white; background-color: #555555; }
#content .calendar td { width: 20px; color: black; }

#content .centered { text-align: center; }

.l { color: black; background-color: #ccffff; }
.p { color: black; background-color: #00ccff; }
.m { color: black; background-color: #3366ff; }
.h { color: black; background-color: #ff0000; }
.o { color: black; background-color: #ffdd00; }
.u { color: black; background-color: #aacc00; }
.c { color: black; background-color: #ccff00; }

.c00 { background-color: white; }
.c01 { background-color: #f0f8ff; }    /*  Aqua  */
.c02 { background-color: #7fffd4; }    /*  Aquamarine  */
.c03 { background-color: #f0ffff; }    /*  Azure  */
.c04 { background-color: #8a2be2; }    /*  BlueViolet  */
.c05 { background-color: #a52a2a; }    /*  Brown  */
.c06 { background-color: #deb887; }    /*  BurlyWood  */
.c07 { background-color: #7fff00; }    /*  Chartreuse  */
.c08 { background-color: #ff7f50; }    /*  Coral  */
.c09 { background-color: #6495ed; }    /*  CornflowerBlue  */
.c10 { background-color: #dc143c; }    /*  Crimson  */
.c11 { background-color: #00ffff; }    /*  Cyan  */
.c12 { background-color: #8b8b00; }    /*  DarkCyan  */
.c13 { background-color: #ff8c00; }    /*  DarkOrange  */
.c14 { background-color: #e9967a; }    /*  DarkSalmon  */
.c15 { background-color: #228b22; }    /*  ForestGreen  */
.c16 { background-color: #daa520; }    /*  Goldenrod  */
.c17 { background-color: #adff2f; }    /*  GreenYellow  */
.c18 { background-color: #f0e68c; }    /*  Khaki  */
.c19 { background-color: #add8e6; }    /*  LightBlue  */
.c20 { background-color: #00ff00; }    /*  Lime  */
.c21 { background-color: #808000; }    /*  Olive  */
.c22 { background-color: #ffa500; }    /*  Orange  */
.c23 { background-color: #afeeee; }    /*  PaleTurquoise  */
.c24 { background-color: #ff0000; }    /*  Red  */
.c25 { background-color: #2e8b57; }    /*  SeaGreen  */
.c26 { background-color: #4682b4; }    /*  SteelBlue  */
.c27 { background-color: #40e0d0; }    /*  Turquoise  */
.c28 { background-color: #ffff00; }    /*  Yellow  */
.c29 { background-color: #9acd32; }    /*  YellowGreen  */

#content .indentLeft { margin-left: 30px; }

#footerLeft { background-color: #d0e3e9; width: 150px; text-align: center; }
#footerRight { text-align: center; height: 30px; }


.calendarPopUpToggle img { cursor: pointer; cursor: hand; }

.calendarPopUp { position: absolute; }
.calendarPopUp table { border-top: solid 1px #95c1cd; border-right: solid 1px #95c1cd; background-color: white; width: 183px; }
.calendarPopUp th, .calendarPopUp td { border-bottom: solid 1px #95c1cd; border-left: solid 1px #95c1cd; text-align: center; padding: 1px; }
.calendarPopUp th { font-size: 80%; background-color: #d0e3e9; }
.calendarPopUp td { width: 25px; }
.calendarPopUp a { color: #0033cc; text-decoration: none; }