html, body { 
 height: auto;
 font-family: arial, sans-serif; 
 font-size: 12px; 
 color: #000000;
 background: #6699cc url("../img/tile.gif") repeat; 
 margin: 0;
 padding: 0; 
}


.l {
 float: left;
 width: 45%;
}

.r {
 float: right; 
 width: 45%; 
}


.l2 {
 float: left;
 width: 75%;
}

.r2 {
 float: right; 
 width: 20%%; 
}


.clear {
 clear: both; 
 height: 1px; 
 display: block; 
}


img { 
 border: 0; 
}


hr {
 border-top: 0;
 border-left: 0;
 border-right: 0;
 border-bottom: 1px solid #cc9933;
 height: 1px;
 padding: 1px 0 0 0;
 background: #ffffff;
}

hr.gry {
 border-top: 0;
 border-left: 0;
 border-right: 0;
 border-bottom: 1px solid #666666;
 height: 1px;
 padding: 1px 0 0 0;
 background: #ffffff;
}



hr.dots {
 border-top: 0;
 border-left: 0;
 border-right: 0;
 border-bottom: 1px dotted #cccccc;
 height: 1px;
 padding: 1px 0 0 0;
 background: #ffffff;
}



a, a:visited {
color: #0066cc;
text-decoration: underline; }

a:hover, a:active {
text-decoration: none; }



.red {
 color: #cc0033;
 font-size: 12px;
}

.smgrey {
 padding: 0 0 2px 0;
 font-size: 11px;
 color: #666666;
}

.back {
 text-align: right;
 padding: 5px 0;
}

.greyDivr {
 color: #b5b4b4;
 padding: 0 7px;
}


.small {
 font-size: 10px;
 line-height: 1.2em;
}


ul {
 padding: 0;
 margin: 0 0 0 15px;
}

ul li,
ol li {
 padding: 0 0 10px 0;
}

ul.full {
 width: 510px;
}

ul.full li {
 padding: 0 0 10px 0;
}

ul.full li.full_list {
 padding: 0 0 10px 0;
 *margin-left: 15px;  
}

ul.full li.book_pic {
 list-style-type: none; 
 float: left;
 width: 150px;
 background: url(/img/book_pic.jpg) 0 0 no-repeat;
 *margin-right: 15px;
}

ul.full li.toy_pic {
 list-style-type: none; 
 float: left;
 width: 150px;
 background: url(/img/toy_pic.jpg) 0 0 no-repeat;
 *margin-right: 15px; 
}

ul.full li.tent_pic {
 list-style-type: none; 
 float: left;
 width: 150px;
 background: url(/img/tent_pic.jpg) 0 0 no-repeat;
 *margin-right: 15px; 
}

ul.full li.jobs_mag_pic {
 list-style-type: none; 
 float: left;
 width: 150px;
 background: url(/img/jobs_magnify.jpg) 0 0 no-repeat;
 *margin-right: 15px; 
}

ul.full li.clocks_pic {
 list-style-type: none; 
 float: left;
 width: 150px;
 background: url(/img/clocks.jpg) 0 0 no-repeat;
 margin-bottom: 20px; 
 *margin-right: 15px; 
}

ul.full li.gear_pic {
 list-style-type: none; 
 float: left;
 width: 150px;
 background: url(/img/sports_gear.jpg) 0 0 no-repeat;
 *margin-right: 15px; 
}

ul.full li.lights_pic {
 list-style-type: none; 
 float: left;
 width: 150px;
 background: url(/img/holiday_lights.jpg) 0 0 no-repeat;
 *margin-right: 15px; 
}


ul.full li.duster_pic {
 list-style-type: none; 
 float: left;
 width: 150px;
 background: url(/img/duster.jpg) 0 0 no-repeat;
 *margin-right: 15px; 
}


ul.full li.syringe_pic {
 list-style-type: none; 
 float: left;
 width: 150px;
 background: url(/img/syringe.jpg) 0 0 no-repeat;
 *margin-right: 15px; 
}

ul li.spark {
 list-style-type: none; 
 float: left;
 width: 150px;
 background: url(/img/sparkler.jpg) 0 0 no-repeat;
 *margin-right: 15px; 
}

ul li.splash {
 list-style-type: none; 
 float: left;
 width: 150px;
 background: url(/img/splash.jpg) 0 0 no-repeat;
 *margin-right: 15px; 
}

ul li.cheer {
 list-style-type: none; 
 float: left;
 width: 150px;
 background: url(/img/cheer.jpg) 0 0 no-repeat;
 *margin-right: 15px; 
}

