/*--- BODY Html Tags ---*/
body {
color:#665A50;
font-family:Arial;
font-size:14px;
margin:0;
padding:0;
background-color:#ffffff;
}
a:link {
color:#6C82B5;
}
a:visited {
color:#6C82B5;
}
a:hover {
color:#B7CCE1;
}
.clear {clear:both;}
h1 {font-size:16px; margin:0; padding:5px 0 5px 0; color:#;}
h2 {font-size:16px; margin:0; padding:5px 0 7px 0; color:#;}
hr {color:#E5E5E5;}
/*--- LAYOUT ---*/
#wrapper {margin-left:auto; margin-right:auto; width:900px; padding:0;}
#header {background: url(header.jpg) no-repeat; height:140px; padding:0; margin:5px 0 0 0; border-bottom:1px solid #fff; position:relative;}
#topper {height:14px; margin:5px 0; text-align:right; font-size:12px; width:884px;}
#like_button {
position:absolute;
right:8px;
top:11px;
width:80px;
height:40px;
}
#greenbar {height:23px; padding:0; margin:0; background: url(greenbar.jpg) no-repeat; border-bottom:1px solid #fff;}
#flash {float:left; width:600; margin:0; padding:0;}
#flashright {font-size:12px; float:right; width:299px; height:185px; margin:0; padding:0; background: url(redbox.jpg) no-repeat; overflow:hidden; border-left:1px solid #fff;}
.testimonial {color:#fff; padding:15px 10px 5px 15px;}
.testimonialname {color:#fff; margin:0 0 0 160px; padding:0;}
#content {width:585px; float:left; padding:5px; margin:0; overflow:hidden;}
#sidebar {width:300px; float:right; padding:5px 0 5px 0; margin:0; overflow:hidden;}
#copyright {text-align:center; font-size:12px; color:#808080;}
.blueline {height:1px; padding:0; margin:0; background:#7FADD1; }
#bluebar {padding:10px; margin:0; background:#CDDFED; border-top:1px solid #fff; border-bottom:1px solid #fff; }
/*--- CUSTOM SECTIONS ---*/
.hbold {font-size:15px; font-weight:bold; margin:0; padding:5px 0 5px 0;}
.section {margin:0; padding:10px 0 10px 0; }
object { display:block; margin:0;}
/*--- IMAGE STYLES ---*/
.border {margin:0 5px 5px 0; padding:5px; border:1px solid #C6C2B6; background:#F7F5F3;}
.size-full {margin:0 5px 5px 0; padding:5px; border:1px solid #C6C2B6; background:#F7F5F3;}
/*--- RIGHT BOXES ---*/
h3 {margin:0; padding:5px 0 1px 5px;}
.rightsection1 {margin:0 0 15px 0; padding:7px; background-color:#EDEAE6; }
.rightsection2 {margin:0; padding:7px; background-color:#F7F5F3; border:1px solid #CECDCA;}
.rightsection1 ul { list-style:none; margin:0; padding:10px;}
.rightsection1 li { margin:0; padding:3px 0 3px 0;}
.rightsection2 ul li ul {margin:0; padding:3px;}
/*--- CALENDAR ---*/
.calnk a:hover {
background-position:0 0;
text-decoration:none;
color:#000000;
border-bottom:1px dotted #000000;
}
.calnk a:visited {
text-decoration:none;
color:#000000;
border-bottom:1px dotted #000000;
}
.calnk a {
text-decoration:none;
color:#000000;
border-bottom:1px dotted #000000;
}
.calnk a span {
display:none;
}
.calnk a:hover span {
color:#333333;
background:#F6F79B;
display:block;
position:absolute;
margin-top:1px;
padding:5px;
width:150px;
z-index:100;
}
.calendar-table {
border:none;
width:100%;
}
.calendar-heading {
height:25px;
text-align:center;
border:1px solid #D6DED5;
background-color:#E4EBE3;
}
.calendar-next {
width:25%;
text-align:center;
}
.calendar-prev {
width:25%;
text-align:center;
}
.calendar-month {
width:50%;
text-align:center;
font-weight:bold;
}
.normal-day-heading {
text-align:center;
width:25px;
height:25px;
font-size:0.8em;
border:1px solid #DFE6DE;
background-color:#EBF2EA;
}
.weekend-heading {
text-align:center;
width:25px;
height:25px;
font-size:0.8em;
border:1px solid #DFE6DE;
background-color:#EBF2EA;
color:#FF0000;
}
.day-with-date {
vertical-align:text-top;
text-align:left;
width:60px;
height:60px;
border:1px solid #DFE6DE;
}
.no-events {
}
.day-without-date {
width:60px;
height:60px;
border:1px solid #E9F0E8;
}
span.weekend {
color:#FF0000;
}
.current-day {
vertical-align:text-top;
text-align:left;
width:60px;
height:60px;
border:1px solid #BFBFBF;
background-color:#E4EBE3;
}
span.event {
font-size:0.75em;
}
.kjo-link {
font-size:0.75em;
text-align:center;
}
.event-title {
text-align:center;
font-weight:bold;
font-size:1.2em;
}
.event-title-break {
width:96%;
margin-left:2%;
margin-right:2%;
margin-top:5px;
margin-bottom:5px;
text-align:center;
height:1px;
background-color:#000000;
}
.event-content-break {
width:96%;
margin-left:2%;
margin-right:2%;
margin-top:5px;
margin-bottom:5px;
text-align:center;
height:1px;
background-color:#000000;
}
.calendar-date-switcher {
height:25px;
text-align:center;
border:1px solid #D6DED5;
background-color:#E4EBE3;
}
.calendar-date-switcher form {
margin:0;
padding:0;
}
.calendar-date-switcher input {
border:1px #D6DED5 solid;
}
.calendar-date-switcher select {
border:1px #D6DED5 solid;
}
.cat-key {
width:100%;
margin-top:10px;
padding:5px;
border:1px solid #D6DED5;
}
.todays-events ul li span a {
border:0;
}
.todays-events ul li span a:hover {
border:0;
}
.todays-events ul li span a:visited {
border:0;
}
.upcoming-events ul li ul li {
background-color:#FFFFFF;
border:0;
}
.upcoming-events ul li ul li span a {
border:0;
}
.upcoming-events ul li ul li span a:hover {
border:0;
}
.upcoming-events ul li ul li span a:visited {
border:0;
}
#sidebar ul ul li span a {
display:inline;
padding-right:0;
}
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */