/* Start of CMSMS style sheet 'WSCFCSS' */
/* Nav-Horizontal======================================================== */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* NAV */

* html div#menu_horiz {
        /* hide ie/mac \*/
        height: 1%;
        /* end hide */
}

div#menu_horiz {
      background-color: #FCFBFA;
      width: 100%;
      margin: 0;
      text-align: center;
}

div#menu_horiz ul {
        height:1.79em;
        margin: 0;
        padding: 0;
        list-style: none;
        border: 1px solid #CBC5C1;
}

div#menu_horiz li {
        float: left;
        display: inline;
        list-style: none;
        margin: 0 ;
        border-right: 1px solid #CBC5C1;
        font-weight: bold;
        font-size:1.1em;
}

div#menu_horiz li a {
        border-right: none;
}

div#menu_horiz a
div#menu_horiz a:active,
div#menu_horiz a:link,
div#menu_horiz a:visited {
        display: block;
        padding: 5px 10px;

        /* hide from ie/mac \*/
        display: block;
        /* end hide */

        text-decoration: none;
        margin: 0;
        color: #333333;
        background: #FCFBFA;
}


div#menu_horiz li a:hover {
        display: block;
        padding: 5px 10px;
	background-color: #60513A;
	color: #FFFFFF
}

div#menu_horiz .activeparent {
        display: inline-block;
        font-weight: bold;
        /* hide from ie/mac \*/
        display: block;
        /* end hide */    
	background-color: #abb0b6;
}

div#menu_horiz .current a,
div#menu_horiz .current a:link,
div#menu_horiz .current a:active,
div#menu_horiz .current a:visited,
div#menu_horiz .current a:hover,
div#menu_horiz .activeparent a,
div#menu_horiz .activeparent a:link,
div#menu_horiz .activeparent a:active,
div#menu_horiz .activeparent a:visited,
div#menu_horiz .activeparent a:hover 
{
        display: block;
        padding: 5px 10px;
	background-color: #008AA3;
	color: #FFFFFF;
}

/* END NAV */

div#menu_horiz li.active01 h3 {
        display: inline-block;
        padding: 5px 10px; 

        /* hide from ie/mac \*/
        display: block;
        /* end hide */
        font-size: 1em;
        line-height: .92em;
        text-decoration: none;
        margin: 0;
        color: #FFFFFF;
        background-color: #008AA3;
}

#menu_horiz li.active02 h3 {
        display: block;
        text-decoration: none;
        padding: 5px 5px 5px 10px;
        font-weight: normal;
        color: #60513A;
        margin: 0;
        font-size: 1em;
        background-color: #FCFBFA;
}

#menu_horiz li.active03 h3
{
        display: block;
        padding: 3px 5px 3px 25px;
        font-size: 90%;
        font-weight: normal;
        color: #60513A;
        margin: 0;
}

/* Nav-Vertical======================================================== */
#wscfstuff {
    display: block;
    text-decoration: none;
    padding: 0 0 0 10px;
    color: #008AA3;
    margin=0;
}

#communitynet {
    display: block;
    text-decoration: none;
    padding: 0 0 0 10px;
    color: #60513A;
    margin=0;
}

#more{
    display: block;
    text-decoration: none;
    color: #60513A;
}

#menu_vert, #menu_vert ul {
    margin: 0;
    padding: 0;
    margin-top: 5px;
}

#menu_vert ul {
    width: 100%; /* Width of Menu Items */
    border-top: 1px solid #CBC5C1;
    border-right: 1px solid #CBC5C1;
    background: #FCFBFA;
}

#menu_vert li {
    width: 100%;
    list-style: none;
}

#menu_vert li a {
    display: block;
    text-decoration: none;
    padding: 6px 6px 6px 10px;
    border-bottom: 1px solid #CBC5C1;
    color: #333333;
}

/* Fix IE. Hide from IE Mac \*/
* html #menu_vert li { float: left; height: 1%; }
* html #menu_vert li a { height: 1%; }
/* End */

