/* Start of CMSMS style sheet 'Cloudy : cloudy' */
/*
    name:   cloudyDay.css
    author: Pat Heard (fullahead.org)
    date:   2005/04/30
*/



/* -- Site container definition -- */



    body {
      font: 0.8em arial, sans-serif;
      color: #444444;
      background-color: #FFFFFF;
      margin: 20px 40px 20px 40px;
    }

    #siteBox {
      width: 99%;
      float: left;
      background: url(uploads/Cloudy/logo.gif) no-repeat left bottom;
    }
    
    
    
/* -- Header definitions -- */    
    
    

    #headerBox {
      float: left;
      width: 100%;
      height: 50px;
      font-size: 1.5em;
      font-weight: bold;
      background: url(uploads/Cloudy/hdr_bg.gif) repeat-x left bottom;

    }

    #headerLeft {
      float: left;
      width: 30%;
      height: 50px;
      background: url(uploads/Cloudy/hdr_left.gif) no-repeat left bottom;
    }

    #headerRight {
      float: right;
      width: 68%;
      height: 50px;
      text-align: right;
      background: url(uploads/Cloudy/hdr_right.gif) no-repeat right bottom;
    }



/* -- Header link bar definitions -- */




    #headerRight a {
      padding-left: 20px;
      text-decoration: none;
      color: #999999;
    }

    #headerRight a:hover {
      color: #444444;

    }

    #headerRight a.Home:hover {
	  color: #444444;
	  background: url(uploads/Cloudy/icn_home.gif) no-repeat left center;
    }

    #headerRight a.Galleries:hover {
	  color: #444444;
	  background: url(uploads/Cloudy/icn_gallery.gif) no-repeat left center;
    }

    #headerRight a.Squared:hover {
	  color: #444444;
	  background: url(uploads/Cloudy/icn_about.gif) no-repeat left center;
    }

    #headerRight a.Rounded:hover {
	  color: #444444;
	  background: url(uploads/Cloudy/icn_links.gif) no-repeat left center;
    }


    #headerRight a.Contact:hover {
	  color: #444444;
	  background: url(uploads/Cloudy/icn_email.gif) no-repeat left center;
    }



/* -- Footer definitions -- */



    #footerBox {
      float: left;
      width: 100%;
      height: 25px;
      font-size: 0.8em;
      color: #999999;
      border-top: 1px solid #D1D1D1;
    }

    #footerLeft {
      float: left;
      width: 49%;
      text-align: left;
          }

    #footerRight {
      float: right;
      width: 49%;
      text-align: right;      
    }



/* -- Content column & layout definitions -- */



    #leftColumn {
      float: left;
      width: 28%;
      padding: 0 5px 5px 5px;
      margin: 1.0em 0 1.0em 0;
    }


    .leftColumnBox {
      float: left;
      width: 100%;
      margin-bottom: 1.4em;
      padding-top: 5px;
      border-top: 1px solid #444444;
      border-bottom: 1px solid #444444;
      background: url(uploads/Cloudy/news_bg.gif) repeat left bottom;
    }

    #leftColumn p {
      margin-top: 1px;
    }

    #leftColumn h1 {
      clear: both;
      font-size: 0.9em;
      margin-bottom: 1px;
    }

    #rightColumn {
      float: right;
      width: 69%;
    }


    #leftColumn p a,
    #rightColumn p a,
    #rightColumn ul a,
    #footerBox a {
      text-decoration: none;
      color: #999999;
      background: #EEEEEE;

    }

    #leftColumn p a:hover,
    #rightColumn p a:hover,
    #rightColumn ul a:hover,
    #footerBox a:hover {
      color: #111111;
      background: #CCCCCC url(uploads/Cloudy/a_hover.gif) repeat-x left bottom;
    }

    #rightColumn h1 {
      clear: both;
      font-size: 1.0em;
      margin-top: 1.0em;
      border-top: 1px solid #444444;
      border-bottom: 1px solid #444444;
      background: url(uploads/Cloudy/news_bg.gif) repeat left bottom;
    }