ul li.post_it {
 list-style-type: none; 
 float: left;
 width: 150px;
 background: url(/img/postit.jpg) 0 0 no-repeat;
 *margin-right: 15px; 
}

ul li.eng_bulb {
 list-style-type: none; 
 float: left;
 width: 150px;
 background: url(/img/eng_bulb.jpg) 0 0 no-repeat;
 *margin-right: 15px; 
}


ul.plain li {
 list-style: none;
}

ul li ul {
 padding: 0;
 margin: 6px 0 6px 15px;
}

h1 {
 color: #6666cc;
 font-size: 18px;  
}


h2 {
 color: #0066cc;
 font-size: 14px;
}


h3 {
 color: #0066cc;
 font-size: 13px;
 display: inline; 
 padding: 0 4px 2px 0;
 margin: 0;
}


h3.gold {
 color: #b7892e;
 font-size: 14px;
 display: block; 
 padding: 10px 0;
}


h4 {
 color: #b7892e;
 padding: 0 2px 0 0;
 margin: 0;
 font-size: 12px;
 font-weight: normal;
 display: inline; 
}


h4.event {
 color: #ffffff;
 padding: 0 0 3px 0;
 margin: 0;
 font-size: 14px;
 font-weight: bold;
 display: inline; 
}


h4.alert {
 color: #cc0033;
 font-size: 14px;
 font-weight: bold;
 display: block;
 padding: 10px 0;
}


h5 {
 color: #b7892e;
 padding: 0 0 2px 0;
 margin: 0;
 font-size: 13px;
}


h5.white {
 color: #ffffff;
 padding: 0 0 2px 0;
 margin: 0;
 font-size: 13px;
}


h5.cal {
 color: #ffffff;
 padding: 0 0 5px 0;
 margin: 0;
 font-size: 18px;
 font-weight: normal;
}


h5.no {
 color: #000000;
 padding: 2px 0;
 margin: 0;
 font-size: 12px;
 font-weight: normal;
 text-align: right;
}



h6 {
 color: #0066cc;
 font-size: 13px;
 font-weight: normal; 
 display: inline; 
 padding: 0 4px 2px 0;
 margin: 0;
}


h6.day {
 color: #000000;
 font-size: 13px;
 text-align: center;
 padding: 2px 0;
 margin: 0;
}


.hdrDivr {
 padding: 7px 0;
 font-size: 11px;
 color: #666666;
 text-align: center;
}

#container {
 position: relative; 
 width: 800px;
 height: 547px;
 margin: 40px auto 0 auto;
 background: url(../img/bkgd_content.gif) 0 0 no-repeat;
}


#nav {
 float: left;
 width: 175px;
 margin: 11px 0 0 6px;
 *margin: 11px 0 0 7px;
 padding: 0; 
 background: transparent;
}

#nav #google_translate_element {
 width: 155px;
 margin: 0 auto;
 text-align: center; 
}


#logo {
 margin: 0 0 0 11px;
 *margin: -3px 0 0 11px;
}


#espnl {
 margin-top: -3px;
 margin-left: 25px;
}

.instruct {
 font-size: 10px;
 text-align: center; 
 padding: 0 0 2px 3px;
 color: #b7892e; 
}



ul#mainNav {  
 width: 155px;
 padding: 0; 
 margin: 0 auto;
 background: #ccffff; 
 text-align: center;
 list-style: none; 
}


ul#mainNav li {
 height: 20px;
 padding: 0;
 margin: 0;
 *margin: -3px 0 0 0;
 border-bottom: 1px solid #cc9933; 
}

ul#mainNav li.double {
 height: 40px;
 padding: 0;
 margin: 0;
 *margin: -3px 0 0 0;
 border-bottom: 1px solid #cc9933; 
}


ul#mainNav li.noline {
 height: 21px;
 padding: 1px 0; 
 *padding: 0;
 margin: 0;
 *margin: -1px 0 0 0;
 border-bottom: 0; 
}


ul#mainNav li a.HOMEPG, 
ul#mainNav li a.HOMEPG:visited {
 display: block;
 width: 155px;
 height: 21px;
 padding: 0;
 margin: 0;
 *margin: -1px 0 0 0;
 background: url("../img/nav_home_n.gif") no-repeat; 
 
}

ul#mainNav li a.HOMEPG:active, 
ul#mainNav li a.HOMEPG:hover {
 background: url("../img/nav_home_d.gif") no-repeat; 
}

#nav #currentpageHOMEPG a {
 background: url("../img/nav_home_d.gif") no-repeat; 
}