div#menu_vert ul ul li a, 
div#menu_vert ul ul li a:link, 
div#menu_vert ul ul li a:visited  {
        display: block;
        padding: 3px 5px 3px 25px;
        border-bottom: none;
        font-size: 90%;
        padding-left: 40px;
}

div#menu_vert ul ul  {
      border-right: none;
      border-top: none;
      border-bottom: 1px solid #CBC5C1;
      padding-bottom: 5px;
      margin-top: 0;
}

div#menu_vert ul ul ul  {
      border-bottom: none;
    }

#menu_vert li ul li a { padding: 5px 5px; } /* Sub Menu Styles */

/* fixed image flicker by adding .cssmenu-vertical ul */

#menu_vert li a:hover {
	background-color: #60513A;
	color: #FFFFFF;
}

.current
{
	list-style-type: square;
	display: inline;
	background-color: #33a1b5;
}

#menu_vert li.activeparent {
       background-color: #CBC5C1;
}

#menu_vert li.active01 h3 {
      display: block;
      text-decoration: none;
      padding: 5px 5px 5px 10px;
      border-bottom: 1px solid #CBC5C1;
      color: #FFFFFF;
      margin: 0;
      font-size: 1em;
      line-height: 1em;
      background-color: #008AA3;
      font-weight: normal;
}

#menu_vert li.active02 h3
{
  display: block;
  padding: 3px 5px 3px 25px;
  border-bottom: none;
  font-size: 90%;
  font-weight: bold;
  color: #60513a;
  margin: 0;
}

#menu_vert li.active03 h3
{
  display: block;
  padding: 3px 5px 3px 40px;
  border-bottom: none;
  font-size: 90%;
  font-weight: bold;
  color: #333333;
  margin: 0;
}

li.sectionheader {
  margin: 0;
  margin-right: -1px;
 }

li.sectionheader h3 {
   margin: 0;
   padding: 1em 10px 0.5em 10px;
   border: none;
   background-color: #fff;
  border-bottom: 1px solid #CBC5C1;
  z-index: 90;
}

li.separator {
   height: 1px;
   padding: 0.5em 0;
   margin: 0;
   width: 100%;
   border-bottom: 1px dotted black
}

/* Tools======================================================== */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* clearing */
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */


/* replace */
	.replace {
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	/* tidy these up */
	.replace * {
		text-indent: -10000px;
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	.replace a {
		text-indent:0;
	}
	.replace a span {
		text-indent:-10000px;
	}
/* end replace */


/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }
dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
/* end accessibility */

/* News======================================================== */
.NewsSummary {
    margin-bottom: 2em;
 }

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

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

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
  margin-bottom: 10px;
 }

#NewsPostDetailDate {
  font-size: 90%;
  font-style: italic;
  margin-bottom: 5px;
  }

#NewsPostDetailSummary {
   margin-bottom: 10px;
  line-height: 150%;
   } 

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

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

.NewsSummaryLink {
margin-bottom: 15px;

}

.NewsSummaryLink a { color: #3B3B3B; }
/* 
.NewsSummaryAuthor {}
.NewsSummaryMorelink {}
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailCategory {}
#NewsPostDetailAuthor {}
#NewsPostDetailAuthor {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/

/* Colours======================================================== */
/* Layout sections */

body {
	background: #CFCBC4;
/*	background-image: url(uploads/images/bg.jpg);*/
	background-repeat: repeat;
}

		
div#pagewrapper {
	border: 1px solid #807461;
	background: #FFFFFF;
}
		
div#header {
	color: #FFFFFF;
}
		
div#footer {
	color: #FFFFFF;
	background-color: #008AA3;
}

div#footer a {
	color: #FFFFFF;
}

div#content img {
/* 	padding: 2px 5px 2px 5px; */
	border: 1px solid #e6e6e6;
	margin: 0 15px 0 0;
}

div#content img.noborder {
	border: none;
}
		
