pre {
		font-size: 1.2em;
	}	


		body {
			margin: 0px;
			margin-bottom: 30px;
			padding: 0px;
			padding-bottom: 30px;
			font-family: 'helvetica neue', helvetica, arial, verdena, sans-serif;
			font-size: 0.7em;
			line-height: 1.4em;
			color: #333;
		}
			

		/* Cookie container styles*/ 

		.cookieContainer {
			padding: 20px 20px 20px 20px;
                        position: fixed;
                        top: 100px;
			background: url('https://superflex.net/pics/black85.png');
			font-weight: bold;
			color: #ffffff;
			font-size: 2em;
			line-height: 2.1em;
		}

		.cookieContainer a {
			color: #ffffff;
			text-decoration: underline;
		}

		.hidden {
			display: none;
		}


		a.okCookie {
			clear: both;
			padding: 4px 5px 4px 6px;
			color: #ffffff;
			background-color:  #006699;
			text-decoration: none;
			
		}

		.menuList {
			list-style-type: none;
			float: left;
			margin: 0;
			padding: 0;
		}
		
		ul.menuList li{
			float: left;
			
		}


		p {
			margin: 0;
			padding: 0;
		}

		iframe {
			border: 0;
		}
	
		.adminMenu {
			padding: 10px;
			background-color: #000;
			color: #ddd;

		}

		.isAdminLink {
			padding: 10px;
			background-color: #000;
			color: #ddd;
			float: right;
			clear: both;
			margin-bottom: 10px;
		}


		div.blackHeader {
			width: 100%;
			height: 32px;
			padding-top: 20px;
			/*background-color: rgb(242,242,242); */
			background-color: rgb(255,255,255); 
		}
		
		div.headerContainer {
			float: left;
			width: 980px;
			margin-left: 20px;
		}
		
		.slash {
			color: #333;
			padding-left: 3px;
			padding-right: 3px;
		}

		.bcContainer {
			width: 960px;
			height: 70px;
			float: left;
		}		

		.bc {
		}
		
		.breadCrumb {
			height: 30px;
			background: pink;
		}
		
		.pageTitle {
			float: left;
			width: 960px;
			color: #333;
			font-size: 2.8em;
			font-weight: bold;
			padding-top: 30px;
			margin-bottom: 10px;
			letter-spacing: -0.04em;
		}

		div.subHeader {
			clear: both;
			width: 100%;
			height: 2px;
		}

		div.logo {
			float: left;
			width: 480px;
			margin-right: 20px;			
			background: pink;
		}
		
		div.frontPage {
			width: 100%;
			height: 480px;
			font-size: 10em;
			font-weight: bold;
			line-height: 0.9em;
			letter-spacing: -0.04em;
		}

		.xlarge {
			text-decoration: none;
			vertical-align: middle;
			font-family: 'helvetica neue', helvetica, arial, verdena, sans-serif;
		}
		

		div.mainWrapper {
			float: inherit;
			width: 980px;
			margin-left: 20px;
		}
		
		a.logo {
			font-weight: bold;
			text-transform: uppercase;
		}
		
