/* D 3 W 3  - 2 0 1 3 
#ffae00 orange */


html {
	margin: 0;
	padding: 0;	
}


 body {
 	background-color: #111; 
	/* background-image:url(../d3w3_image/d3w3_f/d3w3_bg_00_new.png); */
	background-repeat:repeat-y;
 	font-family: Open Sans, Segoe UI, Arial, Helvetica, sans-serif;
 	font-size:0.95em; 
	line-height:1.4em;
	letter-spacing:0pt;
	color: #fff;
	text-align: left;
	_text-align:center;   /* In IE6 - centre everything 
	-webkit-font-smoothing: antialiased;     */            
	margin: 0;
	padding: 0; 
} 

p {font-family:'Open Sans', Segoe UI, Arial, Helvetica, sans-serif; 
margin-bottom: 5px;  
font-size:0.95em; 
line-height:1.4em; 
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px; 
}

ul#nav {list-style-type: none; margin-left: -35px; }

body.section0 #nav li.zero a:visited,
body.section1 #nav li.one a:visited,
body.section2 #nav li.two a:visited,
body.section3 #nav li.three a:visited,
body.section4 #nav li.four a:visited,
body.section5 #nav li.five a:visited,
body.section6 #nav li.six a:visited  { 
	 color:#fff; 
 
	 }
	 

.visual-portal-wrapper {
	position:relative;
	min-height:100%;
	top:0px;
	left:0px;
	max-width: 1000px;
	/* background-color: #454545;
	background-image:url(../d3w3_image/d3w3_f/d3w3_bg_01_new.png);
	background-repeat:repeat-y; */
	color:#eee;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	_text-align:left;                 /* IE - left align inside outer DIV */

}

