/* Start of CMSMS style sheet 'wcss-stylesheet' */
/* West Coast Steiner School Styles */

#page-container {
	width: 800px;
	margin: auto;
	background-color: #FFFFFF;
	background-image: url(../uploads/images/right-content_bround.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#page-container .index {
	width: 800px;
	margin: auto;
	background-color: #FFFFFF;
}

html, body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(../uploads/images/body_bg.gif);
	background-repeat: repeat-x;
}



/* Divs */

#top {
	background-color: #9999CC;
	background-image: url(../uploads/images/top_banner2.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 160px;
	width: 800px;
}

#top-spacer {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 6px;
	width: 100%;
}

#nav {
	background-color: #5E5D85;
	clear: both;
	height: 30px;
	width: 100%;
}

#nav .paddingnav {
	margin: 0px;
	padding-left: 45px;
}


#nav dl { margin: 0; padding: 0; }


#nav dt { float: left; }


#nav dt a {
	display: block;
	height: 0px !important;
	height /**/:30px; /* IE 5/Win hack */ 
	padding: 30px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#nav dt a:hover {
	background-position: 0 -30px;
}

#nav dt#home,
#nav dt#home a { width: 75px; background-image: url(../uploads/images/nav/home.gif); }

#nav dt#about,
#nav dt#about a { width: 70px; background-image: url(../uploads/images/nav/about.gif); }

#nav dt#child,
#nav dt#child a { width: 130px; background-image: url(../uploads/images/nav/child.gif); }

#nav dt#primary,
#nav dt#primary a { width: 68px; background-image: url(../uploads/images/nav/primary.gif); }

#nav dt#waldorf,
#nav dt#waldorf a { width: 149px; background-image: url(../uploads/images/nav/waldorf.gif); }

#nav dt#faq,
#nav dt#faq a { width: 39px; background-image: url(../uploads/images/nav/faq.gif); }

#nav dt#resources,
#nav dt#resources a { width: 79px; background-image: url(../uploads/images/nav/resources.gif); }

#nav dt#contact,
#nav dt#contact a { width: 86px; background-image: url(../uploads/images/nav/contact.gif); }


body.home dt#home,
body.home dt#home a,
body.about dt#about,
body.about dt#about a,
body.child dt#child,
body.child dt#child a,
body.primary dt#primary,
body.primary dt#primary a,
body.waldorf dt#waldorf,
body.waldorf dt#waldorf a,
body.faq dt#faq,
body.faq dt#faq a,
body.resources dt#resources,
body.resources dt#resources a,
body.contact dt#contact,
body.contact dt#contact a {
	background-position: 0 -60px;
}

#sec-nav {
	background-color: #9999CC;
	margin: 0px;
	clear: both;
	height: 30px;
	width: 100%;
}

#sec-nav .paddingabout {
	margin: 0px;
	padding-top: 3px;
	padding-left: 126px;
}


#sec-nav .paddingchild {
	margin: 0px;
	padding-top: 3px;
	padding-left: 195px;
}

#sec-nav .paddingprimary {
	margin: 0px;
	padding-top: 3px;
	padding-left: 327px;
}

#sec-nav .paddingwaldorf {
	margin: 0px;
	padding-top: 3px;
	padding-left: 395px;
}

#sec-nav .paddingresources {
	margin: 0px;
	padding-top: 3px;
	padding-left: 418px;
}

#sec-nav .paddingcontact {
	margin: 0px;
	padding-top: 3px;
	padding-left: 662px;
}

#sec-nav a {
	font-family: Century Gothic;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding-right: 20px;
}

#sec-nav a:hover {
	font-family: Century Gothic;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
	margin: 0px;
	padding-right: 20px;
}

#left-content {
	background-color: #FFFFFF;
	float: left;
	width: 280px;
	margin: 0px;
	padding: 0px;
}

#photo-left-content {
	background-color: #FFFFFF;
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
}

#photo-left-content .paddingPhotoLeftContent {
	margin: 0px;
	padding-top: 30px;
	padding-right: 12px;
	padding-bottom: 60px;
	padding-left: 45px;
}

#left-content .paddingLeftContent {
	margin: 0px;
	padding-top: 30px;
	padding-right: 12px;
	padding-bottom: 60px;


	padding-left: 45px;
}

#left-content p {
	font-family: Century Gothic;
	font-size: 11px;
	line-height: 18px;
	color: #666666;
	margin: 0px;
	padding-bottom: 18px;
}

#left-content .plight {
	font-family: Century Gothic;
	font-size: 11px;
	line-height: 18px;
	color: #999999;
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 0px;
}

#left-content .pquote {
	font-family: Century Gothic;
	font-size: 12px;
	line-height: 18px;
	color: #666699;
	margin: 0px;
	padding-top: 6px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	padding-left: 20px;
}

#left-content .pcaption {
	font-family: Century Gothic;
	font-size: 11px;
	line-height: 14px;
	color: #999999;
	padding-bottom: 16px;
}



#left-content a {
	font-family: Century Gothic;
	font-size: 11px;
	line-height: 18px;
	color: #9B82DF;
	margin: 0px;
	padding-bottom: 18px;
	text-decoration: none;
}

#left-content a:hover {
	font-family: Century Gothic;
	font-size: 11px;
	line-height: 18px;
	color: #9B82DF;
	margin: 0px;
	padding-bottom: 18px;
	text-decoration: underline;
}

#left-content h3 {
	font-family: Century Gothic;
	font-size: 13px;
	color: #9B82DF;
	margin: 0px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9B82DF;
}

#left-content hr {
	color: #FFFFFF;
	background-color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	height: 1px;
	width: 100%;
}

#right-content {
	float: right;
	padding: 0px;
	margin: 0px;
	width: 500px;
}

#photo-right-content {
	float: right;
	padding: 0px;
	margin: 0px;
	width: 550px;
}

#photo-right-content .paddingPhotoRightContent {
	margin: 0px;
	padding-top: 50px;
	padding-right: 30px;
	padding-left: 20px;
	padding-bottom: 120px;
}

#photo-right-content p {
	font-family: Century Gothic;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	padding-bottom: 15px;
	margin: 0px;
	padding-top: 0px;
}

#photo-right-content a {
	font-family: Century Gothic;
	font-size: 12px;
	line-height: 18px;
	color: #9B82DF;
	text-decoration: none;
}

#photo-right-content a:hover {
	font-family: Century Gothic;
	font-size: 12px;
	line-height: 18px;
	color: #9B82DF;
	text-decoration: underline;

}

#photo-right-content h3 {
	font-family: Century Gothic;
	font-size: 14px;
	line-height: 18px;
	color: #9B82DF;
	padding-bottom: 20px;
}


#right-content .paddingRightContent {
	margin: 0px;
	padding-top: 50px;
	padding-right: 50px;
	padding-left: 30px;
	padding-bottom: 120px;
}

#right-content .paddingindex {
	margin: 0px;
	padding-top: 70px;
	padding-right: 35px;
	padding-bottom: 120px;
	padding-left: 50px;
	text-align: center;
}

#right-content p {
	font-family: Century Gothic;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	padding-bottom: 15px;
	margin: 0px;
	padding-top: 0px;
}

#right-content .pcaption {
	font-family: Century Gothic;
	font-size: 11px;
	line-height: 14px;
	color: #999999;
	padding-bottom: 16px;
}

#right-content .pquote {
	font-family: Century Gothic;
	font-size: 12px;
	line-height: 18px;
	color: #666699;
	margin: 0px;
	padding-top: 6px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
}

#right-content ul {
	margin: 0px;
	padding-left: 30px;
	padding-bottom: 15px;
}

#right-content li {
	font-family: Century Gothic;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	list-style-position: outside;
	list-style-type: disc;
	margin: 0px;
	padding-bottom: 18px;
}

#right-content a {
	font-family: Century Gothic;
	font-size: 12px;
	line-height: 18px;
	color: #9B82DF;
	text-decoration: none;
}

#right-content a:hover {
	font-family: Century Gothic;
	font-size: 12px;
	line-height: 18px;
	color: #9B82DF;
	text-decoration: underline;

}

#right-content h3 {
	font-family: Century Gothic;
	font-size: 14px;
	line-height: 18px;
	color: #9B82DF;
	padding-bottom: 20px;
}

#right-content img {
	margin: 0px;
	padding: 0px;
}

#open-content {
	background-color: #FFFFFF;
	margin: auto;
	padding: 0px;
	clear: both;
	width: 600px;
}

#open-content .opencontentPadding {
	margin: 0px;
	padding-top: 60px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
}

#open-content p {
	font-family: Century Gothic;
	font-size: 11px;
	color: #666666;
	margin: 0px;
	padding-bottom: 15px;
	line-height: 16px;
}

#open-content h3 {
	font-family: Century Gothic;
	font-size: 14px;
	color: #666699;
	margin: 0px;
	padding-bottom: 15px;
	line-height: 16px;
}

#open-content a {
 	font-family: Century Gothic;
	font-size: 11px;
	color: #9B82DF;
	text-decoration: none;
}

#open-content a:hover {
 	font-family: Century Gothic;
	font-size: 11px;
	color: #9B82DF;
	text-decoration: underline;
}


#open-content .pcaption {
	font-family: Century Gothic;
	font-size: 11px;
	line-height: 14px;
	color: #999999;
	margin: 0px;
	padding-top: 5px;
}

#open-content img {
	margin: 0px;
	padding: 0px;
}

#open-content ul {
	margin: 0px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-right: 40px;
	list-style-position: outside;
	list-style-type: disc;
	padding-top: 0px;
}

#open-content .ulNumbers {
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
	list-style-type: decimal;
}


#open-content li {
	font-family: Century Gothic;
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	margin: 0px;
	padding-bottom: 8px;
	padding-left: 8px;
}



#open-footer {
	background-color: #FFFFFF;
	margin: auto;
	padding: 0px;
	clear: both;
	width: 600px;
	background-image: url(../uploads/images/open_footer_bround.jpg);
	background-repeat: no-repeat;
	height: 180px;
	text-align: right;
}

#open-footer a {
	font-family: Century Gothic;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #666699;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}


#open-footer a:hover {
	font-family: Century Gothic;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #666699;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#open-footer .pclosewindow {
	font-family: Century Gothic;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #666699;
	text-decoration: none;
	margin: 0px;
	padding-top: 20px;
	padding-right: 50px;
}

#open-left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 300px;
}

#open-right {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	float: left;
}



/* Footer */

#footer {
	clear: both;
	height: 60px;
	font-family: Tahoma, Arial;
	font-size: 10px;
	color: #999999;
	margin: 0px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	background-color: #FFFFFF;
}

#footer a {
	color: #999999;
	text-decoration: none;
}

#footer a:hover {
	color: #9999CC;
}

#footer #altnav {
	width: 530px;
	float: left;
	background-image: url(../uploads/images/icons/steiner-logo_small.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 75px;
	text-align: right;
}

#footer #altnav .paddingFooter {
	padding-right: 95px;
}


/* M2 Digital logo link */

#m2digitallink {
	float: left;	
}

#m2digitalLogo {
	float: right;
	margin: 0px;
	padding-top: 1px;
}

#m2digital {
	float: left;
	display: block;
	width: 76px;
	height: 12px;
	background-image: url(../uploads/images/icons/m2digital_logoSmall.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#m2digital:hover { 
  background-position: 0 -12px;
}

#m2digital span {
  display: none;
}

/* Photo Album Styles */

/* Album Module CSS for default, ImageGallery, and Thickbox templates */
/* Used for categories to make things clear correctly */
#photo-right-content .album_content {
	width:500px; 
	float:left;
}
#photo-right-content .clear {
	clear:both
}
/* Album List UL */
#photo-right-content .albumlist
{
	float:left;
	margin: 0;
	padding: 0;
}