/* Links */		
a,
/* a:link */
a:visited {
	color: #7D6955;
}

a:active, a:link {
	color: #0000FF;
}

a:hover {
color: red;
}

/* Headings */	
h1 {
	color: #008AA3;
}

h2 {
	color: #008AA3;
	background-color: #FCFBFA
}

h3 {
	color: #60513A; 
	background-color: #FCFBFA
}

h4 {
	color: #008AA3;
}

h5 {
	color: #60513A;
}

h6 {
	color: #008AA3;
}

/* Layout======================================================== */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0;
        padding: 1em;
        text-align: center;
    }
    div#pagewrapper {
        margin: 0 auto;
        max-width: 85em;
        min-width: 75em;
        padding: 0;
        text-align: left;
    }
    #container {
	position: relative;
	margin: 0;
    }
    
    /* HEADER */
        div#header {
            margin: 0;
            padding: 0;
            padding-left: 10px;
            height: 110px;
            background: #FCFBFA;
            text-align: left;
        }

        div#header h1 a {
            background:  url(uploads/images/WSCF_Logo.gif) no-repeat 0 12px;
            display: block;
            text-indent: -700em;
            height: 110px;         
            width: 160px;
            margin: 0;
            padding: 0;
            text-decoration:none;
        }

    /* END HEADER */
    
   
/* CONTENT */

div#content {
}
        
/* MAIN */
div#main {
}
/* END MAIN */
        
/* SUB */
div#sub {
}
/* END SUB */

/* END CONTENT */

 
    /* FOOTER */
        div#footer {
               clear:both;
        }

        div#footer p {
            font-size: 0.8em;
            margin: 0;
            padding: 1.5em;
            text-align: center;
        }
    /* END FOOTER */
/* END LAYOUT */

div.breadcrumbs {
    padding: 1em 0;
    text-align: left;
    font-size: 90%;
    font-weight: bold;
    margin: 0 1em;
    border-bottom: 1px dotted #80C5D1;
}

div#search {
	margin: 2.5em 1em 0 0;
	text-align: right;
	display: block;
}

div.flags {
	float: right;
	width: 18px;
	padding: 1em 0;
	text-align: right;
	margin: 0 1em 0 0;
}

div.left49 {
	float: left;
	width: 49%;
}

div.right49 {
	float: right;
	width: 49%;
	text-align: right;
}

div.modulerssentry {
	display:block;
	height: 120%;
	margin-bottom: -13px;
}

/* Layout EllNav H/V L 1Col======================================================== */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* NAV BAR AT THE TOP, LOCAL NAVIGATION ON THE LEFT AND ONE COLUMN OF CONTENT */
div#content {
	position: relative;
	margin: 1.5em auto 2em 0;
	padding: 0;
	text-align: left;
}

div#main {
	float: right;
	width: 60%;
	display: inline;
	padding: 0 0 0 0;
}

html>body div#main {
	width: 74%;
	padding: 0 3% 0 0;
}

div#menu_vert {
	float: left;
	width: 20%;
	display: inline;
}

div#menu_horiz {
	width: 100%;
	text-align: left;
}

/* END CONTENT */

/* Calendar======================================================== */
/* make all links red */
.calendar tr td a {
	color: red;
}

/* 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 h1, #cal-upcominglist h1 {
	color: red;
	font-size: 80%;
}

#cal-list h2, cal-upcominglist h2 {
	font-size: 80%;
}

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

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

#big td {
	border: 1px solid #CBC5C1;
	vertical-align: top;
	padding: 1px;
	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: #C9C6C5;
}

#big .calendar-today {
	font-weight: bold;
	background-color: #E2EBEB;
}

div.calendar-list {
	padding: 12px;
	margin: 12px;
}

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

/* FormBuilder Default Style======================================================== */
/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:1em;
}

fieldset div div {
	margin-top:0.5em;
	margin-left:1em
        float: left;
}