ul#mainNav li a.CITYC, 
ul#mainNav li a.CITYC:visited {
 display: block;
 width: 155px;
 height: 21px;
 padding: 0;
 margin: 0;
 *margin: -1px 0 0 0;
 background: url("../img/nav_cityc_n.gif") no-repeat; 
}

ul#mainNav li a.CITYC:active, 
ul#mainNav li a.CITYC:hover {
 background: url("../img/nav_cityc_d.gif") no-repeat; 
}

#nav #currentpageCITYC a {
 background: url("../img/nav_cityc_d.gif") no-repeat; 
}


ul#mainNav li a.CAL, 
ul#mainNav li a.CAL:visited {
 display: block;
 width: 155px;
 height: 21px;
 padding: 0;
 margin: 0;
 *margin: -1px 0 0 0; 
 background: url("../img/nav_calendar_n.gif") no-repeat; 
}

ul#mainNav li a.CAL:active, 
ul#mainNav li a.CAL:hover {
 background: url("../img/nav_calendar_d.gif") no-repeat; 
}

#nav #currentpageCAL a {
 background: url("../img/nav_calendar_d.gif") no-repeat; 
}


ul#mainNav li a.NEW, 
ul#mainNav li a.NEW:visited {
 display: block;
 width: 155px;
 height: 21px;
 padding: 0;
 margin: 0;
 *margin: -1px 0 0 0; 
 background: url("../img/nav_new_n.gif") no-repeat; 
}

ul#mainNav li a.NEW:active, 
ul#mainNav li a.NEW:hover {
 background: url("../img/nav_new_d.gif") no-repeat; 
}

#nav #currentpageNEW a {
 background: url("../img/nav_new_d.gif") no-repeat; 
}


ul#mainNav li a.ABOUT, 
ul#mainNav li a.ABOUT:visited {
 display: block;
 width: 155px;
 height: 21px;
 padding: 0;
 margin: 0;
 *margin: -1px 0 0 0;
 background: url("../img/nav_about_n.gif") no-repeat; 
}


ul#mainNav li a.ABOUT:active, 
ul#mainNav li a.ABOUT:hover {
 background: url("../img/nav_about_d.gif") no-repeat; 
}

#nav #currentpageABOUT a {
 background: url("../img/nav_about_d.gif") no-repeat; 
}


ul#mainNav li a.CLASSES, 
ul#mainNav li a.CLASSES:visited {
 display: block;
 width: 155px;
 height: 21px;
 padding: 0;
 margin: 0;
 *margin: -1px 0 0 0;
 background: url("../img/nav_classes_n.gif") no-repeat;  
}


ul#mainNav li a.CLASSES:active, 
ul#mainNav li a.CLASSES:hover {
 background: url("../img/nav_classes_d.gif") no-repeat; 
}

#nav #currentpageCLASSES a {
 background: url("../img/nav_classes_d.gif") no-repeat; 
}


ul#mainNav li a.COMMC, 
ul#mainNav li a.COMMC:visited {
 display: block;
 width: 155px;
 height: 21px;
 padding: 0;
 margin: 0;
 *margin: -1px 0 0 0;
 background: url("../img/nav_commassist_n.gif") no-repeat; 
}

ul#mainNav li a.COMMC:active, 
ul#mainNav li a.COMMC:hover {
 background: url("../img/nav_commassist_d.gif") no-repeat; 
}

#nav #currentpageCOMMC a {
 background: url("../img/nav_commassist_d.gif") no-repeat; 
}


ul#mainNav li a.HELPHOME, 
ul#mainNav li a.HELPHOME:visited {
 display: block;
 width: 155px;
 height: 21px;
 padding: 0;
 margin: 0;
 *margin: -1px 0 0 0;
 background: url("../img/nav_help_n.gif") no-repeat; 
}

ul#mainNav li a.HELPHOME:active, 
ul#mainNav li a.HELPHOME:hover {
 background: url("../img/nav_help_d.gif") no-repeat; 
}

#nav #currentpageHELPHOME a {
 background: url("../img/nav_help_d.gif") no-repeat; 
}


ul#mainNav li.double a.PARKS, 
ul#mainNav li.double a.PARKS:visited {
 display: block;
 width: 155px;
 height: 40px;
 padding: 0;
 margin: 0;
 *margin: -1px 0 0 0; 
 background: url("../img/nav_parks_n.gif") no-repeat;  
}


ul#mainNav li.double a.PARKS:active, 
ul#mainNav li.double a.PARKS:hover {
 background: url("../img/nav_parks_d.gif") no-repeat; 
}