a:link, a:visited {
  color: #999;
  font-weight:bold;
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
a:active, a:hover { color:#d71d35; }


p a:link  { color:#444; text-decoration:none; font-weight:bold; }
p a:visited  { color:#444; text-decoration:none; font-weight:bold; }
p a:active { color:#f00; font-weight:bold; }
p a:hover { color:#f00; font-weight:bold;}

.rightcol a:link {color:#ffae00; font-size:0.85em;}
.rightcol a:visited {color:#ffae00;}
.rightcol a:active {color:#f00;}
.rightcol a:hover {color:#f00;}

.link a:link { color:#fff; text-decoration:none;  font-weight:normal; background-color: #d0d0d0; padding:1px 6px 2px 6px; border-left: 1px solid #888 }
.link a:visited { color:#fff; text-decoration:none; font-weight:normal; }
.link a:active { color:#000; font-weight:normal; }
.link a:hover { color:#000; font-weight:normal;}

/* .link2 a:link { color:#999; text-decoration:none; font-weight:normal;  padding:1px 6px 2px 6px; border: 1px solid #ccc; background-color:#fff; } 
.link2 a:link { color:#bbb; text-decoration:none; font-weight:normal; font-size:0.85em; padding:2px 14px 3px 14px;  background-color:#555; box-shadow: 2px 2px 3px #aaa; }*/

.link2 #end a:link { 
	color:#888; 
	border: 1px solid #333; 
	background-color: transparent;
	text-decoration:none; 
	font-weight:normal; 
	font-size:0.85em; 
	padding:2px 14px 3px 14px;   
	box-shadow: 0;
	margin-top: 3px;
	border-radius:8px;
	}
.link2 #end a:visited  { color:#888; text-decoration:none; font-weight:normal;   border: 1px solid #333;}

.link2 a:link { border-radius:8px; color:#888; border: 1px solid #aaa;  text-decoration:none; font-weight:normal; font-size:0.85em; padding:2px 14px 3px 14px;   box-shadow: 0; }
.link2 a:visited  a:visited  { color:#777; text-decoration:none; font-weight:normal;   border: 1px solid #aaa;}
.link2 a:active, .link2 #end a:active { color:#333; font-weight:normal; }
.link2 a:hover, .link2 #end a:hover { color:#fff; font-weight:normal; box-shadow: 0; background-color: rgba(223,16,43,0.5);
  border: 1px solid transparent;}




/* .d3w3-arclogo { position:relative; top:20px; left:10px; width:130px; height:85px} */

/* .d3w3-logo { position:absolute; top:40px; left:0px; width:270px; height:630px; }
#d3w3-mainlogo { background-image:url(../d3w3_image/d3w3_f/d3w3_logo.jpg); background-repeat:no-repeat; cursor:pointer; } */

/* .d3w3-arclogo { position:absolute; top:700px; left:0px; width:130px; height:85px; }
#d3w3-arcmainlogo { background-image:url(../d3w3_image/d3w3_f/d3w3_arc_logo.png); background-repeat:no-repeat; z-index:5; cursor:pointer; } */

h1 {font-size:2em; font-weight:bold; line-height:1.2em; margin:0.3em 0;
	}
h2 {font-size:1.8em; font-weight:bold; line-height:1.2em; margin:0.3em 0;
	}


.d3w3-test { position:absolute; top:0px; left:355px; width:20px; height:100%; background-image:url(../d3w3_image/d3w3_f/d3w3_bgtest.png); 
background-repeat:repeat-y; }

li a:link, li a:visited {
	
	padding: 0.4em;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	 }

li a:hover, li a:active  {
	background-color:rgba(223,16,43,1);
	border-radius:4px;
	color:#fff;
	}
	
	/* stops sliding arrows on lightbox */
.lb-nav a:link, .lb-nav a:visited {
	-webkit-transition: all 0s ease-in-out!important;
	transition: all 0s ease-in-out!important;
	}

/* Home page revision for FB box MAY 2015 */
/* Expired events on homepage and archive index */
.d3w3-hppanel-end {
	position:relative; 
	top:15px; 
	left:0px;
}

.d3w3-hppanelstrap-end {	
	position:relative; 
	top:0px; 
	left:0px;
	background:#222;
	letter-spacing: 0pt;
	color:#bbb;
	/* padding:3px 20px 5px 10px; */
	padding:10px;
	border-radius:4px;
	margin-bottom:0.22em;
}

.d3w3-hppanelcontent-end {	
	font-size:1em;
	line-height:1.3em; 
	position:relative; 
	top:0px; 
	left:0px;
	border-radius:4px;
	/* background:#333; 
	padding: 14px; */
	margin-bottom:0.5em;
	
}	

.fb-panel {
	/* float:left; */
	width:100%;
	min-height:400px;
	border:1px solid #999;
	
	}
	
	
/* END Home page revision for FB box */



.d3w3-leftcol 	{
	float:left;
	margin-top:2em;
	top:10px;
	left:0;
	width:30%;
	}

/* RD LOGO */	
#d3w3-logo1 {
	display:none
	}
#d3w3-logo  {
	width:50%;
	margin-left:3%;
	}

#d3w3-nav {
	
	position:relative;
	float:right;
	top:-500px;
	}

ul#nav {

		left:0px;	
		line-height:2.6em;
}	
#nav li {
		list-style-type: none;
		width:100%;
	}
#nav li a:hover {
	/* background-color:rgba(223,16,43,0.5); */
		}
		
.d3w3-socialn { 
	position:relative; 
	top:0; 
	left:200px; 
	}
	
.d3w3-content-area {
	color:#010101;
	width:65%;
	margin:30px 10px 50px 0;
	z-index:10;
	float:right;
}

	


#d3w3-arclogo { position:relative; top:0px; left:0px; width:128px;}

#d3w3-plec { position:relative; top:0px; left:0px; width:128px; }


	
	
#d3w3-head { 
	font-size:1.6em; 
	font-weight:bold;
	color:#dd71d3500;
	position:relative; 
	top:0px; 
	left:0px;
	height:30px;
	text-align:right ; 
}

#d3w3-head-wo { 
	font-size: 2em;
	font-weight: bold;
	color: #fff;
	position: relative;
	top: 0px;
	left: 0px;
	height: auto;
	text-align: center;
	margin-bottom: 0.5em;
}
#d3w3-head-yelo { 
	font-size:1.6em; 
	font-weight:bold; 
	color:#ffae00;
	position:relative; 
	top:0px; 
	left:0px;

	height:auto;
	text-align:right ;
}

#d3w3-head-ww { 
	font-size:1.2em; 
	/* font-weight:normal;  */
	color:#ccc;
	position:relative; 
	top:0px; 
	left:0px;

	height:auto;
	text-align:right;
	margin-bottom:10px ;
}

.d3w3-panelone {
	position:relative; 
	top:15px; 
	left:0px;
	width:100%; 
	/* background:#999; 
	box-shadow: 5px 5px 10px #303030; */
	overflow: hidden;
}

.d3w3-paneltwo {
	position:relative; 
	top:15px; 
	left:0px; 
	background:#999;
	box-shadow: 5px 5px 10px #303030;
	overflow: hidden;
	border-radius:4px;
}

.d3w3-panel-end {
	position:relative; 
	top:15px; 
	left:0px;
	width:100%; 
	/* background:#fff;
	 box-shadow: 3px 3px 5px #404040; */
	overflow: hidden;
	
}

.d3w3-yellopanel {	
	display: block;
	position:relative; 
	top:0px; 
	left:0px;
	height:auto; 
	border: 1px solid #ff9000;
	/* background:#ff9000; */
	padding: 12px;
}



.leftcol {
	width: 60%; 
	}
.rightcol {
	width: 35%; float:right; 
	}
	
.fullcol {
	width: 100%; clear:both; 
	}

.d3w3-panelstrap {	
	position:relative; 
	top:0px; 
	left:0px;
	height:auto;
	background:#aaa;
	letter-spacing: 0pt;
	color:#fff;
	padding:6px 20px 6px 10px;
	border-radius:4px;
}

.d3w3-panelstrap-black {	
	position:relative; 
	top:0px; 
	left:0px;
	height:auto;
	background:#222;
	letter-spacing: 0pt;
	color:#fff;
	padding:6px 20px 6px 10px;
	border-radius:4px;
}

.d3w3-panelstrap-red {	
	position:relative; 
	top:0px; 
	left:0px;
	height:auto;
	background:#dd71d3500;
	letter-spacing: 0pt;
	color:#fff;
	padding:6px 20px 4px 10px;
	border-radius:4px;
}

.d3w3-panelstrap-green {	
	position:relative; 
	top:0px; 
	left:0px;
	/* width:520px; */
	height:auto; 
	background:#659364;
	letter-spacing: 0pt;
	color:#fff;
	padding:6px 20px 4px 10px;
}

.d3w3-panelstrap-2015 {	
	position:relative; 
	top:0px; 
	left:0px;
	height:auto; 
	background:#d71d35;
	letter-spacing: 0pt;
	color:#fff;
	padding:6px 20px 4px 10px;
	border-radius:4px;
	margin-bottom:0.22em;
}

.d3w3-panelstrap-future-red {	
	position:relative; 
	top:0px; 
	left:0px;
	height:auto;
	background:#810100;
	letter-spacing: 0pt;
	color:#fff;
	padding:6px 20px 4px 10px;
	border-radius:4px;
	
}

.d3w3-panelstrap-yelo {	
	position:relative; 
	top:0px; 
	left:0px;
	height:auto;
	background:#ffad71d35;
	letter-spacing: 0pt;
	color:#fff;
	padding:6px 20px 6px 10px;
}

/* Expired events on archive page */
.d3w3-panelstrap-archive {	
	position:relative; 
	top:0px; 
	left:0px;
	height:auto; 
	background:#222;
	letter-spacing: 0pt;
	color:#aaa;
	padding:6px 20px 4px 10px;
	border-radius:4px;
	
}

/* Expired events on homepage and archive index */

.d3w3-panelstrap-endhp {	
	position:relative; 
	top:0px; 
	left:0px;
	height:auto;
	background:#222;
	letter-spacing: 0pt;
	color:#bbb;
	padding:1em 20px 1em 1.5em;
	border-radius:4px;
	 margin-bottom: 0.122em;
	text-align: center
}
.d3w3-panelstrap-end {	
	position:relative; 
	top:0px; 
	left:0px;
	height:auto;
	background:#222;
	letter-spacing: 0pt;
	color:#bbb;
	padding:0.4em 0 ;
	border-radius:4px;
	 margin-bottom: 0.122em;
	text-align: center
}

.topgap {
	margin-top: 0.22em;
		}

#d3w3-boldwout{ 
	font-size:1.6em; 
	line-height:1em; 
	font-weight:bold;
	color:#fff;
	}
	
.d3w3-boldwout{ 
	font-size:2em; 
	line-height:1.2em; 
	font-weight:bold;
	color:#fff;
	}
	
#d3w3-feile { background-color:#4f7d71d35}
#d3w3-squirrel { background-color:#464c79}



#d3w3-bold{ 
	font-size:1.6em; 
	line-height:1em; 
	font-weight:bold;
	color:#111;
}

#d3w3-bold-archive { 
	font-size:1.4em; 
	line-height:1em; 
	font-weight:bold;
	color:#aaa;
}

#d3w3-2bold { 
	font-size:1.6em; 
	line-height:1em; 
	font-weight:bold;
	color:#444;
	margin-bottom: 35px;
}
.d3w3-2bold { 
	font-size:1.6em; 
	line-height:1em; 
	font-weight:bold;
	color:#444;
	margin-bottom: 35px;
}

