/*
Theme Name: SBCA	
Theme URI: http://www.sbcatholicacademy.org
Description: Theme made for SBCA
Version: 1.0
Author: Jackrabbit Design   http://www.jumpingjackrabbit.com
Tags: 

*/
* {margin:0;padding:0}
body {font:normal 12px/16px "Lucida Grande", Arial, Verdana, sans-serif}
img {border:none}
.clear {clear:both}
p {margin:4px 0;padding:4px 0}
.top {width:100%;background:url(images/bg_top.gif) top left repeat-x;height:96px}
.top2 {width:900px;margin:0 auto}
.tl {float:left;width:445px}
.tr {float:right;width:299px}
.search {/*background:url(images/bg_search.gif) top left no-repeat;*/width:299px;height:34px}
.search img {display:block;margin:0 0 0 auto}
.main {background:url(images/bg_main.gif) top left repeat-x;width:100%}
.main2 {width:900px;margin:0 auto;border-left:1px solid #9aae9a;border-right:1px solid #9aae9a;margin-bottom:20px;z-index:99;position:relative}
#banner {z-index:98;position:relative;}
.banner_copy {background:url(images/bg_banner_copy.gif) top left repeat-x;width:254px;float:right;height:269px;border-left:1px solid #a1cda2;padding:26px 20px 0 20px}
.sub_copy {color:#529a66}
.banner_buttons {position:absolute;top:272px;left:672px;width:160px;height:16px;text-align:center;z-index:200}
.banner_buttons img {display:inline-block;padding:0 10px;cursor:pointer}
.banner_buttons span {display:inline-block;position:relative;top:-3px;color:#18700c}
.sub_bar {width:898px;border:1px solid #fff;background:url(images/bg_subbar.gif) top left repeat-x;height:199px}
.principal {width:535px;float:left;background:url(images/bg_subborder.gif) top right no-repeat;padding:30px 30px 0 30px;height:109px !important;color:#5a5a5a}
.newsletter {width:235px;float:right;padding:10px 30px 0 30px;height:189px}
.newsletter p {color:#c2940b;font-size:10px;padding-top:0;margin-top:0}
.buckets {border-top:7px solid #bbb08b;background:url(images/bg_buckets.gif) top left repeat-x;height:230px;width:900px;color:#555}
.b1 {width:252px;float:left;background:url(images/bucket_border.gif) top right no-repeat;height:205px;padding:25px 25px 0px 25px}
@media screen and (-webkit-min-device-pixel-ratio:0) { .b1 p {margin:2px 0;padding:2px 0} }
.b2 {width:246px;float:left;height:205px;padding:25px 25px 0px 25px}
.buckets div em {font-style:normal;color:#c2940b;font-size:10px;font-family:Verdana, Arial, sans-serif}
.flickr {width:900px;height:98px;background:#fff;border-bottom:1px solid #b0a88b}
.flickr_logo {color:#676766;font-family: Georgia, "Times New Roman", serif;line-height:24px;width:120px;margin:8px 0px 0 30px;float:left}
.flickr_logo span {display:block;width:100%;text-align:right}
.flickr_photos {float:right;width:860px;margin:16px 0 0 0}
#images_left, #images_right {cursor:pointer}
#images_right {position:relative;left:-7px;top:0px}
* html #images_right {position:relative;left:-7px;top:-30px}
*:first-child+html #images_right {position:relative;left:-7px;top:-35px}
.flickr_photos ul {list-style:none}
.flickr_photos ul li {float:left;padding:0 6px}
.footer1 {height:24px;border-bottom:1px solid #576c58;background:url(images/ico_footer.gif) 30px 55% no-repeat #4d644e;text-align:right;color:#d2cebe;padding:8px 30px 0 0}
.footer2 {background:#213d22;height:24px;border-top:1px solid #0f1f0f;padding:8px 30px 0 30px;color:#f0f0f0;font-size:10px}
.f2l {width:418px;float:left}
.f2r {width:418px;float:right;text-align:right}
#pics, #pics2 {height:68px !important;overflow:hidden;width:790px !important}
#flickr a {display:block;width:240px;height:180px;overflow: hidden;z-index:102}
#flickr img {display:block;margin:0 auto}
#flickr {overflow-y:hidden;width:240px;height:180px;margin:52px auto 0 auto}
.sb_banner_buttons {width:160px;height:16px;text-align:center;color:#324133;margin:10px auto;padding-top:1px}
* html .sb_banner_buttons {width:160px;height:16px;text-align:center;color:#324133;margin:2px auto 6px auto;padding-top:1px}
*:first-child+html .sb_banner_buttons {width:160px;height:16px;text-align:center;color:#324133;margin:2px auto 0px auto;padding-top:1px}
.sb_banner_buttons img {position:relative;top:4px;cursor:pointer}
.sb_banner_cont {background:#a1be9f;width:100%;height:26px}
* html .sb_banner_cont {background:#a1be9f;width:100%;height:14px !important;margin:10px 0 0 0;padding:0}
*:first-child+html .sb_banner_cont {background:#a1be9f;width:100%;height:28px !important;margin:20px 0 0 0;padding:0}
.sb_content {width:220px;margin:40px auto;background:#d8ebd8;padding:10px;border-top:1px solid #9fb89e;border-bottom:1px solid #9fb89e;color:#2e382d}
.sb_content ul {margin:10px 0 10px 0px;list-style:none}
.accr {width:840px;margin:-15px auto 20px auto;font-size:10px;color:#aaa}
#blog_cats li {margin:4px 0}
.calendar-month {font-size:16px;padding:10px 0}


.alignleft {display:block;float:left;clear:right;margin:10px 15px 10px 0}
.alignright {display:block;float:right;clear:left;margin:10px 0px 1px 15px}

/* sub styles */
.sub {background:url(images/bg_sub.gif) top left repeat-y}
.lc {background:url(images/bg_lc.jpg) top left repeat-x #f8f7f2;float:left;width:537px;padding:50px 35px}
.rc {background:url(images/bg_rc.jpg) top left repeat-x #c0dbbf;float:right;width:292px;min-height: 400px}


#search {width:264px;margin:0 auto}
#search input {height:17px;background:#5f7d5f;border:1px solid #365137;width:229px;color:#a9c9a9;font:normal 10px/12px Verdana, Arial, sans-serif;margin-top:5px;padding:3px 3px 0 3px}
#search button {border:none;cursor:pointer;background:url(images/but_search.gif) top left no-repeat;width:21px;height:20px;position:relative;top:-3px}
.formBuilderLabelRequired {display:block;color:#656565;font-family:Verdana, Arial, sans-serif;font-size:11px;margin-bottom:3px;font-weight:normal !important;width:auto !important}
.formBuilderForm input {background:#eaf1f5;border:1px solid #d1e9d2;height:19px;padding:5px 4px 0 4px;width:225px}
.formBuilderSubmit input {border:none;cursor:pointer;background:url(images/but_signup.gif) top left no-repeat;width:79px;height:24px;margin-top:10px}
.formBuilderForm p {margin:0;padding:0;line-height:10px}
.formBuilderFailure {display:none}
.formBuilderError {color:#f00}
.formBuilderForm {padding:0 !important}

a, a:link, a:visited {color:#18700c;text-decoration:underline}
a:hover, a:active {text-decoration:none;color:#0d3807}
.flickr_logo a, .flickr_logo a:link, .flickr_logo a:visited {color:#676766;text-decoration:underline}
.flickr_logo a:hover, .flickr_logo a:active {color:#222}
.footer1 a, .footer1 a:link, .footer1 a:visited {color:#d2cebe;text-decoration:none;font-size:10px;display:inline-block;padding:0 4px}
.footer1 a:hover, .footer1 a:active {text-decoration:underline;color:#d2cebe}


.M1 {display:block;margin-top:19px}
.M2 {display:block;float:left;width:605px}
.M3 {display:block;float:left;clear:right;margin:0px 10px 20px 0;padding:1px;background:#80cb82;border:1px solid #fff}

h1 {margin-top:21px}
h1 a {display:block;width:445px;height:53px;background:url(images/logo.gif) top left no-repeat;}
h1 em {position:absolute;margin-left:-9999px}
.sig {color:#086008;font:italic 12px/12px Georgia, "Times New Roman", serif}
h2 {font:normal 28px/30px Georgia, "Times New Roman", serif;color:#786628}
h3 {color:#086008;font:normal 18px/30px Georgia, "Times New Roman", serif}
.sub h3 {margin-top:20px}
h4 {color:#2e382d;font:normal 18px/30px Georgia, "Times New Roman", serif;margin-top:20px}


.nav {width:900px;height:41px;position:relative;z-index:150}
#nav {list-style:none;background:url(images/bg_nav.gif) top left repeat-x;height:41px;width:900px}
#nav li {float:left;margin:0;padding:0;position:relative}
#nav li#first {margin-left:20px}
* html #nav li#first {margin-left:12px}
#nav li a, #nav li a:link, #nav li a:visited {display:block;height:29px;padding:12px 29px 0 29px;color:#064105;text-decoration:none;float:left;background:transparent}
#nav li a:hover, #nav li a:active, .nav #nav li a#on, .nav #nav li a.hov {background:url(images/bg_nav_on.gif) top left repeat-x;border-left:1px solid #805911;border-right:1px solid #805911;padding:12px 28px 0 28px}
#nav li ul.subnav {list-style:none;background:#dec87d;position:absolute;left:-9999px;top:41px;z-index:151;width:160px;border-left:1px solid #805911;border-right:1px solid #805911;border-bottom:1px solid #805911}
#nav li ul.subnav li {background:transparent;display:inline-block;float:none !important;margin:0px !important;line-height:0px !important;padding:0 !important;}
* html #nav li ul.subnav li {margin-bottom:-3px !important}
#nav li ul.subnav li a, #nav li ul.subnav li a:link, #nav li ul.subnav li a:visited {display:block;background:transparent;width:140px;padding:2px 10px;line-height:30px;font-size:11px;color:#493511;border-bottom:1px solid #d5ba6b;margin-bottom:0px !important}
#nav li ul.subnav li a:hover, #nav li ul.subnav li a:active {border:none;padding:2px 10px;background:#d5ba6b;border-bottom:1px solid #d5ba6b}



/* ---- Calendar Styles ---- */
 .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;
     }