#nav #currentpagePARKS a {
 background: url("../img/nav_parks_d.gif") no-repeat; 
}


ul#mainNav li a.COMMUNITY, 
ul#mainNav li a.COMMUNITY:visited {
 display: block;
 width: 155px;
 height: 21px;
 padding: 0;
 margin: 0;
 *margin: -1px 0 0 0;
 background: url("../img/nav_comm_safety_n.gif") no-repeat;  
}


ul#mainNav li a.COMMUNITY:active, 
ul#mainNav li a.COMMUNITY:hover {
 background: url("../img/nav_comm_safety_d.gif") no-repeat; 
}

#nav #currentpageCOMMUNITY a {
 background: url("../img/nav_comm_safety_d.gif") no-repeat; 
}


ul#mainNav li a.CITYSERVE, 
ul#mainNav li a.CITYSERVE:visited {
 display: block;
 width: 155px;
 height: 21px;
 padding: 0;
 margin: 0; 
 background: url("../img/nav_cityserve_n.gif") no-repeat;  
}


ul#mainNav li a.CITYSERVE:active, 
ul#mainNav li a.CITYSERVE:hover {
 background: url("../img/nav_cityserve_d.gif") no-repeat; 
}

#nav #currentpageCITYSERVE a {
 background: url("../img/nav_cityserve_d.gif") no-repeat; 
}


ul#mainNav li a.GREEN, 
ul#mainNav li a.GREEN:visited {
 display: block;
 width: 155px;
 height: 21px;
 padding: 0;
 margin: 0;
 *margin: -1px 0 0 0;
 background: url("../img/nav_livegreen_n.gif") no-repeat;
}


ul#mainNav li a.GREEN:active, 
ul#mainNav li a.GREEN:hover {
 background: url("../img/nav_livegreen_d.gif") no-repeat; 
}

#nav #currentpageGREEN a {
 background: url("../img/nav_livegreen_d.gif") no-repeat; 
}


ul#mainNav li a.KIDS, 
ul#mainNav li a.KIDS:visited {
 display: block;
 width: 155px;
 height: 21px;
 padding: 0;
 margin: 0;
 *margin: -1px 0 0 0; 
 background: url("../img/nav_kids_n.gif") no-repeat;  
}


ul#mainNav li a.KIDS:active, 
ul#mainNav li a.KIDS:hover {
 background: url("../img/nav_kids_d.gif") no-repeat; 
}

#nav #currentpageKIDS a {
 background: url("../img/nav_kids_d.gif") no-repeat; 
}


ul#mainNav li a.JOBS, 
ul#mainNav li a.JOBS:visited {
 display: block;
 width: 155px;
 height: 21px;
 padding: 0;
 margin: 0;
 *margin: -1px 0 0 0; 
 background: url("../img/nav_jobs_n.gif") no-repeat;  
}


ul#mainNav li a.JOBS:active, 
ul#mainNav li a.JOBS:hover {
 background: url("../img/nav_jobs_d.gif") no-repeat; 
}

#nav #currentpageJOBS a {
 background: url("../img/nav_jobs_d.gif") no-repeat; 
}


table#countclock {
 width: 186px;
 height: 19px;
 background: #005399;
 margin-left: -3px;
 *margin: -5px 0 0 -3px;
 padding: 0 0 0 7px;
}

table#countclock td {
 padding: 1px; 
 *padding: 2px; 
}

table#countclock td#days_no {
 font-size: 28px;
 font-weight: bold;
 padding-left:3px; 
 *padding-left:6px !important;  
}

 

#content_well { 
 float: left;
 width: 607px; 
 padding: 22px 0 0px 0;
 margin: 5px 0 0 11px;
}  



#logo_comm {
 padding: 0;
 margin: 3px 0 0 0;
 *margin: 2px 0 -3px 0;
}



#mission {
 float: left;
 width: 263px;
 padding: 0 4px;
 margin-top: 4px; 
 border-right: 3px solid #ccffff; 
}


#mission img {
vertical-align: baseline;
}


#newNote {
 float: left;
 width: 320px; 
 height: auto;
 font-size: 13px; 
 margin: 4px 0 0 9px;
 overflow-x: hidden; 
 overflow-y: auto;
}


ul#newNoteList {
 width: 300px;
 padding: 0;
 margin: 3px 0 0 0;
 list-style: none;
}


ul#newNoteList li {
 padding: 0;
 margin: 0 0 8px 0;
}


span.arrw {
 color: #cc9933;
 padding-right: 2px;
}


