/* ==============================
    Elements 
================================= */
body
{   font-family: Verdana, sans-serif;
    background-color: #254C74;
    margin-top: 0px;
    font-size: 9pt;
    color: #333;
}
p, li, tbody {font-size: 9pt; line-height:1.4;}
p, ul {margin: 0 0 1em 0;}
h1 {font-size: 16pt; color: #369;}
h2
{   color: #fff;
    font-size: 10pt;
    font-weight: bold;
    padding: 4px 4px 4px 20px;
    background-image: url('images/template/H2_BlueGradFlat_225.jpg');
    background-repeat: no-repeat;
}
h3 {font-size: 10pt; font-weight: bold;}
h3 
{   color: #fff; 
    background: #369 url('/images/template/tblHeaderBlueGrad_50.jpg') repeat-x 0 50%;
    padding: 3px 5px;
    -moz-border-radius: 7px 7px 0px 0px;
    border-radius: 7px 7px 0px 0px;
    margin-bottom: 5px;
     }
/* h3:before {content: url("/images/template/arrow_tan.gif");} */

h4 {font-size: 9pt; font-weight: bold; color: #369; margin-bottom: 0;}
h5 {font-size: 9pt; font-weight: bold; margin-bottom: 0;}
h6 {font-size: 8pt; font-weight: bold; color:#999;}

a {color: #369; text-decoration: none;}
a:hover {color: #254C74; text-decoration: underline;}
a:visited {color: #369; text-decoration: none;}

img {border: 0;}

hr
{   border: 1px;
    height: 2px;
    background-color: #BBBB8F;
    color: #BBBB8F;
}

dt {font-weight: bold;}
dd {margin-bottom: 10px;}

/* Tables */
.formTable td {vertical-align: top;}

/* ==============================
    Layout
================================= */
#breadcrumb
{   background-color: #BBBB8F;
    font-size: 8pt;
    background-image: url('images/template/Breadcrumb.gif');
    background-repeat: repeat-x;
    height: 17px;
    margin-right: 10px;
    margin-left: 10px;
    vertical-align: middle;
}

#breadcrumb a {color: #254C74;}

.tblHeaderBG1
{   background-image: url( 'images/template/tblHeaderBlueGradArrow_400.jpg' );
    background-repeat: no-repeat;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
    padding: 4px 4px 4px 20px;
}
.tblHeaderBG2
{   background-image: url(  'images/template/tblHeaderBlueGrad_50.jpg' );
    background-repeat: repeat-x;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;  
} 

/* Header */
#header {position: relative;}

#header .leftCorner
{   background: #369 url('images/template/HeaderLeftCorner.jpg') no-repeat 0 bottom;
    width: 210px;
    height: 80px;
    float:left;
}
#header .leftCorner a 
{   display:block;
    width:198px;
    height:75px;}

#header .middle
{   background: #369 url('images/template/Header_Fill.jpg') repeat-x 0 bottom;
    height: 80px;
    width: 360px;
    float:left;
}
    
#header .rightCorner
{   background: #369 url('images/template/HeaderRightCorner.jpg') no-repeat right bottom;
    width: 210px;
    height: 80px;
    float:left;
}

#header a {}

#preHeader
{   font-size: 8pt;
    color: #BBBB8F;
    text-align: right;
    margin-right: 10px;
    padding-top: 2px;
    padding-right: 2px;
}

#preHeader a, #preHeader a:visited {color: #bbbb8f; text-decoration: none;}
#preHeader a:hover {text-decoration: underline;}

.boxHeader
{   color: #fff;
    font-size: 10pt;
    font-weight: bold;
    padding: 4px 4px 4px 20px;
    background-image: url('images/template/BlueGradRound_225.gif');
    background-repeat: no-repeat;
    }

.box
{   border: 1px solid #369;
    background: #fff url('images/template/tblBG_TanGradient.jpg') repeat-x;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
    clear: both;
    
}

.box h3
{   color: #fff;
    font-size: 10pt;
    font-weight: bold;
    padding: 4px 4px 4px 20px;
    background: #369 url('/images/template/tblHeaderBlueGrad_50.jpg') repeat-x 0 50%;
    margin-top: 0;
}

#rightColumn .box h3
{   color: #fff;
    font-size: 10pt;
    font-weight: bold;
    padding: 4px 4px 4px 20px;
    background: url('images/template/BlueGradRound_225.gif') no-repeat 0 0;
    margin-top: 0;
}


.box h4 {margin:5px 5px 0 10px;}
.box p {margin: 0 5px 15px 10px;}
.box h6 {margin:5px 5px 0 10px; color: #333; margin-bottom: 0; }
.box div {margin: 5px;}


/* #rightColumn p {padding: 0px 5px 0px 5px;} */

/* Contacts */
.contact-person {overflow:hidden; clear:both; width:100%;}
.contact-person img {float: left; width: 75px; margin: 5px 10px;}
.contact-person p {margin-top:20px;}

#tblResources td {padding: 3px;}
#home-welcome {min-height:165px;}

/* ==============================
    Forms 
================================= */
.ModalBackground
{   background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

legend
{   font-size: 9pt;
    font-weight: bold;
    color: #369;
}

input:focus, textarea:focus {background-color: #FFFFD8;}
input.checkbox, input.radio, .form1 .checkbox input, .form1 .radio input
{   margin: 0 4px 0 10px;
    padding: 0;
    width: 13px;
}

.choice, .form1 .choice, .form1 .choice label {font-weight:normal; display: inline;}

.form1 div {margin-bottom: 15px; clear: both;}
.form1 label {color: #444; font-weight: bold; font-size: 95%; display: block;}
.form1 input, .form1 textarea, .form1 select {width: 400px; text-align: left;}
.form1 fieldset {border: none; padding: 0; border-bottom: 2px solid #BBBB8F; margin-bottom: 10px;}
.form1 legend {margin-bottom: 10px; font-size: 11pt;}

.form1DatesTable td {text-align: right; white-space:nowrap;}
.form1DatesTable label {display:inline; font-weight:normal; font-size:95%;}
.form1DatesTable input {width: 60px;}
.form1 .ShortTextBox, .ShortTextBox {width: 75px;}

.TBFull, .TextAreaFull {width: 400px;}
.TBSmall {width: 80px;}

.SubForm label 
{   font-size: 8pt;
    color: #999;
    margin-right: 5px;
    width: 100px;
    float: left;
    text-align: right;
    }
.SubForm input, .SubForm textarea {width: 300px; text-align: left;}

.hint
{ position: absolute;
  right: -250px;
  width: 190px;
  margin-top: -4px;
  border: 1px solid #c93;
  padding: 10px 12px;
  background-color: #ffc;
  z-index:60000;
}

.BasicForm {margin-bottom: 10px; }
.BasicForm label
{   color: #444;
    font-weight: bold;
    font-size: 95%;
    margin-right: 5px;
}
.BasicForm .form-container {margin: 0 auto; width: 350px;}
    
.ColumnarForm label
{   color: #444;
    font-weight: bold;
    font-size: 95%;
    margin-right: 5px;
    width: 175px;
    float: left;
    text-align: right;}

.ColumnarForm div, .loginForm div {margin-bottom: 10px; clear: both;}
.loginForm label
{   color: #444;
    font-weight: bold;
    font-size: 95%;
    margin-right: 5px;
    width: 200px;
    float: left;
    text-align: right;}
.ColumnarForm .tb, .loginForm .tb {width: 150px;}
.loginForm .choice, .loginForm .choice label {font-weight:normal; display: inline; float: none;}


/* Buttons */
a.button, button.button, .form1 .buttons input
{   margin: 2px;
    text-decoration:none;
    background:#EAEAEA url(/images/template/ButtonBG-Silver.gif) repeat-x left 50%;
    border:1px solid #999;
    padding:5px 10px;
    display:inline-block;
    cursor:pointer;
    font-size:100%;
    line-height:130%;
    color:#333;
    -webkit-box-shadow:rgba(0,0,0,.15) 0px 1px 3px;
    -moz-box-shadow:rgba(0,0,0,.15) 0px 1px 3px;
    box-shadow:rgba(0,0,0,.15) 0px 1px 3px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;}
                         
a.button, .form1 input.button {float:none; display:inline-block;}
button {width:auto !important; overflow:visible !important;}
button.button {padding:4px 10px 3px 7px; }
button.button[type] {width:auto;padding:5px 10px 5px 7px; line-height:17px; }

a.button:hover, button.button:hover, .form1 .buttons button:hover
{border:1px solid #3c7fb1; color:#000; background: #e4f4fc url(/images/template/ButtonBG-LtBlue.gif) repeat-x left 50%;}

button.active, a.button:active
{   border-color: #ccc; 
    background: #FFF url(/images/template/ButtonBG-Silver.gif) repeat-x left 50%;
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none;}

button.positive, a.positive, .form1 .buttons input.positive, .buttons a.positive
{color:#360; font-weight:600;}

a.positive:hover, button.positive:hover, .form1 .buttons a.positive:hover, .form1 .buttons input.positive:hover 
{border:1px solid #5e9026; color:#360; background:#e6efc2 url(/images/template/ButtonBG-Green.gif) repeat-x left 50%; }

a.positive:active {background:#94B717; 
                   border:1px solid #94B717; 
                   text-shadow:#607710 1px 1px 1px; 
                   color:#fff;}
a.negative, button.negative {color:#d12f19;}
a.negative:hover, button.negative:hover, .buttons a.negative:hover, .buttons button.negative:hover
{border:1px solid #E86B6D; color:#d12f19; background:#fbe3e4 url(/images/template/ButtonBG-Red.gif) repeat-x left 50%;}

a.negative:active {background:#d12f19; 
                   border:1px solid #d12f19; 
                   text-shadow:#A93816 1px 1px 1px; 
                   color:#fff;}

.buttons button img, .buttons a img, .button a img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.buttons .login-button
{   margin: 2px;
    text-decoration:none;
    background:#EAEAEA url(/images/template/LoginButtonBG-Silver.gif) no-repeat left 50%;
    border:1px solid #999;
    padding:5px 10px 5px 25px;
    display:inline-block;
    cursor:pointer;
    font-size:100%;
    font-weight:bold;
    line-height:130%;
    color:#333;
    -webkit-box-shadow:rgba(0,0,0,.15) 0px 1px 3px;
    -moz-box-shadow:rgba(0,0,0,.15) 0px 1px 3px;
    box-shadow:rgba(0,0,0,.15) 0px 1px 3px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;}

.buttons .login-button:hover
{border:1px solid #3c7fb1; color:#000; background: #e4f4fc url(/images/template/LoginButtonBG-LtBlue.gif) repeat-x left 50%;}

button img, a.button img {margin:0 5px -3px 0 !important; padding:0; border:none; width:16px; height:16px;}

/* ==============================
    Classes 
================================= */
.content {font-size: 9pt;}
.smallText {font-size: 8pt;}
.smallGreyText {font-size: 8pt; color: #999;}
.centerText {text-align: center;}
.WhiteBold {color: #fff; font-size: 10pt; font-weight: bold;}
.likeH1 {font-size: 16pt; color: #369; font-weight: bold;}
.likeH3 {font-size: 12pt; font-weight: bold; color: #369;}
.likeH4 {font-size: 9pt; font-weight: bold; color: #369;}
.Hidden {visibility: hidden;}
.ImgFloatLeft {float: left; margin: 1px 10px 10px 0px;}
.ImgFloatRight {float: right; margin: 1px 0px 10px 10px;}
.Warning {font-size: 10px; color: #f00; font-weight: bold;}
.StatusPending {font-size: 10px; color: #fc0; font-weight: bold;}
.StatusApproved {font-size: 10px; color: #008000; font-weight: bold;}    
.StatusDenied {font-size: 10px; color: #f00; font-weight: bold;}
.leftPad {padding-left: 10px;}
.watermarkBox {color: #999;}
.cursorHand {cursor:pointer;}
.clear {clear:both;}
.watermark {color: #999;}
.alignRight {text-align: right;}
.section {clear:both; margin-bottom:10px;}
.noWrap {white-space: nowrap;}

/* Lists */
ul {padding-top: 2px; margin-top: 2px;}
.AcrobatLI
{   list-style-type: none;
    background: url('/images/icons/PDF_Icon_32x32.gif') no-repeat 0 50%;
    padding: 10px 0 10px 40px;
    margin: 0 0 0 -40px;
}

.OdeLI
{   list-style-type: none;
    background: url('/images/icons/ODE_Icon_32x32.gif') no-repeat 0 50%;
    padding: 10px 0 10px 40px;
    margin: 0 0 0 -40px;
}
.OcaliLI
{   list-style-type: none;
    background: url('/images/icons/OCALI_SmallIcon.png') no-repeat 0 5px;
    padding: 10px 0 10px 40px;
    margin: 0 0 0 -40px;
}

.WordLI
{   list-style-type: none;
    background: url('/images/icons/Word_Icon_32x32.gif') no-repeat 0 50%;
    padding: 10px 0 10px 40px;
    margin: 0 0 0 -40px;
}

.PowerPointLI
{   list-style-type: none;
    background: url('/images/icons/icon_powerpoint10_32x32.gif') no-repeat 0 50%;
    padding: 10px 0 10px 40px;
    margin: 0 0 0 -40px;
}

.ExcelLI
{   list-style-type: none;
    background: url('/images/icons/Excell_Icon_32x32.gif') no-repeat 0 50%;
    padding: 10px 0 10px 40px;
    margin: 0 0 0 -40px;
}

.ZipLI
{   list-style-type: none;
    background: url('/images/icons/ZipFolder_Icon_32x32.gif') no-repeat 0 50%;
    padding: 10px 0 10px 40px;
    margin: 0 0 0 -40px;
}

.LearningSpringsLI
{   list-style-type: none;
    background: url('/images/icons/LearningSprings_icon.gif') no-repeat 0 top;
    padding: 10px 0 10px 40px;
    margin: 0 0 0 -40px;
}

.ListNoIndent
{   padding-left: 1px;
    margin-left: 1px;
    padding-top: 0px;
    margin-top: 0px;
    list-style-type: none;
}
.ListSpaced li {margin-bottom: 10px;}
.ListPadded {list-style-type: none; line-height: 2.3em;}
.ListTanArrow {list-style-image: url('images/template/arrow_tan.gif');}
.ListNoIndentDisc
{   padding-left: 10px;
    margin-left: 10px;
    list-style-type: disc;
    margin-top: 0px;
}

.ListNoBullet {list-style-type: none;}
.ListClear {list-style-image: none;}


/* Grid View */
.SortHeaderRowStyle
{   background-image: url('images/template/tblBG_TanGrad_25x50.gif');
    font-weight: bold;
    background-repeat: repeat-x;
}

.HeaderRowStyle
{   background: #369 url('images/template/tblHeaderBlueGrad_50.jpg') repeat-x;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.TableOutline {border: 1px solid #369;}
.AlternatingRowStyle {background-color: #F0F0F0;}
.RowStyle td, .AlternatingRowStyle td  {vertical-align: top; padding: 2px 2px 10px 2px;}


.TableLikeBox
{   padding: 0;
    border: 1px solid #336699;
    background-image: url('images/template/tblBG_TanGradient.jpg');
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}
.TableLikeBox h3  {margin: 0 0 5px 0;}
.TableLikeBox p {margin: 5px;}
.TableLikeBox h4 {margin-left: 5px;}
.TableLikeBox select {margin: 5px;}

.HeaderRowStyle A:link {font-weight: bold; color: #fff;}
 
.HeaderRowStyle A:Hover   
{   color: #BBBB8F;
    font-weight: bold;
    text-decoration: underline;}
    
.PraxisProfile
{   width: 325px;
    height: auto;
    float: left;
}

.PreschoolClassContainer {float: left; margin: 10px;}

.PreschoolClass
{   padding: 0px 5px 0px 5px;
    width: 213px;
    border: 1px solid #369;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    background-color: #F3F3F3;
}

.PreschoolClassHeader
{   color: #fff;
    font-size: 10pt;
    font-weight: bold;
    padding: 4px 4px 4px 20px;
    background-image: url('images/template/BlueGradRound_225.gif');
    background-repeat: no-repeat;
}

.PreschoolStaff
{   margin: 10px 5px 10px 5px;
    width: 150px;
    float: left;
    text-align: center;
}

.ConfirmationPanel
{   width: 200px;
    padding: 20px;
    background-color: White;
    border: 2px solid #254C74;
}


/* Calendar */
.homeCalendar
{   border: 1px solid #369;
    background-image: url('/images/template/tblBG_TanGradient.jpg');
    background-repeat: repeat-x;
    }
    
.homeCalendarTitle {color: #fff; font-weight: bold; background-color: #369;}
.homeCalendarDaySelected {color: #fff; background-color: #369;}
.hasEvent {color: #fff; font-weight: bold;}
.DayHeaderStyle {background-color:#ccc;} 

 /* News Items */
.news-item-container img
{   border: 2px solid #369;
    width: 75px;
    float: left;
    margin-right: 10px;
}
ul.news-item-container {margin:0; padding:0;}
.news-item-container {margin-bottom: 10px; clear: both; float: left;}
.news-item-container li {margin: 0 0 10px 0; padding:0; list-style: none; float: left;}
.news-item-container a {color: #333; display:block; padding-top: 5px; float: left;}
.news-item-container a:hover {color: #333; background-color:#f0f0f0; text-decoration: none;}
.news-item-container p {float: left; width:305px;}
.news-item-container h4 {font-size: 100%; width:305px; margin: 0; float: left;}

.cursorHand {cursor:pointer;}

.article {float:left; width:500px; margin-left:10px;}

/* Featured Apps */
.app-icon
{   border: 0;
    width: 100px;
    float: left;
    margin-right: 10px;
}
ul.app-container {margin:0; padding:0;}
.app-container {margin-bottom: 10px; clear: both; float: left;}
.app-container li {margin: 0 0 10px 0; padding:0; list-style: none; float: left;}
.app-container p {float: left; width:500px;}
.app-container h4 {font-size: 120%; width:500px; margin: 0; float: left;}

.featuredApp img
{   border: 0;
    width: 60px;
    float: left;
    margin-right: 10px;
}


/* Header Icons */
.award {background: url(images/SiteIcons/AwardButton.gif) no-repeat left 50%; padding: 20px 0 20px 60px;}
.caution {background: url(images/SiteIcons/Caution_32x32.gif) no-repeat left 50%; padding: 20px 0 20px 60px;}
.edit {background: url(images/SiteIcons/Edit.gif) no-repeat left 50%; padding: 20px 0 20px 60px;}
.forms { background: url(images/SiteIcons/Forms.gif) no-repeat 0 50%; padding: 15px 0 15px 60px; }
.legal { background: url(images/SiteIcons/Scales.gif) no-repeat 0 50%; padding: 15px 0 15px 70px; }
.contact { background: url(images/SiteIcons/Contact_Medium.gif) no-repeat 0 50%; padding: 20px 0 20px 55px; }
.cart { background: url(images/SiteIcons/ShoppingCart.png) no-repeat 0 50%; padding: 20px 0 20px 60px; }
.EventInfo { background: url(images/SiteIcons/Workshops_Med.gif) no-repeat 0 50%; padding: 20px 0 20px 55px; }
.RegInfo { background: url(images/SiteIcons/RegistrationMed.gif) no-repeat 0 50%; padding: 20px 0 20px 45px; }
.ClerkInfo { background: url(images/SiteIcons/file_cabinet.png) no-repeat 0 50%; padding: 20px 0 20px 50px; }
.technology { background: url(images/SiteIcons/Computer.gif) no-repeat 0 50%; padding: 15px 0 15px 70px; }
.maps { background: url(images/SiteIcons/MapsIcon.gif) no-repeat 0 50%; padding: 15px 0 15px 70px; }
.organization { background: url(images/SiteIcons/Council.gif) no-repeat 0 50%; padding: 15px 0 15px 100px; }
.users { background: url(images/SiteIcons/Participants_Med.gif) no-repeat 0 50%; padding: 15px 0 15px 55px; }
.childhood { background: url(images/SiteIcons/Blocks.gif) no-repeat 0 50%; padding: 15px 0 15px 65px; }
.news { background: url(images/SiteIcons/news.gif) no-repeat 0 50%; padding: 20px 0 20px 80px; }
.workshops { background: url(images/SiteIcons/Workshops.gif) no-repeat 0 50%; padding: 20px 0 20px 75px; }
.literacy { background: url(images/SiteIcons/Literacy.gif) no-repeat 0 50%; padding: 20px 0 20px 55px; }
.students { background: url(images/SiteIcons/Students.gif) no-repeat 0 50%; padding: 20px 0 20px 80px; }
.arrow { background: url(images/template/arrow_tan.gif) no-repeat 0 50%; padding: 3px 0 3px 15px; }
.stars { background: url(images/Logos/STARS_logo.jpg) no-repeat 0 50%; padding: 40px 0 40px 125px; }
.transition { background: url(images/SiteIcons/Transition.gif) no-repeat 0 50%; padding: 15px 0 15px 75px; }
.results { background: url(images/SiteIcons/Results.gif) no-repeat 0 50%; padding: 20px 0 20px 80px; }
.registration { background: url(images/SiteIcons/Registration.gif) no-repeat 0 50%; padding: 20px 0 20px 60px; }
.assessments { background: url(images/SiteIcons/Evaluation.gif) no-repeat 0 50%; padding: 20px 0 20px 80px; }
.parents { background: url(images/SiteIcons/parents.gif) no-repeat 0 50%; padding: 20px 0 20px 65px; }
.fingerprints { background: url(images/SiteIcons/FingerPrint.gif) no-repeat 0 50%; padding: 20px 0 20px 55px; }
.Reminder {background: url(images/SiteIcons/Reminder-8Bit.gif) no-repeat left top; padding-left: 50px; min-height: 50px;} 
.shipping { background: url(images/SiteIcons/ap_vendor-icon.jpg) no-repeat 0 50%; padding: 20px 0 20px 70px; }

/*Small Icons */
.alert {background: url(/images/SiteIcons/Caution-Small.gif) no-repeat left 50%; padding: 5px 0 5px 30px;}
.add-user {background: url(/images/SiteIcons/AddParticipant.gif) no-repeat left 50%; padding: 10px 0 10px 30px;}
.check {background: url(/images/SiteIcons/Check.gif) no-repeat left 50%; padding: 5px 0 5px 30px;}
.webmail {background: url(/images/template/email.gif) no-repeat left 50%; padding: 5px 0 5px 17px; margin:0 5px;}
.sitemap {background: url(/images/template/sitemap_icon.gif) no-repeat left 50%; padding: 5px 0 5px 17px; margin:0 5px;}
.lock {background: url(/images/template/Lock_iconTiny.gif) no-repeat left 50%; padding: 5px 0 5px 13px; margin:0 5px;}
.AddEvent {background: url(/images/SiteIcons/AddWorkshops.gif) no-repeat left 50%; padding: 10px 0 10px 30px;}

/* District Icons */
.Barberton {background: url(images/DistrictLogos/Barberton.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.Green {background: url(images/DistrictLogos/Green.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.Nordonia {background: url(images/DistrictLogos/Nordonia.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.Stow {background: url(images/DistrictLogos/Stow.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.Copley {background: url(images/DistrictLogos/copley.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.Hudson {background: url(images/DistrictLogos/Hudson.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.Norton {background: url(images/DistrictLogos/Norton.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.Tallmadge {background: url(images/DistrictLogos/Tallmadge.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.Coventry {background: url(images/DistrictLogos/Coventry.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.Manchester {background: url(images/DistrictLogos/Manchester.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.Revere {background: url(images/DistrictLogos/Revere.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.Twinsburg {background: url(images/DistrictLogos/twinsburg.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.CuyahogaFalls {background: url(images/DistrictLogos/CuyahogaFalls.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.Mogadore {background: url(images/DistrictLogos/Mogadore.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.Springfield {background: url(images/DistrictLogos/Springfield.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.Woodridge {background: url(images/DistrictLogos/Woodridge.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.PortageLakes {background: url(images/DistrictLogos/PLCC.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.Akron {background: url(images/DistrictLogos/Akron.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.UAkron {background: url(images/DistrictLogos/UAkron.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.KentState {background: url(images/DistrictLogos/KentState.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}
.SixDistrict {background: url(images/DistrictLogos/SixDistrict.gif) no-repeat 0 50%; padding: 20px 5px 20px 55px; display:block;}

/* AJAX Calendar Styles */
.cal_Theme1 .ajax__calendar_container   {background-color: #e2e2e2; border:solid 1px #cccccc;}

.cal_Theme1 .ajax__calendar_header  {background-color: #ffffff; margin-bottom: 4px;}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {color: #004080; padding-top: 3px;}

.cal_Theme1 .ajax__calendar_body    {background-color: #e9e9e9; border: solid 1px #cccccc;}

.cal_Theme1 .ajax__calendar_dayname {
    text-align:center;
    font-weight:bold;
    margin-bottom: 4px;
    margin-top: 2px;
}

.cal_Theme1 .ajax__calendar_day {text-align:center;}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active  {
    color: #004080;
    font-weight: bold;
    background-color: #ffffff;
}

.cal_Theme1 .ajax__calendar_today   {font-weight:bold;}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {color: #bbbbbb;}

.cal_Theme1 div, .form1 .cal_Theme1 div, div.cal_Theme1  {margin: 0; clear:none;}
.cal_Theme1 td, .form1 .cal_Theme1 td {white-space:normal;}