/* Picture List UL */
#photo-right-content .picturelist
{
	margin: 0;
	padding: 0;
}

/* Album and Picture Lists */
#photo-right-content .thumb
{
	padding:0;
	width:150px;
	/* Thumbnail spacing */
	text-decoration:none;
	line-height:normal;
	list-style-type:none;
	text-align:center;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
}

#photo-right-content .thumb a
{
	display:block;
	height:80px;
	/* Set link formatting*/
	width:100px;
	/* Thumb width*/ 
	
/* Thumb height*/
	padding:10px;
	/* Thumb padding to form thumb frame */
/* You can set the above to 0px = no frame - but no hover indication!*/
	margin:0px;
	text-decoration:none;
	border: 1px solid #CCCCCC;
	text-align: center;
	float: left;
}

/* Styling of text and navigation for Album */
#photo-right-content .albumname {
	font-family: Century Gothic;
	font-size: 14px;
	line-height: 18px;
	color: #9B82DF;
	padding-bottom: 12px;
	padding-top: 0px;
	text-align: left;
	margin: 0px;
}

#photo-right-content .albumname a {
	font-family: Century Gothic;
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 15px;
	margin: 0px;
	padding-top: 0px;
	text-align: left;
	text-decoration: none;
}

#photo-right-content .albumname a:hover {
	font-family: Century Gothic;
	font-size: 12px;
	line-height: 20px;
	color: #9B82DF;
	padding-bottom: 15px;
	margin: 0px;
	padding-top: 0px;
	text-align: left;
	text-decoration: underline;
}

#photo-right-content .albumpicturecount {
	font-family: Century Gothic;
	font-size: 11px;
	line-height: 20px;
	color: #666666;
	margin: 0px;
	text-align: left;
	padding: 0px;
}

#photo-right-content .albumcomment {
	font-family: Century Gothic;
	font-size: 11px;
	line-height: 20px;
	color: #666666;
	padding-bottom: 15px;
	margin: 0px;
	padding-top: 0px;
	text-align: left;
}


/* Big Picture */
.bigpicture
{
	padding:0.5em 0 0;
	clear:left;
	border-top:1px solid #ccc;
	text-align:center;
}

.bigpicturecaption
{
/* Big picture caption */
	text-align:center;
	margin:0 0 5px;
	padding:0;
}

.bigpicture img
{
/* Big picture settings */
	padding:18px;
/* Image padding to form photo frame. */
	width:80%;
/* Width of big picture - set to auto for actual width*/
	margin:0;
	background-color:white;
/* Background of picture */
	border-top:1px solid #eee;
/* Borders of picture frame */
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-left:1px solid #eee;
	text-decoration:none;
}

.bigpicturenav
{
	margin:0;
	padding:0;
	color:#000;
	font-size:smaller;
	line-height:normal;
}
/* End of 'wcss-stylesheet' */

/* Start of CMSMS style sheet 'wcss-calendar-stylesheet' */
/* CSS Document */

/*
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'}

*/



/** large calendar rules (assuming table_id='big') **/
/* border on for #big */

#big {
	margin: 0px;
	border-collapse: collapse;
	font-family: Arial;
	font-size: 11px;
	line-height: 11px;
	color: #666666;
}


#small {
	margin: 0px;
    border-collapse: collapse;
	border: 1px solid;
	font-family: Arial;
	font-size: 10px;
	line-height: 10px;
	color: #757575;
	width: 100%;
}

/* nice squares for the #big table */

#big th {
	border: 1px solid #666699;
	padding: 3px;
	width: 75px;
	background-color: #666699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

#small th {
	border: 1px solid #666699;
	padding: 3px;
	background-color: #666699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#big td {
  border: 1px solid #666666;
  vertical-align: top;
  padding: 3px;
  height: 50px;
  width: 60px;
}

