/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper determines the width of the menu elements */

#menuwrapper { 
	width: 100%; 
	}


/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	width: 100%; 
             margin-left: -1px;
	border: 1px solid #e1eee1; 
	}
#primary-nav ul { 
	position: absolute; 
	top: 0; 
	left: 100%; 
	display: none; 

	}
#primary-nav li { 
    margin-bottom: 0px; 
	position: relative; 
	}


/* Styling the basic apperance of the menu elements */

#primary-nav a { 
	border: 0px solid #006699; 
	display: block; 
	margin: 0px; 
	/*padding: 2px 3px;*/
             padding: 2px 3px;
	text-decoration: none; 
             min-height:1em; /* Fixes IE7 whitespace bug*/ 
	}
#primary-nav li, #primary-nav li.menuparent { 
	/*background-color: #ececec; */
	/*background-color: #e1eee1;*/
             background-color: #fff;
             min-height:1em; /* Fixes IE7 bug*/
	}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
	/*background-color: #e9b6a3;*/ 
	background-color: #e9b6a3;
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav li.menuparent, #primary-nav li.menuparent:hover, #primary-nav li.menuparenth { 
	background-image: url(modules/MenuManager/images/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 
	background-color: #e1eee1; 

	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
	display: block; 
	}


/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }

/* 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: 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 black;
}

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

#big td {
border: 1px solid black;
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: silver;
}

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

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

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


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

/* TYPOGRAPHY */
	body {
		text-align: left;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 70%;
                          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: #388B3D;
        }

	a:hover {
	text-decoration: none;
	}
/* END LINKS */
	
/* HEADINGS */
	h1 {
		font-size: 1.5em;
		line-height: 1em;
		margin: 0;
		padding: 0;
	}
	h2 {
		font-size: 1.4em;
                          line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	h3 {
		font-size: 1.3em;
		line-height: 1.3em;
		margin: 0 0 0.5em 0;
		padding:0;
	}
	h4 {
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h5 {
		font-size: 1.1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h6 {
		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.5em 0;
		padding: 0;
		line-height:1.6em;
	}
	blockquote {
		border-left: 10px solid #e1eee1;
		margin-left: 10px;
                          padding-left: 20px;
	}
	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:1.4em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	#main ul li {
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 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 1.5em 0;
        padding: 0;
	}
	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 1.5em 0;
	}
	th {
		font-weight: bold;
		text-align: left;
	}
	td {
		font-size: 1em;
	}
/* END TABLE */	
	
	hr {
		display: none;
	}

	div.hr {
		height: 1px;
		margin: 1em 10px;
		border-bottom: 1px dotted black;
	}

	
/* END TYPOGRAPHY */	

/*
This template is needed if you use the default, ImageGallery, or Thickbox templates in the Album module.
This may be overwritten when the module is upgraded and it will be deleted when 
the module is uninstalled, so make a copy if you want to modify it.
*/

/* Album Module CSS for default, ImageGallery, and Thickbox templates */
/* Album List UL */
.albumlist
{
	margin-left:0;
	padding-left:0;
}

/* Picture List UL */
.picturelist
{
	margin-left:0;
	padding-left:0;
}

/* Album and Picture Lists */
.thumb
{
	padding:0;
	width:auto;
	margin:0 0.5em 0.5em 0;
/* Thumbnail spacing */
	text-decoration:none;
	line-height:normal;
	list-style-type:none;
	text-align:center;
	float:left;
}

.thumb img,.thumb a img,.thumb a:link img
{
/* Set link formatting*/
	/* width:100px; */
/* Thumb width*/ 
	height:72px;
/* Thumb height*/
	padding:10px;
/* Thumb padding to form thumb frame */
/* You can set the above to 0px = no frame - but no hover indication!*/
	margin:0;
	background-color:white;
/*Background of thumb */
	border-top:1px solid #eee;
/* Borders of thumb frame */
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-left:1px solid #eee;
	text-decoration:none;
}

.thumb a:visited img
{
	background-color:#eee;
/*Background of thumb on hover - sort of a light grey */
}

.thumb a:hover img
{
	background-color:#dae6e4;
/*Background of thumb on hover - sort of light blue/green */
}

/* Styling of text and navigation for Album */
.albumname
{
	font-size:smaller;
	text-align:center;
	font-weight:bold;
	font-style:normal;
}

.albumpicturecount
{
	font-size:smaller;
	text-align:center;
	font-weight:normal;
	font-style:italic;
}

.albumcomment
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
}