fieldset {
	margin-bottom:1em;
	border:1px solid #CBC5C1;
	padding:0.5em
}

fieldset label {
	width:auto;
}

legend {
	color:#000;
	background:#CBC5C1;
	font-size:1em;
	margin-bottom:0.5em;
	padding:0.4em;
	width:auto;
	border:1px solid #CBC5C1;
}

textarea {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin:1px 0 3px 3px;
	width: 400px;
	height: 108px;
	border:1px solid #CBC5C1;
}

div.error_message, div.required.fb_invalid {
        color: red;
        font-weight: bold;
}

td.required{
       color: red;
}

input, select {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 0 0 3px 3px;
	border:1px solid #CBC5C1;
}


/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}


/* Pretty up your Captcha image output */
.captcha {margin:0.5em 0; width:300px; text-align:left}
.captcha img {font-weight: bold;border:1px solid #008AA3; margin-bottom:0.25em; margin-top:0.5em}
.captcha input {font-weight: bold;width:196px; margin-top:0.25em}


/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

.contactform input {border: 1px solid;}
.contactform input.checkbox {border: none;}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #ffc;
	border: 1px solid #f60;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}

/* Typography======================================================== */
/* A CSS Framework by Mike Stenhouse of Content with Style */

/* TYPOGRAPHY */
	body {
		text-align: left;
		font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 80%;
                line-height: 1em;
	}
	div {
		font-size: 1em;
	}
	img {
		border: 0;
	}
	
/* LINKS */
	a,
	a:link 
	a:active, a:visited {
		text-decoration: underline;
	}
/* 
        div#footer a, 	
        div#footer a:link 
	div#footer a:active, div#footer a:visited {
        color: #fff;
        }
*/
	a:hover {
	text-decoration: underline;
	}

/* END LINKS */
	
/* HEADINGS */
	h1 {
        	font-size: 1.9em;
		line-height: 1em;
		margin: 0;
		padding: 0;
	}
	h2 {
                font-size: 1.6em;
                line-height: 1.5em;
		margin: 0 0 0.25em 0;
		padding: 0;
                font-weight: bold;
	}
	h3 {

		font-size: 1.4em;
		line-height: 1.2em;
		margin: 0 0 0.5em 0;
		padding:0;
                font-weight: bold;
	}
	h4 {
		font-size: 1.2em;
		line-height: 1.2em;
		margin: 0 0 0.25em 0;
		padding: 0;
                font-weight: bold;
	}
	h6 {
		font-size: 1em;
		line-height: 1.1em;
		margin: 0 0 0.25em 0;
		padding: 0;
                font-weight: normal;
	}
	h5 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
/* END HEADINGS */

/* TEXT */
	p {
		font-size: 1em;
		margin: 0 0 1.2em 0;
		padding: 0;
		line-height:1.5em;
	}
	blockquote {
		border-left: 10px solid #CBC5C1;
		margin-left: 10px;
	}
	pre {
		font-family: monospace;
		font-size: 1.0em;
	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    }
/* END TEXT */
	
/* LISTS */
	#main ul {
                line-height:1em;
		margin: 0 0 0 0;
		padding: 0;
	}

	#main ul li {
		margin: 1em 0 1em 30px;
		padding: 0;
	}

	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1em 0;
		padding: 0;
	}

	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
	}

	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}

	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}

	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}
/* END LISTS */
	
	
/* TABLE */
table {
	font-size: 1em;
	margin: 0 0 0 0;
	padding: 0;
	border-collapse:collapse;
	border-spacing:1px;
}

table caption {
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

th {
	font-weight: bold;
	text-align: left;
}

td {
	font-size: 1em;
}

/* END TABLE */	
	
hr {
	display:none;
}

div.hr {
	height: 1px;
	margin: 1em 5px;
	border-bottom: 1px dotted #80C5D1;
}

div.slider {
	margin: 0 0 0 12%;
}
	
/* END TYPOGRAPHY */
/* End of 'WSCFCSS' */