#d3w3-3bold { 
	font-size:1.4em; 
	line-height:1em; 
	font-weight:bold;
	color:#aaa;
	margin-bottom: 35px;
}

#d3w3-4bold { 
	font-size:1.4em; 
	line-height:1em; 
	color:#d71d35;
	margin-bottom: 35px;
}

.d3w3-5big { 
	font-size:1.6em; 
	color:#d71d35;
	margin-bottom: 10px;
	/* float:left; */
}

.smaller-grey {
	font-size:0.7em; 
	line-height:1.3em; 
	color:#666;
	}

.smaller-red {
	font-size:0.7em; 
	/* line-height:1.6em; */
	color:#d71d35;
	}

.red {
	color:#d71d35; 

	}
	
.red-greypanel {
	color:#d71d35; 
	background-color:#eee;
	width:100%;
	padding:0.5em;
	}
	
.grey {
	color:#999;
	}
	
.yelo {
	color:#ffae00;
	}
.yelo2 {
	color:#fab87f;
	}
	
.black {
	font-weight:bold;
	color:#000; 
	}

.white {
	color:#aaa; 
	}
	
.blackroman {
	color:#000; 
	}

.d3w3-panelcontent {	
	position:relative; 
	top:0px; 
	left:0px;
	/* width:505px; */ 
	background:#fff;
	padding: 20px 30px 20px 25px; 
	border-radius:4px;
}
	