/* -- Layout class definitions -- */



    .subHeading {
      margin-bottom:-14px;
      display: block;
      clear: both;
      font-size: 0.85em;
      font-weight: bold;
    }
    .subHeading1 {
      margin: 8px 0px;
      display: block;
      clear: both;
      font-size: 0.85em;
      font-weight: bold;
      text-align:center;
    }
    
    .noDisplay  {
      display: none;
    }

    .bugFix {
      height: 1px;
    }

    .bigRightChar, .bigLeftChar {
      font-size: 5.0em;  
    }

    .bigRightChar {
      float: right;
      width: 11%;
      text-align: left;
    }

    .bigLeftChar {
      float: left;
      width: 10%;
      text-align: right;          
    }
    
    .center {
      text-align: center;
    }
    
    .verticalSpacer {
      height: 1.3em;
    }       
    
    
    
/* -- Element class definitions -- */    
    
    
    
    acronym {
      cursor: help;
      background-color: #FFFFFF;
      border: 1px solid #D2D2D2;      
    }
    
    ul {
      margin-left: 2.0em;
      padding-left: 2.0em;
      list-style-image: url(uploads/Cloudy/bullet.gif);
    }

    ul li:hover {
      list-style-image: url(uploads/Cloudy/bullet_on.gif);
    }   
    
    p {
      margin: 15px 0 15px 0;
    }    
    
    

/* -- Image class definitions -- */



    .imgBlock {
      float: left;
      width: 75%;
      text-align: center;
      padding-left: 10px;
      margin-bottom: 1.0em;
    }

    .imgBlock .imgThree {
      padding: 0 2% 0 2%;
    }

    .imgLeft {
      float: left;
      padding: 5px;      
    }
    
    .imgRight {
      float: right;
      padding: 5px;      
    }    

    .imgText {
      display: block;
      font-size: 0.7em;
    }



/* -- Form element class definitions -- */



    .inputField {
      font-size: 0.70em;
      border: 1px solid #D2D2D2;
      background-color: #FFFFFF;
    }

    .inputField:focus {
      color: #444444;
      border: 1px solid #999999;
    }
 
    
    
/* -- Calendar definitions --    
    
    
    
    .calendar {      
      width: 90%;
      float: right;      
      text-align: center;
      padding-top: 1em;
    }
    
    .row {
      width: 100%;
      float: left;
    }
    
    
    td .day, .blankDay, .currDay, td.heading, .month {
      width: 10%;
      float: left;
      margin: 0px;
      font: 10px helvetica, sans-serif;
      border: 1px solid #FFFFFF;      
    }
    
    td.day {
      text-decoration: none;      
      color: #AAAAAA;
      border: 1px solid #D2D2D2;
    }
td a.day {width: 75%;
      font: 13px helvetica, sans-serif;
      margin: 0px;padding:1px 3px;
      text-decoration: none;      
      color: #AAAAAA;
      border: 1px solid #000;
      background-color: #EEEEEE;
     }
    
    .day:hover {            
      color: #AAAAAA;
      background-color: #EEEEEE;
      border: 1px solid #AAAAAA;
    }    
    
    .currDay {
      cursor: help;
      color: #FFFFFF;
      background-color: #AAAAAA;
      border: 1px solid #AAAAAA;      
    }
    
    .heading {     
      color: #AAAAAA;
    }    
    
    .month {      
      width: 90%;
      text-align: left;
      vertical-align: middle;
      color: #AAAAAA;
    }
    
    .prevMonth {
      text-decoration: none;
      background: url(uploads/Cloudy/icn_prev.gif) no-repeat center center;
    }
    
    .prevMonth:hover {
      text-decoration: none;
      background: url(uploads/Cloudy/icn_prev_on.gif) no-repeat center center;
    }        
    
    .nextMonth {
      text-decoration: none;
      background: url(uploads/Cloudy/icn_next.gif) no-repeat center center;
    } 
    
    .nextMonth:hover {
      text-decoration: none;
      background: url(uploads/Cloudy/icn_next_on.gif) no-repeat center center;
    }  
    
    .prevYear {
      text-decoration: none;
      background: url(uploads/Cloudy/icn_prev_yr.gif) no-repeat center center;
    }
    
    .prevYear:hover {
      text-decoration: none;
      background: url(uploads/Cloudy/icn_prev_yr_on.gif) no-repeat center center;
    }        
    
    .nextYear {
      text-decoration: none;
      background: url(uploads/Cloudy/icn_next_yr.gif) no-repeat center center;
    } 
    
    .nextYear:hover {
      text-decoration: none;
      background: url(uploads/Cloudy/icn_next_yr_on.gif) no-repeat center center;
    }    */