#contentFull {
 height: 420px;
 line-height: 1.3em;
 margin: 5px;
 padding: 10px;
 overflow-x: hidden; 
 overflow-y: auto; 
}

#contentFull1 {
 width: 583px;
 height: 420px;
 line-height: 1.3em;
 margin: 5px 0 12px 0;
 *margin: 5px 0 14px 0;
 padding: 10px;
 overflow-x: hidden; 
 overflow-y: auto; 
}



#contentFull2 {
 height: 420px;
 line-height: 1.3em;
 margin: 5px 0;
 padding: 10px;
 overflow-x: hidden; 
 overflow-y: auto; 
}


#contentMin {
 height: 420px;
 line-height: 1.3em;
 margin: 5px 5px 5px 120px;
 padding: 10px 15px;
 overflow: auto; 
}



#picBar {
 float: left;
 width: 196px; 
 margin: 0 10px 0 0;
 z-index: 1;
}

#picBar2 {
 float: left;
 width: 140px; 
 margin: 0 10px 0 0;
 z-index: 1;
}

#picBar3 {
 float: left;
 width: 180px; 
 margin: 0 10px 0 0;
 z-index: 1;
}


#sidePic {
 float: left;
 width: 195px; 
 margin: 10px 9px 5px 5px;
}

#sidePic2 {
 float: left;
 width: 140px; 
 margin: 0 10px 0 0;
}

#sidePic3 {
 float: left;
 width: 265px; 
 margin: 0 10px 0 0;
}


#contentRt,
#contentRt5 {
 float: left;
 width: 387px;
 height: 435px;
 line-height: 1.3em;
 margin: 5px 0 10px 0;
 padding: 0 10px 0 0;
 overflow: auto;
}

#contentRt1 {
 float: left;
 width: 340px;
 height: 435px;
 line-height: 1.3em;
 margin: 5px 0 10px 0;
 padding: 0 10px 0 0;
 overflow: none;
}

#contentRt2 {
 float: left;
 width: 443px;
 height: 435px;
 line-height: 1.3em;
 margin: 5px 0 10px 0;
 padding: 0 10px 0 0;
 overflow: auto; 
}

#contentRt3 {
 float: left;
 width: 275px;
 height: 435px;
 line-height: 1.3em;
 margin: 5px 0 10px 0;
 padding: 0 10px 0 0;
 overflow: none; 
}

#contentRt4 {
 float: left;
 width: 340px;
 line-height: 1.3em;
 margin: 5px 0 10px 0;
 padding: 0 10px 0 0;
 overflow: none;
}


#holder {
 clear: both;
 width: 520px;
 height: 340px;
 *height: 335px;
 margin: 7px auto 0 auto;
 *margin-top: 40px;
 padding: 0;
 text-align: center;
}

#BellGallery {
 width: 465px;
 height: 310px;
 margin: 0 auto;
 padding: 0 2px;
 text-align: center;
}


ul.thumbNails {
 height: 20px;
 padding: 0;
 margin: 0;
 list-style: none;
}
 

 ul.thumbNails li {
 width: 15px;
 float: left;
 display: inline;
 padding: 2px 4px 2px 5px;
 margin: 5px 5px 4px 0;
 background: #dddbdb;
 border: 1px solid #000000;
}



#footer {
 width: 615px;
 margin: 7px 0 0 7px;
 *margin: 8px 0 0 7px;
}


#ftr_homepg {
 margin-top: -2px;
}


ul#ftr {
 padding: 0;
 margin: 0;
 list-style: none;
}

ul#ftr li {
 padding: 0 4px;
 margin: 0;
 display: inline;
 color: #ffffff;
 font-weight: bold;
}

ul#ftr li a {
 padding: 0;
 margin: 0;
 display: inline;
 color: #ffffff;
 font-weight: bold;
}

#copyright {
 clear: both;
 width: 800px;
 height: 20px; 
 color: #ffffff;
 font-size: 10px;
 margin: 13px 0 10px 85px;
 text-align: center;
}



/*  SUBNAV MENUS */

#Menu-Calendar {
 position:absolute; 
 width: 175px;
 top: 251px;  
 left: 172px !important;
 visibility: hidden; 
 z-index: 99;
}

#Menu-New {
 position:absolute; 
 width: 175px;
 top: 272px;  
 left: 172px !important;
 visibility: hidden; 
 z-index: 99;
}


#Menu-Classes {
 position:absolute; 
 width: 175px;
 top: 293px;
 left: 172px !important;
 visibility: hidden; 
 z-index: 99;
}


