/* Start of CMSMS style sheet 'events' */
/* centre column event styles */
/* a bug appears if no width set here! */
#events .calendar-event {
width:220px;
margin:10px 0px 0px 0px;
background-color:#ddd;
height:61px;
}

.calendar-event {
overflow:hidden;
}

#right_col_3_col #events .calendar-event {
width:220px;
margin:4px 0px 0px 0px;
background-color:#ddd;
height:61px;
}

#right_col3 #events .calendar-event {
margin:10px 0px 10px 0px;
}

/* events in RHS col */
#right_col_3_col #events .courses {
width:220px;
padding:0;
margin:0 6px 12px 0;
}

#events .courses {
width:220px;
float:left;
padding:0;
margin:0 6px 0 0;
}

/* minus margin here! I don't like it! */
#right_col_3_col #events {
xmargin-bottom:-10px;
padding-bottom:0px;
}

#events h2, #centre_col_3_col h2 {
font-size:13px;
}

#events_col1 {
xbackground-color:#ff3300;
float:left;
}

#events_col2 {
xbackground-color:#ff99bb;
float:left;
}

#events h2 span.header_span, #centre_col_3_col h2 span.header_span {
font-weight:normal;
}

#events .calendar-summary {
font-size:10px;
line-height:125%;
}

#events .calendar-date-from {
font-size:11px;
font-weight:bold;
}

#events .calendar-event h2 {
font-weight:normal;
}

#events .courses .calendar-event .event_thumbnail {
margin:0 5px 0 0;
padding:0;
float:left;
}

#events .courses .calendar-event .event_thumbnail img {
border:0;
}

#events .courses .calendar-event h2 {
margin:0;
padding:0;
font-weight:normal;
font-style:italic;
font-size:12px;
color:#333;
}

#right_col_3_col p.see_all {
margin:4px 0 0 0;
padding:0;
text-align:right;
}

/* colours for st and pd */
body#porthdafen #centre_col_3_col .calendar-event #event_header_float {
background-color:#CC2D29;
}

body#porthdafen #centre_col_3_col .calendar-upcominglist .calendar-event #event_header_float {
background-color:#000;
}

body#sarah_tombs #centre_col_3_col .calendar-event #event_header_float {
background-color:#373132;
}

#centre_col .calendar-event #event_header_float, 
#centre_col_3_col .calendar-event #event_header_float {
height:120px;
margin:0 0 10px 0;
}

#centre_col .calendar-event #event_header_float p.one_day, 
#centre_col_3_col .calendar-event #event_header_float p.one_day {
color:#fff;
font-style:italic;
}

#centre_col .calendar-event #event_header_float .calendar-summary,
#centre_col_3_col .calendar-event #event_header_float .calendar-summary {
color:#fff;
}

#centre_col .calendar-event #event_header_float .calendar-date-from,
#centre_col_3_col .calendar-event #event_header_float .calendar-date-from {
color:#fff;
font-weight:bold;
}

#centre_col .calendar-event #event_header_float h1,
#centre_col_3_col .calendar-event #event_header_float h1 {
margin:0 0 10px 0;
font-weight:normal;
font-size:14px;
color:#fff;
}

#centre_col .calendar-event #event_header_float .event_thumbnail img,
#centre_col_3_col .calendar-event #event_header_float .event_thumbnail img {
xmargin:0 5px 10px 0;
}

#centre_col .calendar-event #event_header_float .event_thumbnail,
#centre_col_3_col .calendar-event #event_header_float .event_thumbnail {
float:left;
border-right:4px solid #fff;
margin:0 8px 0 0;
}

#right_col3 #list_navigation, #right_col_3_col #list_navigation {
width:100px;
margin:0 0 8px 0;
float:right;
}


#right_col3 #events #list_date, #right_col_3_col  #events #list_date {
width:100px;
font-weight:bold;
float:left;
}

/* all event summaries as links */
.calendar-event a {
color:#333;
text-decoration:none;
}

.calendar-event a:hover {
color:#333;
text-decoration:underline;
}

#right_col_3_col #events {
margin:0;
padding:0;
}

.cost {
padding:4px 8px 0 0;
color:#fff;
}

h1#list_date {
font-weight:normal;
font-size:18px;
color:#666;
margin:10px 0 10px 0;
}

#month_nav_bottom {
margin:0 0 15px 0;
}
/* End of 'events' */

/* Start of CMSMS style sheet 'navigation' */
#content_wrapper #left_nav ul {
list-style-type:none;
padding:0;
margin:8px 0 8px 12px;
}

#sarah_tombs #content_wrapper ul li {
letter-spacing:0.5px;
margin:0 0 10px 0;
}

#sarah_tombs #content_wrapper ul li a {
color:#333;
text-decoration:none;
font-weight:bold;
}

#sarah_tombs #content_wrapper ul li h3 {
font-weight:bold;
color:#999;
font-size:12px;
}


/* link styles for porthdafen area */
#content_wrapper #left_nav ul {
list-style-type:none;
margin:8px 0 8px 12px;
}

#porthdafen #content_wrapper ul li {
letter-spacing:0.5px;
margin:0 0 10px 0;
}

#porthdafen #content_wrapper ul li a {
color:#333;
text-decoration:none;
font-weight:bold;
}

#porthdafen #content_wrapper ul li h3 {
font-weight:bold;
color:#cc2d29;
font-size:12px;
}



/* End of 'navigation' */

/* Start of CMSMS style sheet 'main_styles' */
@charset "utf-8";
/* CSS Document */

/* reset all margins and padding */
* {
margin:0;
padding:0;
line-height:140%;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding-top:0;
margin-top:0;
}