.albumnav
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
}

.instructiontext
{
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
	font-style:italic;
}

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

/*Thickbox CSS */
#TB_overlay
{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	width:100%;
	height:100%;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity:0.6px;
	opacity:0.6px;
}

#TB_window
{
	position:absolute;
	background:#fff;
	z-index:102;
	color:#000000;
	display:none;
	border:4px solid #525252;
}

#TB_window img
{
	display:block;
	margin:15px 0 0 15px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #666;
	border-left:1px solid #666;
}

#TB_caption
{
	height:25px;
	padding:10px 30px 10px 25px;
	float:left;
	margin-right:100px;
}

#TB_closeWindow
{
	height:25px;
	float:right;
	padding:10px 12px 5px 10px;
}

#TB_closeWindow a,#TB_closeWindow a:link,#TB_closeWindow a:visited
{
	color:#f6f7f0;
	background:#d40d0e;
	text-decoration:none;
	padding:2px 5px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

#TB_closeWindow a:hover
{
	background:red;
	color:white;
	text-decoration:none;
	padding:2px 5px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

#TB_closeWindow a:active
{
	color:#f6f7f0;
	background:#d40d0e;
	text-decoration:none;
	padding:2px 5px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #666;
	border-left:1px solid #666;
}

#TB_closeAjaxWindow
{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	background-color:#e8e8e8;
}

#TB_ajaxContent
{
	padding:2px 15px 15px;
	overflow:auto;
}

#TB_load
{
	text-align:center;
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	overflow:visible;
	visibility:visible;
	display:block;
	z-index:101;
}

#TB_loadContent
{
	margin-left:-125px;
	position:absolute;
	top:-50px;
	left:50%;
	width:250px;
	height:100px;
	visibility:visible;
}


.NewsSummary {
    margin-bottom: 10px;
 }

.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 {}
#NewsSummaryAuthor {}
.NewsSummaryMorelink {}
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailCategory {}
#NewsPostDetailAuthor {}
#NewsPostDetailAuthor {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/

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

/* Style each entry */
div.cms-guestbook-div-entry 
{
    border: 1px solid #069;
    margin-bottom: 1em;
}
    
/* Hide some fields */
div.cms-guestbook-div-sender-title,
div.cms-guestbook-div-date-title,
div.cms-guestbook-div-country-title,
div.cms-guestbook-div-email-title,
div.cms-guestbook-div-homepage-title,
div.cms-guestbook-div-message-title
{
    display: none;
}
      
/* Show the postdate on the right */
div.cms-guestbook-div-date 
{
    float: right;
}
	
/* No blocks/show inline */
div.cms-guestbook-div-sender,
div.cms-guestbook-div-country,
div.cms-guestbook-div-email
{
    display: inline;
}
	  
/* Style the message header */
div.cms-guestbook-div-entry-header
{
    background: #F2FFF2;
    color: #9D4726;
    border: 1px solid black;
    margin: 1px;
    padding: .5em;
}

/* Style message header links */
div.cms-guestbook-div-entry-header a {
    color: white;
} 
div.cms-guestbook-div-entry-header a:hover {
    color: #9cf;
} 
		  
/* Style the postdate */
div.cms-guestbook-div-date 
{
    font-size: smaller;
}
		    
/* Style the sender name */
div.cms-guestbook-div-sender 
{
    font-weight: bold;
}
		      
/* Style the senders homepage link */
div.cms-guestbook-div-homepage 
{
    font-size: smaller;
    margin: 2px;
    margin-bottom: 0;
}
			      
/* Style the actual message */
div.cms-guestbook-div-message 
{
    background: #eee;
    padding: .5em;
}


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

/* FORM ELEMENTS */
	form {
		margin:0;
		padding:0;
	}
	form div,
	form p {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
	}
	label {
		font-weight: bold;
	}
	fieldset {
		border: 1px solid #eee;
		padding: 5px 10px;
		margin: 0 0 1.5em 0;
	}
	fieldset legend {
		color: #666;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 0 0px;
		padding: 0;
		background-color: white;
	}
	* html fieldset legend {
		margin: 0 0 10px -10px;
	}
	fieldset ul {
		list-style: none;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	fieldset ul li {
		list-style: none;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
     
	
	input, select, textarea {
		font-size:1em; 
		font-family: arial, helvetica, verdana, sans-serif;
        
        margin: 0;
		padding: 2px;
	}
	
	input, select {
		vertical-align:middle;
	}
	textarea {
		width: 200px;
		height: 8em;
	}
	
	input.check {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.radio {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.file {
		height: auto;
		width: 250px;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		width: 10em;
		border:1px solid black;
		background-color: #ddd;
	}
	input.image {
		border: none;
		width: auto;
		height: auto; 
	}
	
    form div.submit {
		margin: 1em 0;
	}
    form div.submit input {
		height: 2em;
        width: 15em;
	}
/* END FORM ELEMENTS */
		

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

/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0;
        padding: 0.5em;
        text-align: center;
        align:center;


    
    }
    div#pagewrapper {
        margin: 0 auto;
        padding: 0;
        text-align: left;


    }
    #container {
	position: relative;
	margin: 0;

    }
    
    /* HEADER */
        div#header_right {
            margin: 0;
            float:right;
            height: 100px; 
            text-align: left;
            width: 20%;

        }
        div#header_img h1 a {
            background:  url(uploads/images/wpc_logo_s.jpg) no-repeat -15px 0px; 
            background-color: #fff;
            float:left;
            display: block;
            height: 100px;
            text-indent: -700em;
            width: 20%;
            margin: 0;
            padding: 0;
            text-decoration:none;
            padding-left: 0em;
        }

    /* END HEADER */
    
    
    /* CONTENT */
        div#content {
        }
        
        /* MAIN */
            div#main {

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

            }
        /* END SUB */
        
    /* END CONTENT */
    
    
    /* FOOTER */
        div#footer {

        }

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