#Menu-Aboutbell {
 position:absolute; 
 width: 175px;
 top: 316px;
 left: 172px !important;
 visibility: hidden; 
 z-index: 99;
}

#Menu-Jobboard {
 position:absolute; 
 width: 175px;
 top: 335px;
 left: 172px !important;
 visibility: hidden; 
 z-index: 99;
}


#Menu-Commconnect {
 position:absolute; 
 width: 175px;
 top: 357px;
 left: 172px !important;
 visibility: hidden; 
 z-index: 99;
}

#Menu-Helphomeowners {
 position:absolute; 
 width: 175px;
 top: 376px;
 left: 172px !important;
 visibility: hidden; 
 z-index: 99;
}

#Menu-Parksfac {
 position:absolute; 
 width: 175px;
 top: 407px;  
 left: 172px !important;
 visibility: hidden; 
 z-index: 99;
}

#Menu-Commsafety {
 position:absolute; 
 width: 175px;
 top: 439px;  
 left: 172px !important;
 visibility: hidden; 
 z-index: 99;
}

#Menu-Cityservices {
 position:absolute; 
 width: 175px;
 top: 459px; 
 left: 172px !important;
 visibility: hidden; 
 z-index: 99;
}

#Menu-Livegreen {
 position:absolute; 
 width: 175px;
 top: 479px;   
 left: 172px !important;
 visibility: hidden; 
 z-index: 99;
}

#Menu-Kidspages {
 position:absolute; 
 width: 175px;
 top: 504px;   
 left: 172px !important;
 visibility: hidden; 
 z-index: 99;
}


/*  MAP PULLDOWNS */


#Menu-Viewmap {
 position:absolute; 
 width: 520px;
 top: 155px; 
 *top: 170px;
 left: 400px !important;
 visibility: hidden; 
 z-index: 99;
 background: #003366;
 border: 2px solid #0066cc; 
 padding: 10px;
}


#Menu-ViewmapTwo {
 position:absolute; 
 width: 460px;
 top: 245px; 
 *top: 265px;
 left: 300px !important;
 visibility: hidden; 
 z-index: 99;
 background: #003366;
 border: 2px solid #0066cc; 
 padding: 10px;
}


#Menu-ViewmapThree {
 position:absolute; 
 width: 520px;
 top: 150px; 
 *top: 170px;
 left: 300px !important;
 visibility: hidden; 
 z-index: 99;
 background: #003366;
 border: 2px solid #0066cc; 
 padding: 10px;
}


.arrow_sub {
 float: left;
 width: 11px;
 height: 22px;
 background: url("../img/arrw_subnav.gif") no-repeat;
 margin-top: 5px;
}


ul.sub_nav {
 float: left;
 width: 155px;
 padding: 5px 0;
 margin: 0;
 list-style: none;
 background: #003366;
 border: 2px solid #0066cc; 
 filter:alpha(opacity=88);
 -moz-opacity:.88;
 opacity:.88; 
}


ul.sub_nav li {
 padding: 5px 5px 5px 10px;
 margin: 0;
 color: #ffffff;
}


ul.sub_nav li a.sn, a.sn:visited {
 font-size: 12px;
 color: #ffffff;
 text-decoration: underline;
}

ul.sub_nav li a.sn:hover, a.sn:active {
 text-decoration: none;
}


table#classes {
 width: 544px;
 padding: 0;
 margin: 0 auto;
 border-collapse: collapse;
 border: 1px solid #cccccc; 
}


table#classes td {
 width: 75px !important;
 padding: 1px;
 margin: 0;
 border-collapse: collapse;
 border: 1px solid #cccccc;  
 font-size: 11px;
}

table#classes td.hdrFall {
 width: 100% !important;
 padding: 5px;
 margin: 0;
 background: #cc9900;
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
 text-align: center;
}


ul.greenText {
 padding: 5px;
 margin: 0;
 list-style: none;
 border-bottom: 1px dotted #cccccc; 
}

ul.greenText li  {
 color: #6c9e2f;
 padding: 0 0 1px 0;
}

ul.greenText li a {
 color: #6c9e2f;
}


ul.redText {
 padding: 5px;
 margin: 0;
 list-style: none;
 border-bottom: 1px dotted #cccccc;
}

ul.redText li {
 color: #ee1c23;
 padding: 0 0 1px 0;
}

ul.redText li a {
 color: #ee1c23;
}


ul.purpleText {
 padding: 5px;
 margin: 0;
 list-style: none;
 border-bottom: 1px dotted #cccccc; 
}