/* sarah tombs specific visuals */
body#sarah_tombs {
background-image:url(uploads/images/visuals/stripe_pale.gif);
background-repeat:repeat-x;
}

body#sarah_tombs #wrapper #logo {
background-color:#373132;
background-color:#464041;
background-image:url(uploads/images/visuals/sarah_tombs_logo.gif);
background-repeat:no-repeat;
margin:0;
padding:0;
}

body#sarah_tombs #wrapper #content_header, body#porthdafen #wrapper #content_header {
background-image:url(uploads/images/visuals/sarah_tombs_info_header.jpg);
background-repeat:no-repeat;
border-bottom:8px solid #fff;
}


/* porth dafen specific visuals */
body#porthdafen {
background-image:url(uploads/images/visuals/porthdafen_stripe.gif);
background-repeat:repeat-x;
}

body#porthdafen #wrapper #logo {
background-color:#CC2D29;
background-image:url(uploads/images/visuals/porthdafen_logo2.gif);
background-repeat:no-repeat;
}

/* set main wrapper to centre */
#wrapper {
width:886px;
margin:0 auto;
overflow:auto;
position:relative;
padding:0;
}

/* apply logo */
#wrapper #logo {
height:78px;
}

#wrapper #logo h1 {
text-indent:-9999px;
margin:0;
padding:0;

}

/* wrapper for left right and centre cols */
#content_wrapper {
background-image:url(uploads/images/visuals/menu_bg.gif);
background-repeat:repeat-y;
padding-left:76px;
margin-top:8px;
overflow:hidden;
}

#span_text {
margin:0px 0 8px 0;
padding:0 8px 0 0;
}

/* header image for each page */
#content_wrapper #content_header {
height:175px;
}

#content_wrapper #content_header h1 {
text-indent:-9999px;
margin:0;
padding:0;
}

/* left navigation - floated left*/
#content_wrapper #left_nav {
margin-top:8px;
margin-right:8px;
width:115px;
float:left;
height:300px;
}

/* centre column*/
#content_wrapper #centre_col {
margin:8px 0px 0 0;
width:687px;
float:left;
}

/* links in body text */
#content_wrapper a {
color:#333;
text-decoration:none;
font-weight:bold;
}

#content_wrapper a:hover {
color:#333;
text-decoration:underline;
font-weight:bold;
}

/* centre column3 */
#content_wrapper #centre_col3 {
margin:8px 0 150px 0px;
width:452px;
float:left;
}

body#sarah_tombs #content_wrapper #centre_col3 {
margin:8px 0 150px 0px;
width:452px;
float:left;
}

body#sarah_tombs #content_wrapper #centre_col3_contact {
margin:0px 0 150px 0px;
width:452px;
float:left;
}

/* right column3 - floated right*/
#right_col3 {
margin:8px 0 0 0;
width:192px;
float:left;
}

/* centre column 3 col */
#content_wrapper #centre_col_3_col {
margin:0px 0 0 0;
padding:0 15px 0 0;
width:437px;
float:left;
xbackground-color:#ccc;
overflow:auto;

}

/* right column 3 col - floated right*/
#right_col_3_col {
margin:-3px 0 0 0;
width:192px;
float:left;
}

#footer {
position:absolute;
bottom:0;
margin:20px 0 15px 0;
padding:10px 0 10px 0;
color:#333;
border-top:1px solid #999;
}

#footer a, #footer_test a {
color:#333;
text-decoration:none;
font-weight:bold;
}

#footer a:hover, #footer_test a:hover {
color:#333;
text-decoration:underline;
font-weight:bold;
}

#footer_test {
height:100px;
padding:50px 0 0 205px;
color:#333;
background-image:url(uploads/images/visuals/menu_bg.gif);
background-repeat:repeat-y;
}

#footer_test .footer_border {
padding:15px 0 15px 0;
border-top:1px solid #ccc;
}




/* set up link box styles */
#right_col3 .link_box_to_st, 
#right_col3 .link_box_to_pd,
#right_col_3_col .link_box_to_pd,
#right_col_3_col .link_box_to_st {
height:40px;
width:212px;
text-align:right;
padding:5px 8px 5px 0;
margin:0;
}

/* set up styles within link box */
#right_col_3_col .link_box_to_pd a, 
#right_col_3_col .link_box_to_st a, 
#right_col3 .link_box_to_st a, 
#right_col3 .link_box_to_pd a {
height:40px;
display:block;
color:#fff;
text-decoration:none;
}

/* set up link box colours for each page */
#right_col_3_col .link_box_to_st, 
#right_col3 .link_box_to_st {
background-color:#333;
background-image:url(uploads/images/visuals/pd_to_st.gif);
background-repeat:no-repeat;
}

#right_col_3_col .link_box_to_pd, 
#right_col3 .link_box_to_pd  {
background-color:#cc2d29;
background-image:url(uploads/images/visuals/st_to_pd.gif);
background-repeat:no-repeat;
}

/* user styles here, these are added to tinymce */
.float_left {
float:left;
margin:0 8px 0 0;
}

.float_right {
float:right;
margin:0 0 0 8px;
}

.grey_text {
color:#ccc;
}

.clr {
clear:both;
}



/* End of 'main_styles' */

/* Start of CMSMS style sheet 'Module: News' */
xdiv#news {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #FFE9AF; 
}

xdiv#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    background-color:#ccc;
}

x.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

x.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

x.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

x.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary {
  line-height: 140%;
 }

.NewsSummarySummary img, .NewsSummarySummary .title_link {
float:left;
 }

.
x.NewsSummaryMorelink {
  padding-top: 0.5em;
}

x#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

x#NewsPostDetailSummary {
   line-height: 150%;
   }

x#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

x#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

x#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/* End of 'Module: News' */