.d3w3-panelcontent-end {	
	font-size: 1em;
	line-height: 1.3em;
	position: relative;
	top: 0px;
	left: 0px;
	/* background: #eee; */
 padding: 0px 20px 10px 0px; 
	margin-bottom: 1.5em;
	border-radius: 4px;
	/* background: #333; */
	min-height:105px;
}

.d3w3-panelcontent-end a img   {
	margin:0.2em!important;
	border-radius:50%!important;
	}
	
	/*
.d3w3-copyright { 
	position:relative; 
	top:50px; 
	left:400px;
	width:400px; 
	height:40px; 
	font-size:0.7em; 
	line-height:1em; 
	letter-spacing:0.5pt;
	color:#888;
}  */


.d3w3-footerbox {
	position:relative;
	top:0px; 
	left:0px;
	font-size:0.85em; 
	line-height:1em; 
	letter-spacing:0.1pt;
	color:#999;
	margin-top:40px;
	/* padding:50px 0px 0px 0px; */
	z-index:1;
}



.d3w3-footerbox a:link { color:#aaa; text-decoration:none; font-weight:bold; }
.d3w3-footerbox a:visited { color:#aaa; text-decoration:none; font-weight:bold; }
.d3w3-footerbox a:active { color:#fff; font-weight:bold; }
.d3w3-footerbox a:hover { color:#fff; font-weight:bold; }

.fadein a { 
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	-webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}
 .fadein a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1; 
}
 .fadein a:visited,  .fadein a:active {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1; 
}

img {
	border-radius:4px;
	}

.shad {
	padding:0px 0px 0px 0px; 
	box-shadow:4px 4px 8px rgba(150,150,150,0.6)
		}
.rwdi {
	width:200px;
	}
	
.marge {
	margin-bottom: 1em;
	}
	/* LIGHTBOX CHANGES */
.lightbox .lb-image 	{
	border-radius:6px!important;
	}
.lb-outerContainer	{
	background-color:rgba(255,255,255,0.2)!important;
	border-radius:6px!important;
	top:-150px; /* so lb appears higher up screen */
	}
.lb-data .lb-caption {
	position:relative;
	top: -250px;
	}
	
.lb-closeContainer {
	position:relative;
	top:-150px;
	}

.lb-data .lb-number {position:relative;
	top:-160px;}
	
.fade a img { 
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	-webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;

}
 .fade a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1; 
}

 .fade a:active img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1; 
}

.fade70 a img { 
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	-webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}
 .fade70 a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1; 
}

 .fade70 a:active img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1; 
}

