/* Start of CMSMS style sheet '+JFS Calendar Page CSS' */
body {
   background:url(uploads/images/bottomgradienthomesm.jpg) repeat-x fixed bottom;
}

/* center wrapper, min max width */
div#pagewrapper {
   border: none;
   margin: 0 auto;     /* this centers wrapper */
   max-width: 957px; /* , IE wont understand these, so we will use javascript magick */
   min-width: 957px;
   color: black;
   padding: 5px 5px 0px 5px;
   margin-top:0px;
}

div.photostrip {
float: left;
margin: 0; 
height: 113px;
}

div.orangestrip {
width: 957px;
height: 8px;
background:url(uploads/images/orangeline.gif) repeat; 
margin: 0 0 15px 0;
}

div#content {
   margin: 0 auto 2em 0; /* some air above and under menu and content */
  
}

div#main {
   margin-left: 32%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 0%; /* and some air on the right */
}

div#main h2{
/*display: none; */
}

div#main h1{
padding-bottom: 1em;
}


div#sidebar_l {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 31%;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 0;
}

/* if sidebar doesn't include menu but content add class="hascontent" */
div#sidebar_l.hascontent {
   padding: 0 1%;
   width: 31%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

div#sidebar_l_title {
margin: 0 0 10px 20px;
}


/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar'}

*/



/*change calendar event link styles here*/
.calendar tr td a
{
  text-decoration: none;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

#cal-calpageupcominglist a
{
text-decoration: none;
}

#cal-calpageupcominglist .calendar-event
{
margin-bottom: 20px;
}

#cal-calpageupcominglist .calendar-date-from
{
margin-bottom: .2em;
}

.calendar-date-from
{
margin-bottom: 1em;
font-weight: bold;
}


/** large calendar rules (assuming default class and id names) **/

.calendar-month {
font-size: 140%;
font-weight: bold;
padding-bottom: 20px;
padding-top: 10px;
}


/* border on for #cal-calendar */
#cal-calendar{
  margin:0px;
  border-collapse:    collapse;
  border: 1px solid black;
}

/* nice squares for the #cal-calendar table */
#cal-calendar th
{
  border: 1px solid black;
  padding: 3px;
  width: 100px;
}

#cal-calendar td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 100px;
  width: 100px;
}

/* format summaries nicely in #cal-calendar */
#cal-calendar ul
{
  margin: 0px;
  padding: 0px;
}

/* overrides list settings in main JFS stylesheet */
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 1.5em;
}


#cal-calendar li
{
  list-style-type: bullet;
  padding: 0px;
  margin: 0px;
}


/* background colours for #cal-calendar */
#cal-calendar td
{
  background-color: fff;
}

#cal-calendar .calendar-day
{
  background-color: #ffc600;
}

#cal-calendar .calendar-today
{
  font-weight: normal;
  background-color: #ffbb00;
}

div#calendar-event h1 {
font-size: 1em;
font-color: red;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}

/*.adult.children A:link {color: #603;} /*Example of how to color-code calendar categories*/
/*.adult.children A:visited {color: #603;} */
/*.adult.children A:active {color: #603;} */
/*.adult.children A:hover {color: #603;} */

/*CSS for Calendar Hovering Feature*/
a.tt{
    position:relative;
    z-index:24;
    }
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.calhover{
    display:block;
    position:absolute;
    bottom:50px; right:50px;
	padding: 15px 0 0 0;
	width:300px;
   color: #000000;
   background-color: #FFFFFF;
   border: 1px solid black;
   padding: 5px;
   }
div#footer {
	background-color: #a2cad9;
}
/* End of '+JFS Calendar Page CSS' */