body {
	Xbackground: #f8f8f8;
	Xbackground: #e8e8e8;
	background-image: none;
}

/* 2 Sectional */
/* 2.1 Header */
header {
	height: 4em;
	padding: 0em 0.3em 1em 0.3em;
	-pie-background: transparent;
	-pie-background: url(../hbt.png); /* image because alpha gradients not working in PIE*/
	behavior: url(../PIE.htc); /* wrong path to see ie2 */ 
}

/* 2.2 Footer */
a.sites { background-image: url(../logovasB.gif) !important;} /* Correct Path */
a.sites:hover { background-image: url(../logovasshade.gif) !important; } /* Correct Path */


/* 2.3 Site Navigation */
nav.near {
    border: 5px solid rgb(151, 151, 151);
    border: 5px solid rgba(79, 79, 79, .8);
	border-width: 5px 0px 5px 0px;
	-webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
	-o-border-radius: 10px; 
	border-radius: 10px;
	background-color:  rgb(239, 238, 235);
	background-color:  rgba(235, 235, 235, 0.6);
	behavior: url(../PIE.htc);
	font-weight: bold; 
	display: block; 
	width: 99%;
	clear: both;
	color: #F00;
	text-shadow: 4px 4px 4px #A99; 
}
nav.near.topedge { border-width: 0px 0px 5px 0px;}
nav.near.bottomedge { border-width: 5px 0px 0px 0px;}

nav.near  a {font-weight: bold; text-shadow: none }

nav.near  p {margin: 0px }
nav.near  p.nxt {float: right; padding-right: 0.5em }
nav.near  p.prv {float: left }
nav.near.notedge  p.prv,  nav.near.notedge p.nxt {margin-top: 0.6em}
nav.near  p.tp {margin-left: 42% }