/* link color */
		a {
			color: #333;
			color: #26527f;
			color: #336699;
			color: #006699;
			text-decoration: none;
		}

		a:hover {
			text-decoration: underline;
		}
		
		img {
			border: 0px;
			text-decoration: none;
		}	

		img.nothing {
			border: 0px;
			text-decoration: none;
		}	

		img.nothing:hover {
			border: 0px;
			text-decoration: none;
		}	

		.main {
			margin: 0px;
			font-weight: bold;
			color: #333;
			text-decoration: none;
		}

		.main:hover {
			margin: 0px;
			font-weight: bold;
		}

		.mainA {
			margin: 0px;
			font-weight: bold;
			text-decoration: none;
		}

		.mainA:hover {
			color: #333;
			text-decoration: none;
		}
	
		div.mainMenu {
			float: left;
			width: 750px;
			height: 40px;
			margin-right: 0px;			
			font-weight: bold;
		}

		div.subMenu {
			float: right;
			width: 230px;
			height: 40px;
			margin-right: 0px;			
		}

		a.sub {
			margin-right: 10px;
			text-decoration: none;
			color: #333;
			color: #006699;
			padding-bottom: 2px;
		}

		a.sub:hover {
			text-decoration: underline;
			color: #000;
		}

		a.subA {
			margin-right: 10px;
			text-decoration: none;
			color: #333;
		}

		a.lefta {
			text-decoration: none;
			color: #333;
		}

		div.searchMessage{
			width: 230px;
			float: right;
			margin-bottom: 30px;
		}

		div.searchMenu {
			float: left;
			width: 750px;
			height: 20px;
		}

		div.blockWrapper980 {
			width: 980px;
			float: left;
			clear: both;
			padding-top: 20px;
			padding-bottom: 20px;
		
		}
		
		div.blockWrapper980NoTop {
			width: 980px;
			float: left;
			clear: both;
			padding-top: 0px;
			padding-bottom: 20px;
		}


		div.noPadding980Border {
			width: 980px;
			float: left;
			clear: both;
			padding-top: 10px;
			padding-bottom: 20px;
			border-top: 2px #333 solid;
		
		}

		div.noPadding980BorderList {
			width: 980px;
			float: left;
			clear: both;
			padding-top: 10px;
			padding-bottom: 30px;
			border-top: 2px #ccc solid;
			border: 0;
		
		}

		div.noPadding980Border1px {
			width: 980px;
			float: left;
			clear: both;
			padding-top: 10px;
			padding-bottom: 30px;
			border-top: 1px solid #333;
		
		}

		h2.list {
			color: #333;
			border-top: 2px solid #333;
			padding-top: 10px;
		}

		.grey {
		/*
			margin-top: 5px;
			width: 210px;
			float: left;
			background-color: #efefef;
			padding: 10px;
		*/
		}

		
		div.padding230Border {
			float: left;
			padding-top: 10px;
			border-top: 1px solid;
			width: 230px;
			margin-right: 20px;
			margin-bottom: 20px;
		}

		div.padding230BorderClearBoth {
			clear: both;
			padding-top: 10px;
			border-top: 2px solid;
			width: 240px;
			margin-bottom: 20px;
		}

		div.noPadding230Border {
			float: right;
			padding-top: 10px;
			border-top: 1px solid;
			width: 230px;
			margin-bottom: 20px;
		}

		div.padding480Border {
			float: left;
			width: 480px;
			padding-top: 10px;
			border-top: 1px solid;
			margin-right: 20px;
			margin-bottom: 20px;
		}

		div.padding750Border {
			padding-top: 10px;
			border-top: 1px solid;
			float: left;
			width: 730px;
			margin-right: 20px;
			margin-bottom: 20px;
		}

		div.noPadding750Border {
			padding-top: 10px;
			border-top: 1px solid;
			float: left;
			width: 730px;
		}

		div.noPadding750 {
			float: left;
			width: 730px;
		}

		div.padding750 {
			float: left;
			width: 730px;
			padding-right: 20px;
		}

		div.noPadding750BorderMarginBottom {
			float: left;
			width: 730px;
			margin-bottom: 20px;
			padding-bottom: 10px;
		}

		div.noPadding480 {
			float: left;
			width: 480px;
		}

		div.padding480 {
			float: left;
			width: 480px;
			padding-right: 20px;
		}

		div.noPadding230 {
			float: right;
			width: 230px;
		}

		div.noPadding230Bold {
			padding-top: 10px;
			border-top: 1px solid;
			float: right;
			width: 230px;
			font-weight: bold;
		}

		div.padding230 {
			float: left;
			width: 230px;
			padding-right: 20px;
		}

		div.listText {
			float: left;
			width: 230px;
			padding-top: 10px;
			border-top: 1px solid;
		}

		div.listTextA {
			float: left;
			width: 230px;
			padding-top: 10px;
			border-top: 1px solid;
		}


		div.navigate {
			float: left;
			width: 980px;
			margin-bottom: 20px;
		}

		div.relatedDivider {
			width: 230px;
			height: 1px;
			float: left;
			margin-bottom: 20px;
			border-bottom: 2px solid #333;
		}
		div.slicePrev {
			width: 210px;
			padding: 10px;
			background-color: rgb(242,242,242);
			float: left;
		}

		div.sliceNext {
			float: right;
		}

		a.textMore {
		}

		.backLink{
			font-weight: bold;
			width: 230px;
			margin-bottom: 10px;
			padding-bottom: 4px;
		}

		.rightLinks {
		}

		.margin20Wide {
			float: left;
			margin-bottom: 20px;
			width: 480px;
		}
		
		.margin20{
			float: left;
			margin-bottom: 20px;
			width: 230px;
		}

		.margin40{
			float: left;
			margin-bottom: 30px;
		}