div.breadcrumbs {
   /*padding-left: 2em;*/
   /*padding: 1em 0;*/
   text-align: center;
   font-size: 90%;
   /*margin: 0 1em;*/
   /*border-bottom: 1px dotted #000;*/
}

div.date{
   padding: 1em 0;
   font-size: 80%;
   margin: 0 1em;
   /*border-bottom: 1px dotted #000;*/
}

div.title{
   padding-top:30px;
   height:70px;
}

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


}

div.left49 {
  float: left;
  width: 49%;
  font-size: 90%;

  }

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

.counter {
	color: #388B3D;
	font-size: 9px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 40px;
	border: 1;
}

.inline_image {
           margin: 10px;
}


.notices {
            line-height: 1.5em;

}

div.rss {
            border: 0px solid #e1eee1;
            margin: 0px;
}


div.newssummary {
            border: 0px solid #e1eee1;
}


/* Layout sections */
	body {
		background: #ddd ;
		color: #333;
		}
		
	div#pagewrapper {
		border: 1px solid #000 ;
		background: #fff;
                          background-attachment: fixed;

	    }
		
	div#header {
		color: #000;
                          background-color: #fff;

		}
		
	div#footer {
		color: #9D4726;
		/*background-color: #E9B6A3;*/
                          background-color: #E1EEE1;
		}

		
/* Links */		


a, a:link, a:active, a:visited
{
	color: #388B3D;
	text-decoration: none;
}

a:hover
{
	color: #6A301A;
}



/* Headings */	
h1 {
	color: #660033;

}

h2 {
	color: #9D4726;
	/*background-color: #F2FFF2;*/
}

h3 {
	color: #669966;

}

h4 {
	color: #669966;

}


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

/* NAV BAR ON THE LEFT AND TWO COLUMNS OF CONTENT */
    div#content {
        position: relative;
        margin: 0;
        padding: 0;
        text-align: left;
        width: 100%;

    }
    div#menu_vert {
        position: absolute;
        top: 0px;
        left:5px;        
        width: 178px;
        font-size: 0.8em;


min-height:950px;
height:auto !important;
height:950px;

    }
    div#main {
        margin:0 0 0 190px;
        min-height: 1000px;
    }


/* END CONTENT */