.fade80out a img { 
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	-webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
 .fade80out a:hover img {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6; 
}

 .fade80out a:active img {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6; 
}

/* ALTON FEILE STUFF */
.d3w3-panelstrap-feile {	
	position:relative; 
	top:0px; 
	left:0px;

	height:auto;
	background-color:#4f7d71d35;
	letter-spacing: 0pt;
	color:#fff;
	padding:6px 20px 4px 10px;
}


.d3w3-panelstrap-squirrel {	
	position:relative; 
	top:0px; 
	left:0px;

	height:auto; 
	background-color:#464c79;
	letter-spacing: 0pt;
	color:#fff;
	padding:6px 20px 4px 10px;
}

.d3w3-panelstrap-summer {	
	position:relative; 
	top:0px; 
	left:0px;

	height:auto;
	background-color:#f90;
	letter-spacing: 0pt;
	color:#fff;
	padding:6px 20px 4px 10px;
}

.yr15 { color: #d71d35;
		text-align: center 
		}


@media screen and (max-width: 800px) {
	body {
		font-size:0.95em;
	}
	
	.d3w3-leftcol {
		width:98%;
		margin-top:0.5em;
		margin:0 1%;
	}
	
/* RD LOGO */	
	#d3w3-logo {
		display:none;
		margin-left:0;
	}
	#d3w3-logo1 {
		display:inline;
		width:100%;
		float:none;

	}


	a:link, a:visited {
		color: #999;
		font-weight:normal;
		}
	a:active, a:hover { color:#d71d35; }
	
	#d3w3-nav {
		float:none;
		width:100%;
		position:relative;
		
		top:0;
		text-align:center;
	}
	
	ul#nav {
		/* width:100%; */
}	
	#nav li {
		display:inline;
		font-size:1.1em;
		margin-right:0.3em;
		line-height:2.8em;
		
	}
	
	/* #nav li a {
		background-color:#555;
		border-radius:4px;
		padding:0.4em 0.6em;
	} */

	.d3w3-content-area {
		width:97%;
		float:left;
		position:relative;
		top:0px;
		margin:0 6px;
	 }
	 

	.d3w3-socialn { 
	position:relative; 
	top:0px; 
	left:10px;
	Width:100px;
	margin-bottom:0.5em;	
	}
	
	#d3w3-arclogo { display:none;}
	#d3w3-plec { display:none; }
	
	.d3w3-footerbox {
	text-align:center;
	padding-bottom:2em;
	}
	.d3w3-panelstrap-end {
	font-size:0.8em;
	}
	.leftcol {
	width:100%;
	}
	.rwdi {
	width:100%;
	margin-bottom:1em;
	}
	
}	
/*
----------------------------------------------------------------------------------------------
td { font-family:verdana, arial, helvetica, sans-serif; font-size:10px; color:#666666}
input { font-family:verdana, arial, helvetica, sans-serif; font-size:10px; border-width:1px }
textarea { font-family:verdana, arial, helvetica, sans-serif; font-size:10px; border-width:1px }
select { font-family:verdana, arial, helvetica, sans-serif; font-size:10px }
ul { margin-top:0px; margin-bottom:9px; margin-left:0px; padding-left:16px }
li { margin-bottom:2px } */