/* image styles*/

	.imageMedium {
		width: 230px;
		float: left;
	}

	.activitiesImage {
		float: left;
		width: 230px;
		margin-right: 20px;
		margin-bottom: 30px;
	}	

	.activitiesSummary {
		width: 230px;
		float: left;
		
	}


/* slideshow*/


/* new styles for Cycle */

	.the980 {
		width: 980px;
		float: left;
		padding-bottom: 10px;
		margin-bottom: 10px;
		color: #666;	
	}

	.slideshow { 
		width: 480px; 
		margin: 0px;
	}

	.slideshow img { 
		padding: 0px;  
		border: 0px;
	}

	#slideShowController{
		width: 480px;
		text-align: right;
		border: 0px;
		margin-bottom: 20px;
	}


#slideshow { 
        position: relative; 
        width: 480px; 
        }
 
#controls { 
        z-index: 1333; 
        position: absolute; 
        top: 230px; 
        left: 350px; 
        display: none;
        border: none; 
        margin: 0; 
        width: 300px;
        
}
 
.controlButtons {                                                                                                         
        margin-right: 5px;                                                                                                
}                                                                                                                         
  
	.caption {
		width: 480px;
		width: 100%;
		float: left;
		margin-bottom: 30px;
	}
		
	.sizeChange {
		text-align: left;
		padding-top: 10px;
		float: right;	
	}

	.captionText {
		text-align: left;
		padding-top: 10px;
		color: #666666;
	}

 /* end new styles for Cycle */

/* end slideshow */ 

		div.divYears {
			margin-bottom: 2px;
		}

		h2.yearRight {
			border-top: 1px solid;
			padding-top: 10px;
			font-size: 1em;
		}

		h2.yearRightLarge {
			border-top: 1px solid;
			padding-top: 10px;
		}


		.theYears {
			float: left;
			margin-right: 15px;
			margin-bottom: 10px;
			font-size: 1.6em;
			line-height: 1em;
			
		}

		.theYearsA {
			float:left;
			margin-right: 15px;
			margin-bottom: 10px;
			font-weight: bold;
			font-size: 1.6em;
			line-height: 1em;
		}

		.listYear {
			clear: both;
			margin: 0px;
			padding-top: 0px;
			padding-bottom: 10px;
		}
		
		.listYearA {
			clear: both;
			margin: 0px;
			padding-top: 0px;
			padding-bottom: 10px;
		}
		

		.listYearB {
			clear: both;
			margin: 0px;
			padding-top: 0px;
			padding-bottom: 10px;
			font-weight: bold;
		}
		