.calendar {      
      width: 95%;
      float: right;      
      text-align: center;
      padding-top: 1em;
    }
    
    .row {
      width: 100%;
      float: left;
    }
    
    
    td .day, .blankDay, .currDay, td.heading, .month {
      width: 10%;
      float: left;
      margin: 0px;
      font: 10px helvetica, sans-serif;
      border: 1px solid #FFFFFF;      
    }
    
    td.day {
      text-decoration: none;      
      color: #AAAAAA;
      border: 1px solid #D2D2D2;
    }
td a.day {width: 75%;
      font: 13px helvetica, sans-serif;
      margin: 0px;padding:1px 3px;
      text-decoration: none;      
      color: #AAAAAA;
      border: 1px solid #000;
      background-color: #EEEEEE;
     }
    
    .day:hover {            
      color: #AAAAAA;
      background-color: #EEEEEE;
      border: 1px solid #AAAAAA;
    }    
    
    .calendar-today {
      ursor: help;
      color: #FFFFFF;
      background-color: #AAAAAA;
      border: 1px solid #AAAAAA;      
    }
    
    .heading {     
      color: #AAAAAA;
    }    
    
    .calendar-month {text-decoration: none;      
      width: 100%;
      text-align: center;
      vertical-align: middle;
      color: #AAAAAA;
    }
    
    .calendar-prev a{
      text-decoration: none;
      background: url(uploads/Cloudy/icn_prev_yr.gif) no-repeat center center;
    }
    
    .calendar-prev:hover a{
      text-decoration: none;
      background: url(uploads/Cloudy/icn_prev_yr_on.gif) no-repeat center center;
    }        
    
    .calendar-next a{
      text-decoration: none;
      background: url(uploads/Cloudy/icn_next_yr.gif) no-repeat center center;
    } 
    
    .calendar-next:hover a{
      text-decoration: none;
      background: url(uploads/Cloudy/icn_next_yr_on.gif) no-repeat center center;
    }  
    
    .prevYear {
      text-decoration: none;
      background: url(uploads/Cloudy/icn_prev_yr.gif) no-repeat center center;
    }
    
    .prevYear:hover {
      text-decoration: none;
      background: url(uploads/Cloudy/icn_prev_yr_on.gif) no-repeat center center;
    }        
    
    .nextYear {
      text-decoration: none;
      background: url(uploads/Cloudy/icn_next_yr.gif) no-repeat center center;
    } 
    
    .nextYear:hover {
      text-decoration: none;
      background: url(uploads/Cloudy/icn_next_yr_on.gif) no-repeat center center;
    }          
    

/* End of 'Cloudy : cloudy' */

/* Start of CMSMS style sheet 'Calendar CSS example' */
/*
Example stylesheet for Calendar module

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

{cms_module module='Calendar' table_id='big'}

*/



/* make all links grey */
.calendar tr td a
{
  color: grey;
}

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

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h2, #cal-upcominglist h2
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
  margin: 0px;
  border-collapse:    collapse;
  border: 1px solid white;
}

/* nice squares for the #big table */
#big th
{
  border: 1px solid white;
  padding: 3px;
  width: 75px;
}

#big td {
  border: 1px solid white;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #big */
#big ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#big li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #big */
#big td
{
  background-color: white;
}

#big .calendar-day
{
  background-color: #cccccc;
}

#big .calendar-today
{
  font-weight: normal;
  background-color: #cccccc;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}
/* End of 'Calendar CSS example' */