.timeLine p:first-letter	{ color: #696969; font-size: 120%}

.timeLine h2 {
	margin-left: 40%; 
	margin-top: 3px; 
	margin-bottom: 3px; 
    box-shadow: 0 3px 3px #DDDDDD;
	box-shadow: 0 0 5px 0 gray;
	-moz-box-shadow: 0 0 5px 0 gray;
	-webkit-box-shadow: 0 0 5px 0 gray;	
	width: 8em; 
    border: 1px solid #907164;
    border-radius: 5px 5px 0px 0px;
    background: -moz-linear-gradient(center top , #F5F5EA, #D4CEB9) repeat scroll 0 0 transparent;
	background: #f5f5ea; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f5ea 0%, #d4ceb9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5ea), color-stop(100%,#d4ceb9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f5f5ea 0%,#d4ceb9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f5f5ea 0%,#d4ceb9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f5f5ea 0%,#d4ceb9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f5f5ea 0%,#d4ceb9 100%); /* W3C */
	-pie-background: linear-gradient(#f5f5ea, #d4ceb9); /*PIE*/
	behavior: url(../PIE.php);
    padding: 0 8px;
	text-align: center; 
    color: #444;
    font-family: arial,verdana,helvetica,sans-serif;
    font-weight: bold;
    line-height: 2;
    outline: 0 none;
    white-space: nowrap;
}
.timeLine h3 {
	margin: 0px;
	margin-right: 0.5em;
	border: 0px;
	padding-left: 20px;
	padding-right: 2.0em;
	background: transparent;
	background-position: 0px 4px;
	background-repeat: no-repeat;
	xfloat: left;
}


.loc	{font-weight: bold}


.timeLine p { margin-top: 0px; }


.timeLine .ab,
.timeLine .wo,
.timeLine .uk,
.timeLine .wa,
.timeLine .geo,
.timeLine .med,
.timeLine .spc,
.timeLine .sci,
.timeLine .cmp,
.timeLine .agr
	{
	margin-left: 40%;
	margin-top: -3px;
	margin-bottom: 12px;
	margin-right: 1%;
	width: auto;
    border-radius: 1px 12px 12px 12px;
	behavior: url(../PIE.php);
	padding-left: 5px;
	padding-right: 4px;
	padding: 5px 8px 5px 10px;
}

.timeLine .ab,
.timeLine .uk,
.timeLine .wa
	{
    border-radius: 12px 12px 12px 12px;
}


.timeLine .ab 	{
	margin-left: 5px;
	width: 70%;
}

.timeLine .wa {
	margin-left: 30%;
	margin-right: 10%;
	width: auto;
	padding-left: 5px;
}

.timeLine .uk {
	margin-left: 36%;
	margin-right: 4%;
	width: auto;
	padding-left: 5px;
}

.geo { border: 1px solid #FE0034; border-top: 6px solid #FE0034; background-color: #FFF0F5;
	box-shadow: 4px 4px 9px 1px #E37B90;
	-webkit-box-shadow: 4px 4px 9px 1px #E37B90;
	-moz-box-shadow: 4px 4px 9px 1px #E37B90;
	-o-box-shadow: 4px 4px 9px 1px #E37B90;
}
.geo h3 {border-bottom: 2px dotted #FE0034; background-image: url(geo.gif)}

.sci { border: 1px solid #86CA81; border-top: 6px solid #86CA81; background-color: #F0FFF0;
	box-shadow: 4px 4px 9px 1px #AFBDAE;
	-webkit-box-shadow: 4px 4px 9px 1px #AFBDAE;
	-moz-box-shadow: 4px 4px 9px 1px #AFBDAE;
	-o-box-shadow: 4px 4px 9px 1px #AFBDAE;
}
.sci h3 {border-bottom: 2px dotted #86CA81; background-image: url(sci.gif)}

.cmp { border: 1px solid #A020F0; border-top: 6px solid #A020F0; background-color: #E6E6FA;
	box-shadow: 4px 4px 9px 1px #BEA7CC;
	-webkit-box-shadow: 4px 4px 9px 1px #BEA7CC;
	-moz-box-shadow: 4px 4px 9px 1px #BEA7CC;
	-o-box-shadow: 4px 4px 9px 1px #BEA7CC;
}
.cmp h3 {border-bottom: 2px dotted #A020F0; background-image: url(cmp.gif)}

.med { border: 1px solid #1E91FE; border-top: 6px solid #1E91FE; background-color: #E0FFFF;
	box-shadow: 4px 4px 9px 1px #AABED1;
	-webkit-box-shadow: 4px 4px 9px 1px #AABED1;
	-moz-box-shadow: 4px 4px 9px 1px #AABED1;
	-o-box-shadow: 4px 4px 9px 1px #AABED1;
}
.med h3 {border-bottom: 2px dotted #1E91FE; background-image: url(med.gif)}

.spc { border: 1px solid #000000; border-top: 6px solid #000000; background-color: #F8F8F8;
	box-shadow: 4px 4px 9px 1px #9A9A9A;
	-webkit-box-shadow: 4px 4px 9px 1px #9A9A9A;
	-moz-box-shadow: 4px 4px 9px 1px #9A9A9A;
	-o-box-shadow: 4px 4px 9px 1px #9A9A9A;
}
.spc h3 {border-bottom: 2px dotted #000000; background-image: url(spc.gif)}

.agr { border: 1px solid #557F17; border-top: 6px solid #A7DF45; background-color: #EBFFCF;
	box-shadow: 4px 4px 9px 1px #C3D99E;
	-webkit-box-shadow: 4px 4px 9px 1px #C3D99E;
	-moz-box-shadow: 4px 4px 9px 1px #C3D99E;
	-o-box-shadow: 4px 4px 9px 1px #C3D99E;
}
.agr h3 {border-bottom: 2px dotted #6E9F27; background-image: url(agri.gif)}

.wo { border: 1px solid #1BDFB6; border-top: 6px solid #1BDFB6; background-color: #EFFFFA;
	box-shadow: 4px 4px 9px 1px #9DBFB8;
	-webkit-box-shadow: 4px 4px 9px 1px #9DBFB8;
	-moz-box-shadow: 4px 4px 9px 1px #9DBFB8;
	-o-box-shadow: 4px 4px 9px 1px #9DBFB8;
}
.wo h3 {border-bottom: 2px dotted #1BDFB6; background-image: url(wo.gif)}

/* .wo { border: 1px solid #CDAA7D; border-top: 6px solid #CDAA7D; background-color: #FAEBD7; background-image: url(wo.gif)}
.wo h3 {border-bottom: 2px dotted #CDAA7D;}
*/

.uk { border: 1px solid #CD853F; border-top: 6px solid #CD853F; background-color: #FDF5E6;
    background-image: url("UK.png");
    background-repeat: no-repeat;
	background-position: top right 1px;
	box-shadow: 4px 4px 9px 1px #C9A179;
	-webkit-box-shadow: 4px 4px 9px 1px #C9A179;
	-moz-box-shadow: 4px 4px 9px 1px #C9A179;
	-o-box-shadow: 4px 4px 9px 1px #C9A179;
}


.meteo2 {
background: inherit;
background: radial-gradient(circle farthest-corner at right center, #FE0034 0%, rgba(0,0,0,0) 2%);
background: -webkit-radial-gradient(circle farthest-corner at right center, #FE0034 0%, rgba(0,0,0,0) 2%);
background: -moz-radial-gradient(circle farthest-corner at right center, #FE0034 0%, rgba(0,0,0,0) 2%);
}

.mmed {
background: inherit;
background: radial-gradient(circle farthest-corner at right center, #1e91fe 0%, rgba(0,0,0,0) 2%);
background: -webkit-radial-gradient(circle farthest-corner at right center, #1e91fe 0%, rgba(0,0,0,0) 2%);
background: -moz-radial-gradient(circle farthest-corner at right center, #1e91fe 0%, rgba(0,0,0,0) 2%);
}

.uk h3 {border-bottom: 2px dotted #CD853F; background-image: url(uk.gif)}

.wa { border: 1px solid #FF8C00; border-top: 6px solid #FF8C00; background-color: #FFEBCD;
    background-image: url("Wales.png");
    background-repeat: no-repeat;
	background-position: top right 1px;
	box-shadow: 4px 4px 9px 1px #D4B186;
	-webkit-box-shadow: 4px 4px 9px 1px #D4B186;
	-moz-box-shadow: 4px 4px 9px 1px #D4B186;
	-o-box-shadow: 4px 4px 9px 1px #D4B186;
}
.wa h3 {border-bottom: 2px dotted #FF8C00; background-image: url(wa.gif)}

.ab { border: 1px solid #EEB422; border-top: 6px solid #EEB422; background-color: #FFFACD;
    background-image: url("Aber.png");
    background-repeat: no-repeat;
	background-position: top right 1px;
	box-shadow: 4px 4px 9px 1px #C4AC6E;
	-webkit-box-shadow: 4px 4px 9px 1px #C4AC6E;
	-moz-box-shadow: 4px 4px 9px 1px #C4AC6E;
	-o-box-shadow: 4px 4px 9px 1px #C4AC6E;
}
.ab h3 {border-bottom: 2px dotted #EEB422; background-image: url(ab.gif)}


.timeLine p.wa,
.timeLine h3.wa,
.timeLine h4.wa,
.timeLine p.uk,
.timeLine h3.uk,
.timeLine h4.uk,
.timeLine p.wo,
.timeLine h3.wo,
.timeLine h4.wo,
.timeLine p.spc,
.timeLine h3.spc,
.timeLine h4.spc,
.timeLine p.sci,
.timeLine h3.sci,
.timeLine h4.sci,
.timeLine p.geo,
.timeLine h3.geo,
.timeLine h4.geo
	{
	width: auto;
	margin-left: 40%;
}


/* population charts */
.chart caption {
	color: #800000; 
	font: 120% sans-serif; 
	background-color: #FAF0E6;
	background-image: url(../h3back.jpg);
	border-style: solid; 
	border-width: 1px; 
	border-color: #666699 
}
.chart td { font-size: 80% }
.chart div.key td { font-size: 100% }

/* References */
.grefs dt {
	position: relative;
	margin-left: 0.3em;
	top: 0em;
	width: 2.2em;
	text-align: right;
}

.grefs dt span  {
	font-weight: bold;
	font-size: 130%;
	color: #666
}

.grefs dd {
	margin: -1.4em 0px 0em 3em;
}



span:target,
.timeLine  div:target h2
 {
	background: yellow;
	background-image: url(wg.gif);
}

/* blockquotes */

blockquote {
	margin: 2em; 
	margin-bottom: 2.5em; 
	border: solid 1px #EFEAC2; 
    border-radius: 8px 8px 8px 8px;
	box-shadow: inset 1px 1px 3px 0px #A8A69F,20px 20px 25px 7px #CCC372;
	-webkit-box-shadow: inset 1px 1px 3px 0px #A8A69F,20px 20px 25px 7px #CCC372;
	-moz-box-shadow: inset 1px 1px 1px 0px #A8A69F,20px 20px 25px 7px #CCC372;
	-o-box-shadow: inset 1px 1px 3px 0px #A8A69F,20px 20px 25px 7px #CCC372;
	behavior: url(../PIE.htc);
	background: #FFFCDF; 
	background: #F4F4FF;
	padding: 0.5em;
	padding-bottom: 2em;
	font-family: 'Times New Roman',Georgia,Serif;
	font-size: 120%
}


blockquote cite {float: right}


.timeLine blockquote *:before, .timeLine blockquote p:after {
	font-family: 'Ultra', 'Trebuchet MS', serif;
	font-size: 100%; 
	position: relative; 
}

.timeLine blockquote  > *:first-child:before  {
	float: left;
	font-size: 180%; 
	content: "\201C";
	color: #555
}
.timeLine blockquote p:last-child:after {
	content: "\201D";
}


.timeLine figcaption {
	font-weight: bold;
	color: #333
}

/* larger blockquote text on hover */
.timeLine article blockquote {font-size: 50%}
.timeLine article blockquote:hover, .timeLine article blockquote:focus {font-size: 100%}




/* graph colours */
.slate strong {
	background: #183f31; /* Old browsers */
	background: -moz-linear-gradient(left, #183f31 0%, #512c4e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#183f31), color-stop(100%,#512c4e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #183f31 0%,#512c4e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #183f31 0%,#512c4e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #183f31 0%,#512c4e 100%); /* IE10+ */
	background: linear-gradient(to right, #183f31 0%,#512c4e 100%); /* W3C */
	-pie-background: linear-gradient(left, #183f31 0%, #512c4e 100%); /*PIE*/
	behavior: url(../PIE.php);
	color: #FFF
}

.agriland strong {
	background: #4bd12e; /* Old browsers */
	background: -moz-linear-gradient(left, #4bd12e 0%, #f9cf11 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4bd12e), color-stop(100%,#f9cf11)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #4bd12e 0%,#f9cf11 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #4bd12e 0%,#f9cf11 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #4bd12e 0%,#f9cf11 100%); /* IE10+ */
	background: linear-gradient(to right, #4bd12e 0%,#f9cf11 100%); /* W3C */
	-pie-background: linear-gradient(left, #4bd12e 0%, #f9cf11 100%); /*PIE*/
	behavior: url(../PIE.php);
	color: #1B3A29
}

.copper strong {
	background: #ff6633; /* Old browsers */
	background: -moz-linear-gradient(left, #ff6633 0%, #cb6d51 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff6633), color-stop(100%,#cb6d51)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #ff6633 0%,#cb6d51 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #ff6633 0%,#cb6d51 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #ff6633 0%,#cb6d51 100%); /* IE10+ */
	background: linear-gradient(to right, #ff6633 0%,#cb6d51 100%); /* W3C */
	-pie-background: linear-gradient(left, #ff6633 0%, #cb6d51 100%); /*PIE*/
	behavior: url(../PIE.php);
	color: #1B3A29
}

.agriwood strong {
	background: #1a8436; /* Old browsers */
	background: -moz-linear-gradient(left, #1a8436 0%, #7f5d0c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1a8436), color-stop(100%,#7f5d0c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #1a8436 0%,#7f5d0c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #1a8436 0%,#7f5d0c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #1a8436 0%,#7f5d0c 100%); /* IE10+ */
	background: linear-gradient(to right, #1a8436 0%,#7f5d0c 100%); /* W3C */
	-pie-background: linear-gradient(left, #1a8436 0%, #7f5d0c 100%); /* PIE */
	behavior: url(../PIE.php);
	color: #fff
}

.agrismall strong {
	background: #49cc8a; /* Old browsers */
	background: -moz-linear-gradient(left, #49cc8a 0%, #0d8274 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#49cc8a), color-stop(100%,#0d8274)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #49cc8a 0%,#0d8274 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #49cc8a 0%,#0d8274 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #49cc8a 0%,#0d8274 100%); /* IE10+ */
	background: linear-gradient(to right, #49cc8a 0%,#0d8274 100%); /* W3C */
	-pie-background: -moz-linear-gradient(left, #49cc8a 0%, #0d8274 100%); /* PIE */
	behavior: url(../PIE.php);
	color: #fff
}

.nogen strong {
	background: #cc2679; /* Old browsers */
	background: -moz-linear-gradient(left, #cc2679 0%, #e00030 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cc2679), color-stop(100%,#e00030)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #cc2679 0%,#e00030 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #cc2679 0%,#e00030 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #cc2679 0%,#e00030 100%); /* IE10+ */
	background: linear-gradient(to right, #cc2679 0%,#e00030 100%); /* W3C */
	-pie-background: -moz-linear-gradient(left, #cc2679 0%, #e00030 100%); /* PIE */
	behavior: url(../PIE.php);
	color: #fff
}

.boys strong {
	background: #4d21ff; /* Old browsers */
	background: -moz-linear-gradient(left, #4d21ff 0%, #16007a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4d21ff), color-stop(100%,#16007a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #4d21ff 0%,#16007a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #4d21ff 0%,#16007a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #4d21ff 0%,#16007a 100%); /* IE10+ */
	background: linear-gradient(to right, #4d21ff 0%,#16007a 100%); /* W3C */
	-pie-background: linear-gradient(left, #4d21ff 0%, #16007a 100%); /* PIE */
	behavior: url(../PIE.php);
	color: #fff
}

.girls strong {
	background: #ff7ca6; /* Old browsers */
	background: -moz-linear-gradient(left, #ff7ca6 0%, #f740a1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff7ca6), color-stop(100%,#f740a1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #ff7ca6 0%,#f740a1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #ff7ca6 0%,#f740a1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #ff7ca6 0%,#f740a1 100%); /* IE10+ */
	background: linear-gradient(to right, #ff7ca6 0%,#f740a1 100%); /* W3C */
	background: linear-gradient(left, #ff7ca6 0%, #f740a1 100%); /* PIE */
	-pie-background: linear-gradient(left, #ff7ca6 0%, #f740a1 100%); /* PIE */
	behavior: url(../PIE.php);
	color: #000
}

.nogen strong {
	background: #cc2679; /* Old browsers */
	background: -moz-linear-gradient(left, #cc2679 0%, #e00030 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cc2679), color-stop(100%,#e00030)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #cc2679 0%,#e00030 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #cc2679 0%,#e00030 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #cc2679 0%,#e00030 100%); /* IE10+ */
	background: linear-gradient(to right, #cc2679 0%,#e00030 100%); /* W3C */
	-pie-background: -moz-linear-gradient(left, #cc2679 0%, #e00030 100%); /* PIE */
	behavior: url(../PIE.php);
	color: #fff
}

.nodata strong {
	background: #fff !important;
	background-image: none;
	color: #000
}

.gleftcol strong {float: right}
.grightcol dt {display: none}
.grightcol dd {margin-left: 0em}




@media(max-width: 768px){
.timeLine .ab,
.timeLine .wo,
.timeLine .uk,
.timeLine .wa,
.timeLine .geo,
.timeLine .med,
.timeLine .spc,
.timeLine .sci,
.timeLine .cmp,
.timeLine .agr
	{
	margin-left: 1%;
	margin-right: 4%;
	width: 95%;
}
	
}