/* Future activities*/
		.listYearFuture {
			clear: both;
			margin: 0px;
			padding-top: 0px;
			padding-bottom: 10px;
		}
		
		.listYearAFuture {
			clear: both;
			margin: 0px;
			padding-top: 0px;
			padding-bottom: 10px;
			font-weight: bold;
		}
		

		.futureDate {
		/*	background: #ff8e43;
			color: #333;
			padding: 0px 2px 0px 3px;
		*/
		}

		a.futureLink {
		}

		a.activitiesLink {
		}

		div.tagCloud {
			float: left;
			width: 980px;
			text-transform: lowercase;
			font-size: 1.2em;
		}

		a.tagLink {
			text-transform: lowercase;
			padding: 3px;
			white-space: nowrap;
		}		


		a.tagLink:hover {
			text-transform: lowercase;
			white-space: nowrap;
			padding: 3px;
		}		


		.tagText {
			margin: 0px;
			margin-bottom: 30px;
			padding: 0px;			
		}

		.tagTitle {
			text-transform: lowercase;
		}

		.listTags {
			text-transform: lowercase;
		}
		
		.listTagsA {
			text-transform: lowercase;
		}
		

		.mainImage {
			margin-bottom: 10px;
		}

		.clearImage{
			clear: both;
		}
		
		.small_space {
			margin: 0;
			padding-top: 5px;
		}

		div.wrapTools {
			float: left;
			width: 105px;
			padding-bottom: 10px;
			margin-right: 20px;
			margin-bottom: 10px;
		}

		.allTools {
			float: left;
			width: 105px; /*230px*/
			margin-right: 20px;
			margin-bottom: 20px;
		}

		.allToolsMinus {
			float: left;
			width: 105px; /*230px*/
			margin-bottom: 20px;
		}

		.allThumbs {
			float: left;
			padding: 0;
			width: 105px;
			margin-right: 20px;
			margin-bottom: 14px;
			background-repeat: no-repeat;
		}

		.allThumbsMinus {
			float: left;
			width: 105px;
			margin-bottom: 14px;
			background-repeat: no-repeat;
		}

		.allThumbs img {
			padding: 0;
			margin: 0;
		}

		.allThumbsMinus img {
			padding: 0;
			margin: 0;
		}

		.thumbPic {
			padding: 0;	
			margin: 0;
		}

		.divider480 {
			width: 480px;
			float: left;
			clear: both;
		}
		.divider980 {
			width: 980px;
			float: left;
			clear: both;
		}

		.mainImageSwap {
			background-image: url('".$urlToPics."white50.png');
			width: 99px;
			height: 99px;
			padding: 3px;
		}
		
		.highlight {
			background-color: #ffff99;
		}

		
		.microTitle {
			word-wrap: break-word;
		}

		div.toolsText {
			float: left;
			width: 105px;
		}

		div.activitiesItem {
			width: 480px;
			clear: both;
			margin-bottom: 20px;
		}

		.activitiesHeader, h1, h2 {
			clear: both;
			margin: 0px;
			padding: 0px;
			margin-bottom: 20px;
			font-weight: bold;
			font-size: 1.6em;
			line-height: 1em;
			letter-spacing: -0.04em;
		}

		.realDate {
			width: 480px;
			clear: both;
			margin: 0px;
			margin-bottom: 20px;
			padding: 0px;
		}

		.cats {
			/*text-transform: uppercase;*/
			font-weight: bold;
		}
	/* End  Activitiescategory classes */
		.catsA {
			color: #fff;
			background: #666;
			padding: 1px;
			font-weight: normal;
		}
		
		.textContent {
			position: relative;
			clear: both;
			text-align: justify;
			text-align: left;
		}	
		
		.textMoreContent {
			border-top: 1px solid #ccc;
			padding-top: 20px;
			position: relative;
			clear: both;
			text-align: justify;
			text-align: left;
		}	
		

		
		#searchForm {
			margin: 0;
			padding: 0;
			width: 750px;
			height: 24px;
		}

		#searchField {
			width: 230px;
			height: 20px;
			border: 1px solid #333;
			margin: 0;
			margin-right: 10px;
			padding: 0;
			padding-left: 5px;
		}

		#searchSubmit {
			margin: 0;
			padding: 0;
			background-color: #fff;
			color: #336699;
			font-family: 'helvetica neue', helvetica, arial, verdena, sans-serif;
			font-size: 1em;
			border: 0;
		}

		#searchSubmit:hover {
			background: #fff;
			color: #336699;
			text-decoration: underline;
			margin: 0;
			padding: 0;
			font-family: 'helvetica neue', helvetica, arial, verdena, sans-serif;
			font-size: 1em;
			border: 0;
		}
	
		.pressimageLabel {
			background: #efefef;
			padding: 2px;
			margin-right: 5px;
			margin-bottom: 10px;
		}

		.pressimageLabel a {
			text-transform: capitalize;
		}

		.pressimageLeftMenu {
			margin-bottom: 5px;
		}

/*
		.pressimageLabel a {
			color: #ddd;
		}	

		.pressimageLabel a:hover {
			color: #ddd;
			text-decoration: underline;
		}	
*/
		div.footerContent {
			float: left;
			padding-top: 10px;
		}

		.bottomMargin {
			float: left;
			width: 980px;
			height: 30px;
		}