ul.purpleText li {
 color: #652d91;
 padding: 0 0 1px 0;
}

ul.purpleText li a {
 color: #652d91;
}


ul.orangeText {
 padding: 5px;
 margin: 0;
 list-style: none;
 border-bottom: 1px dotted #cccccc; 
}


ul.orangeText li {
 color: #f37a21;
 padding: 0 0 1px 0;
}


ul.orangeText li a {
 color: #f37a21;
}


ul.brownText {
 padding: 5px;
 margin: 0;
 list-style: none;
 border-bottom: 1px dotted #cccccc; 
}


ul.brownText li {
 color: #8d6518;
 padding: 0 0 1px 0;
}


ul.brownText li a {
 color: #8d6518;
}



ul.blueText {
 padding: 5px;
 margin: 0;
 list-style: none;
 border-bottom: 1px dotted #cccccc; 
}


ul.blueText li {
 color: #330099;
 padding: 0 0 1px 0;
}


ul.blueText li a {
 color: #330099;
}



ul.tealText {
 padding: 5px;
 margin: 0;
 list-style: none;
 border-bottom: 1px dotted #cccccc; 
}


ul.tealText li {
 color: #188b9c;
 padding: 0 0 1px 0;
}


ul.tealText li a {
 color: #188b9c;
}



#Aerobics3,
#PlayschoolC,
#BalletBegin,
#BalletInt,
#BalletAdv,
#KungFu,
#RiseStars,
#Aerobics3,
#Computer,
#Floral,
#JewelryNite,
#Jewelry,
#Keyboard,
#Keyboard2,
#Percussion,
#Percussion2,
#Salsa,
#BegJazz,
#IntJazz,
#Drum,
#Guitar,
#Yoga,
#Yoga2 {
 position: absolute;
 top: 105px;
 left: 130px;
 z-index: 2;
 width: 200px;
 color: #ffffff;
 background: #ee1c23; /* red */
 border: 3px solid #006bb7;
 padding: 10px;
}


#PreSchStory {
 position: absolute;
 top: 105px;
 left: 130px;
 z-index: 2;
 width: 200px;
 color: #ffffff;
 background: #f37a21; /* orange*/
 border: 3px solid #006bb7;
 padding: 10px;
} 


#Aerobics2,
#Abs,
#Azucarcise,
#TaiChi,
#RiseStarsVets,
#FunCamp {
 position: absolute;
 top: 105px;
 left: 130px;
 z-index: 2;
 width: 200px;
 color: #ffffff;
 background: #70a432; /* green */
 border: 3px solid #006bb7;
 padding: 10px;
}


#CrochetC,
#FiveFun,
#MM,
#Toddler_Time {
 position: absolute;
 top: 105px;
 left: 130px;
 z-index: 2;
 width: 200px;
 color: #ffffff;
 background: #652d91; /* purple */
 border: 3px solid #006bb7;
 padding: 10px;
}


#Aerobics,
#RiseStarsDebs,
#RiseStarsDebs2,
#RiseStarsDebs3,
#Chupones {
 position: absolute;
 top: 105px;
 left: 130px;
 z-index: 2;
 width: 200px;
 color: #ffffff;
 background: #78581b; /* brown */
 border: 3px solid #006bb7;
 padding: 10px;
}



#Lunch {
 position: absolute;
 top: 105px;
 left: 130px;
 z-index: 2;
 width: 200px;
 color: #ffffff;
 background: #167d8d; /* teal */
 border: 3px solid #006bb7;
 padding: 10px;
}


#PlayschoolA,
#PlayschoolB {
 position: absolute;
 top: 105px;
 left: 130px;
 z-index: 2;
 width: 200px;
 color: #ffffff;
 background: #330099; /* blue */
 border: 3px solid #006bb7;
 padding: 10px;
}


#BellPD {
 position: absolute;
 top: 75px;
 left: 130px;
 z-index: 2;
 width: 712px;
 color: #ffffff;
 background: #ffffff; /* blue */
 border: 3px solid #006bb7;
 padding: 10px;
}