#small td {
	height: 15px;
	width: 20px;
	padding-top: 4px;
	padding-left: 8px;
	padding-bottom: 4px;
}

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

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

#big .calendar-month {
	padding-bottom: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #666666;
}

#big .calendar-month .calendar-prev a {
	font-family: Arial;
	font-size: 18px;
	line-height: 18px;
	color: #666699;
	text-decoration: none;
	padding: 0px;
	font-weight: bold;
}

#big .calendar-month .calendar-prev a:hover {
	font-family: Arial;
	font-size: 18px;
	line-height: 18px;
	color: #666699;
	text-decoration: underline;
	padding: 0px;
	font-weight: bold;
}

#big .calendar-month .calendar-next a {
	font-family: Arial;
	font-size: 18px;
	line-height: 18px;
	color: #666699;
	text-decoration: none;
	padding: 0px;
	font-weight: bold;
}

#big .calendar-month .calendar-next a:hover {
	font-family: Arial;
	font-size: 18px;
	line-height: 18px;
	color: #666699;
	text-decoration: underline;
	padding: 0px;
	font-weight: bold;
}


/* background colours for #big */

#big .calendar-today {
	background-color: #666699;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
}

#big .calendar-today a {
	font-family: Arial;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px;
	font-weight: bold;
}

#big .calendar-today a:hover {
	font-family: Arial;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	text-decoration: underline;
	padding: 0px;
	font-weight: bold;
}

#big .calendar-events {
	background-color: #CCCCE6;
}

#big .calendar-events a {
	font-family: Arial;
	font-size: 11px;
	line-height: 14px;
	color: #666699;
	text-decoration: none;
	padding: 0px;
	font-weight: bold;
}

#big .calendar-events a:hover {
	font-family: Arial;
	font-size: 11px;
	line-height: 14px;
	color: #666699;
	text-decoration: underline;
	padding: 0px;
	font-weight: bold;
}

#big .calendar-day {
}

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

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

#small a {
	font-family: Arial;
	font-size: 10px;
	line-height: 10px;
	color: #666699;
	text-decoration: none;
	padding: 0px;
	font-weight: bold;
}

#small a:hover {
	font-family: Arial;
	font-size: 10px;
	line-height: 10px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px;
	font-weight: bold;
}


/* background colours for #small */

#small .calendar-today {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	font-weight: normal;
	background-color: #666699;
}

#small .calendar-today a {
	font-family: Arial;
	font-size: 10px;
	line-height: 10px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px;
	font-weight: bold;
}

#small .calendar-today a:hover {
	font-family: Arial;
	font-size: 10px;
	line-height: 10px;
	color: #FFFFFF;
	text-decoration: underline;
	padding: 0px;
	font-weight: bold;
}

#small .calendar-events {
	background-color: #CCCCE6;
}

#small .calendar-events a {
	font-family: Arial;
	font-size: 10px;
	line-height: 10px;
	color: #666699;
	text-decoration: none;
	padding: 0px;
	font-weight: bold;
}

#small .calendar-events a:hover {
	font-family: Arial;
	font-size: 10px;
	line-height: 10px;
	color: #666699;
	text-decoration: underline;
	padding: 0px;
	font-weight: bold;
}

#small .calendar-day {
}


#small .calendar-month {
	padding-bottom: 4px;
}


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

/* Event Text styles */

.calendar-event h1 {
	font-family: Georgia;
	font-size: 13px;
	color: #9B82DF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9B82DF;
	padding-top: 26px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	padding-bottom: 5px;
	line-height: 21px;
}

.calendar-date-from {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	padding-bottom: 24px;
}

.calendar-details {
	font-family: Georgia;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	padding-bottom: 15px;
	margin: 0px;
	padding-top: 0px;
}


/* Upcoming List styles */


.calendar-event {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666699;
	padding-bottom: 24px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 24px;
	margin-left: 0px;
}

.calendar-event h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px;
	color: #666699;
	margin: 0px;
	padding-bottom: 8px;
}
/* End of 'wcss-calendar-stylesheet' */