#Toddler_Time a,
#FunCamp a,
#PlayschoolA a,
#PlayschoolB a,
#PlayschoolC a,
#BalletBegin a,
#BalletInt a,
#BalletAdv a,
#KungFu a,
#RiseStars a,
#Chupones a,
#RiseStars2 a,
#RiseStarsDebs a,
#RiseStarsDebs2 a,
#RiseStarsDebs3 a,
#RiseStarsVets a,
#PreSchStory a,
#Aerobics a,
#Aerobics2 a,
#Aerobics3 a,
#TaiChi a,
#Computer a,
#Jewelry a,
#Floral a,
#CrochetC a,
#Yoga a,
#Abs a,
#Azucarcise a,
#MM a,
#Lunch a,
#FiveFun a,
#JewelryNite a,
#Yoga2 a,
#YotLot a,
#Gage a,
#BellLibrary a,
#CommunityCenter a,
#Keyboard a,
#Keyboard2 a,
#Percussion a,
#Percussion2 a,
#Salsa a,
#BegJazz a,
#IntJazz a,
#Drum a,
#Guitar a {
 color: #ffffff;
}


table#calendar {
 width: 550px;
 *width: 545px;
 padding: 0;
 margin: 1px auto;
 border-collapse: collapse;
 border: 1px solid #cccccc;
}


table#calendar td {
 width: 74px;
 padding: 4px;
 margin: 0;
 border-collapse: collapse;
 border: 1px solid #cccccc;
}


table#calendar td.hdrTbl {
 width: 100%;
 text-align: center;
 padding-left: 10px;
 background: #339999;
 color: #ffffff;
 font-size: 14px;
 font-weight: bold;
}

table#calendar td.hdrTbl2 {
 width: 100%;
 text-align: center;
 padding-right: 60px;
 background: #339999;
 color: #ffffff;
 font-size: 14px;
 font-weight: bold;
}


.VetsMemorial {
 background: #6c9e2f;
 padding: 2px 0 2px 2px;
 margin: 3px 0;
 font-size: 11px;
 line-height: 1.2em;
 color: #000000;
 border: 1px solid #000000;
}

.CommunityCenter {
 background: #9720b1;
 padding: 2px 0 2px 2px;
 margin: 3px 0;
 font-size: 11px;
 line-height: 1.2em;
 color: #000000;
 border: 1px solid #000000;
}


.BellLibrary {
 background: #f37a21;
 padding: 2px 0 2px 2px;
 margin: 3px 0;
 font-size: 11px;
 line-height: 1.2em;
 color: #000000;
 border: 1px solid #000000;
}


.LittleBear {
 background: #e00505;
 padding: 2px 0 2px 2px;
 margin: 3px 0;
 font-size: 11px;
 line-height: 1.2em;
 color: #000000;
 border: 1px solid #000000;
}

.DebsPark {
 background: #986c17;
 padding: 2px 0 2px 2px;
 margin: 3px 0;
 font-size: 11px;
 line-height: 1.2em;
 color: #000000;
 border: 1px solid #000000;
}

.YotLot {
 background: #2b5bf9;
 padding: 2px 0 2px 2px;
 margin: 3px 0;
 font-size: 11px;
 line-height: 1.1em;
 color: #000000;
 border: 1px solid #000000;
}


.Gage {
 background: #d331d5;
 padding: 2px 0 2px 2px;
 margin: 3px 0;
 font-size: 11px;
 line-height: 1.2em;
 color: #000000;
 border: 1px solid #000000;
}

.TwoParks {
 background: #28a3c2;
 padding: 2px 0 2px 2px;
 margin: 3px 0;
 font-size: 11px;
 line-height: 1.2em;
 color: #000000;
 border: 1px solid #000000;
}

.ThreeParks {
 background: #0303a8;
 padding: 2px 0 2px 2px;
 margin: 3px 0;
 font-size: 11px;
 line-height: 1.2em;
 color: #000000;
 border: 1px solid #000000;
}

.LittleBearVets {
 background: #28a3c2;
 padding: 2px 0 2px 2px;
 margin: 3px 0;
 font-size: 11px;
 line-height: 1.2em;
 color: #000000;
 border: 1px solid #000000;
}


.TwoParks a,
.ThreeParks a,
.Gage a, 
.YotLot a,
.DebsPark a,
.LittleBear a, 
.BellLibrary a,
.CommunityCenter a,
.VetsMemorial a,
.LittleBearVets a {
 color: #ffffff; 
 font-weight: bold;
}


.tenWhite {
 font-size: 10px !important;
 font-weight: bold !important;
 padding: 0 5px 5px 5px;
 color: #ffffff; 
}


#two, #three {
 display: none;
}

.icon {
 padding-right: 5px;
}


.mayor {
 padding: 5px 0 5px 10px;
}



/*  FORM STYLES */

input {
 width: 120px;
 height: 15px;
}

input#submit {
 width: auto;
 height: auto;
}

input.arrows {
 position: relative;
 width: 110px;
 height: 18px;
 top: 4px;
 *top: 5px;
}