/* 1 General CSS */
body {
background-image: url(backfoot3.jpg);
}



/* 2 Sectional */
/* 2.1 Header */
header {
	height: 2.6em;
	margin: -15px 5% 0em 5%;
	padding: 1em 0.3em;
    border: 15px solid rgb(201, 201, 201);
    border: 15px solid rgba(99, 99, 99, .3);
	border-width: 0px 15x 15px 15px;
	-webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
	-o-border-radius: 10px; 
	border-radius: 10px;
	background: -moz-linear-gradient(left, rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.1)), color-stop(20%,rgba(255,255,255,1)), color-stop(80%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0.1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0.1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(255,255,255,0.1) 100%); /* IE10+ */
	background: linear-gradient(left, rgba(255,255,255,0.1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(255,255,255,0.1) 100%); /* W3C */
}

header h1 {
	text-align: center; 
	font-family: "Trebuchet MS", sans-serif;
	font: 170% sans-serif; 
	letter-spacing: 0.2em;
	text-shadow: 2px 2px 4px #AAA; 
	color: #333
}

header .date	{ 
	float: right; 
	color: #9FB6CD; 
	font-size: 0.75em; 
	font-style: italic; 
	Xmargin-top: -1.5em; 
	margin-right: 1.3em
}



/* 2.2 Footer */
footer {
	overflow: hidden; /* helps contain floats */
	margin-top: 1.5em;
	border-top: 1px solid #888;
	background-color: #222;
	padding: 0.5em 0.5em 0em 0px;
	font-family: Verdana,Geneva,Tahoma,sans-serif;
	color: #FFF;
	text-align: center;
		clear: both;
}

footer p {color: #FFF}
footer a:visited {color: #AECF26}
footer a {font-weight: bold; color: #F60}
.counter {font-size: 10%}
.counter img { vertical-align: middle }
.counter span {
	display: inline-block;
	margin: 2px;
	border: 5px ridge #0000DD;
	padding: 0px 12px;
	background: #FFFFFF;
	color: #F7D411;
	font-size: 140%;
	font-weight: 500;
	letter-spacing: 4px;
	text-shadow: 0px 0px 2px #000, 1px -2px 3px #000, 1px -2px 3px #BBB;
}
.jumpTop {
	clear: both;
	float: right;
	text-align: right;
	font-size: 80%;
	line-height: 180%
}



/* 2.3 Site Navigation */
nav, nav#vollend {
	position:relative;
	top:9em;
    right:0px;
	overflow: hidden;
	width: 9em;
	float: right;
	padding: 1em 0.3em;
    border: 5px solid rgb(151, 151, 151);
    border: 5px solid rgba(79, 79, 79, .8);
	border-width: 0px 0px 0px 5px;
	-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);
}

ul.Mnu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 15em;
	overflow: hidden
}

.Mnu li {display: block; height: 1.2em; border: 0px solid rgb(242, 237, 217);}
.Mnu  a {
	display: block; 
	padding: 0px 0px; 
	border: 0px solid rgb(172, 171, 169); 	
	font-family: Arial,Helmet,Freesans,sans-serif;
	Xfont-size: 16px;
	font-weight: 600;
	text-decoration: none
}

li.Mw { font-size: 80%; }
li.Ms { padding: 7px 0px; background-color:  rgba(235, 235, 235, 0.5)}
li.M, li.Mp { padding: 7px 0px; background-color:  rgba(235, 235, 235, 0.9)}
li.Mp { padding: 2px 0px;}
li.M { padding-left:8px; font-size: 120%; }
.Mnu li a: {
	overflow: hidden;
	letter-spacing: normal;
	-webkit-transition-property: font-size, letter-spacing, background-color;
	-webkit-transition-duration: 0.2s, 0.8s, 0.7s;
	-webkit-transition-timing-function: ease-out, linear, linear;
	-webkit-transition-delay: 0s, 0.5s, 0s;
	-moz-transition-property: font-size, letter-spacing, background-color;
    -moz-transition-duration: 0.2s, 0.3s, 0.7s;
    -moz-transition-timing-function:  ease-out, linear, linear;
	-moz-transition-delay: 0s, 0.5s, 0s;
	-o-transition-property: font-size, letter-spacing, background-color;
	-o-transition-duration: 0.2s, 0.3s, 7s;
	-o-transition-timing-function: ease-out, linear, linear;
	-o-transition-delay: 0s, 0.5s, 0s;
	transition-property: font-size, letter-spacing, background-color;
	transition-duration: 0.2s, 0.3s, 0.7s;
	transition-timing-function: ease-out, linear, linear;
	transition-delay: 0s, 0.5s, 0s;
}
.Mnu li a:hover { 
	font-size: 140%;
	letter-spacing: -2px;
	background-color: #FFF;
}
.Mnu li.M a:hover { 
	font-size: 100%; 
	cursor: default;
	letter-spacing: normal;
	}

.sites {float: left; Xmargin: 0px auto !important; padding-left: 7px}
a.sites { display: block; width: 100px !important; height: 75px; background-image: url(logovasB.gif) !important; margin: 0px }
a.sites:hover { background-image: url(logovasshade.gif) !important; }
.sites span { display: none; }

.sites {margin-top: 15em;}

/* 2.4 Main Content */
.contnet-all {
	margin-left: 3em;
	margin-right: 12em;
}

.contnet-panel {
	zoom: -1;
	Xmargin: 0.75em 0px;
    border: 2px solid #000;
    border: 15px solid rgb(172, 171, 169);
    border: 15px solid rgba(20, 20, 20, .3);
	Xbackground-color:  rgb(239, 238, 235);
	background-color:  rgba(235, 235, 235, 0.9);
	padding: 1em;
	-webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
	-o-border-radius: 10px; 
	border-radius: 10px;
    -webkit-box-shadow: 2px 2px 3px 3px rgba(50, 50, 50, 0.7);
	-moz-box-shadow: 2px 2px 3px 3px rgba(50, 50, 50, 0.7);
    box-shadow: 2px 3px 3px 3px rgba(50, 50, 50, 0.7);
}

.contnet-panel h2 {
	font-family: sans-serif;
	color:#06a;
	text-shadow: 1px 2px 2px #7899AF
}



/* Section 1       general CSS /
body {
	padding: 0.5em 0.5em;
	margin: 0;
	font-family: sans-serif;
	color: black;
	background: #FFFFFF;
}

a		{ font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal;}
a:visited	{ text-decoration: none; }
a:active	{ color: red; text-decoration: none}
a:link		{ text-decoration: none}
a:hover		{ color: white; text-decoration: none; background: blue}



h1, h2, h3 { color: #800000 }
h1	{ font: bold 170% sans-serif; letter-spacing: 0.2em; text-align: center; }
h2	{ font: bold 140% sans-serif }
h3	{ font: 120% sans-serif; background-color: #EEE6DE; background-image: url(h3back.jpg); border: solid 1px #B5B5B5; padding-left: 0.5em;}
h4	{ font: bold 100% sans-serif }
h5	{ font: italic 90% sans-serif }
h6	{ font: small-caps 90% sans-serif }



p		{ text-indent: 0.4em }
p:first-letter	{ font-weight: bold; font-size: 110%}




.centr table	{ margin-left: auto; margin-right: auto; text-align: left;}
ul.blu	{ list-style-image: url(sqblu2.gif) }
ul.yel	{ list-style-image: url(sqyel2.gif) }
.qu { font-weight: bold; font-size: 200%; position: relative; top: 0.3em} /* quotes */


p {margin-top: 0.25em; margin-bottom: 0.75em;}
dl {margin-bottom: 0.75em;}
ol, ul {padding-left: 1.5em;}



 pre span { color: #E0E1E2}

dl.yel2	{margin-left: 1.5em}
ul.blu	{ list-style-image: url(sqblu2.gif) }
ul.yel	{ list-style-image: url(sqyel2.gif) }
.yel2 dt	{padding-left: 0.75em; background-image: url(../sqyel2.gif); background-repeat: no-repeat}
.blu2 dt	{padding-left: 0.75em; background-image: url(../sqblu2.gif); background-repeat: no-repeat}


div:target {
	background: #EFFFEF;
	background-image: url(zx.gif);
}
span:target {
	background: yellow;
	background-image: url(wg.gif);
}



/* Sectional */
/* goto top of page */

.XjumpTop:before {
	content: "Return to the:";
}

.XjumpTop a:after {
	content: " ";
	padding-right: 10px;
	background-image: url(bluua1.gif); 
	background-repeat: no-repeat;
}

.blok{
	zoom: -1;
	background-color:  rgba(247, 247, 227, 0.5);
	padding: 1em 1em 1em 2em;
	margin-bottom: 1em;
	-webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
	-o-border-radius: 5px; 
	border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 2px 2px 3px 3px rgba(50, 50, 50, 0.4);
    box-shadow: 2px 3px 3px 3px rgba(50, 50, 50, 0.4);
}



.bkshow img{
	width: 160px;
	height: 120px;
	border: 2px solid #444
}


/* curved corners */
 .h2section {
	background: #F5F5F5;
	margin: 0em 4%;
	padding: 0.75em 
	}

Xh1 { margin: 0em 4%; padding: 0px; border:1px solid #B5B5B5; }

.h2section h1, .h2section h2, .h2section p {margin:0px 10px; letter-spacing:1px;}
.h2section h1 {font-size:2.5em; color:#fff;}
.h2section h2 {font-size:150% ;color:#06a; border:0px;}
.h2section p {padding-bottom:0.5em;}
.h2section h2 {padding-top:0.5em;}
.h2section {background: transparent;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#F5F5F5; border-left:1px solid #B5B5B5; border-right:1px solid #B5B5B5;}
.xb1 {margin:0px 5px; background:#B5B5B5;}
.xb2 {margin:0px 3px; border-width:0px 2px;}
.xb3 {margin:0px 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#F5F5F5; border:0px solid #B5B5B5; border-width:0px 1px;}
.xboxcontent h3 {width: 98%; margin-top: 0em; margin-bottom: 0.25em; margin-left: auto; margin-right: auto;}
.xboxcontent h4, .xboxcontent ul { margin: 0.2em 0px;}
.xboxcontent br {height: 0.25em }
.xboxcontent ul {list-style-position: inside}

.hitmenu { margin: 0px 7.5em 0px 3% !important}

/* New button */
.syellow {
	border: 1px solid #a9a9a9;
	border-right: 2px solid #363636;
	border-bottom: 2px solid #363636;
	background-image: url(00000_000_02.gif);
	padding: 0px 0.5em;
	font-size: 75%;
	color: #8B1A1A;
	font-weight: bolder;
	letter-spacing: 0.2em;
	letter-spacing: 0.2em;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-o-border-radius: 5px; 
	border-radius: 5px;
}




/* Image with Caption */
.imgcap {
	display: block;
	text-align: center;
	font-weight: bold
}

/* pic centred */

.piccent , .picleft, .picright{
	border:1px solid #B5B5B5;
	background: #FFFFFF;
	text-align: center;
	font-weight: bold;
	padding: 0.25em 0.75em;
}

.piccent {
	margin-left: auto;
	margin-right: auto;
}

.picleft {
	float: left;
	margin: 0.5em
}

.picright {
	float: right;
	margin: 0.5em
}


/* pic drop-shadow */
.img-shadow {
  float:left;
  background: url(p/shadowAlpha.png) no-repeat bottom right !important;
  background: url(p/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}



/* graphs */
.graf {width: 100%; text-align: center; font-weight: bold}
.graf dl {text-align: left}
.graf strong {display: block; background: #7CFC00; text-align: center; overflow: visible}
.graf .this {background: #FF6347 !important;}
.graf dt {position: relative; clear: left; display: block; float: left; margin-bottom: 2px}
.graf dd {position: relative; display: block; margin-bottom: 2px; margin-left: 2.75em}



/* Section 2       main menues */
/* Site Navigation /
ul.Mnu {
	list-style-type: none; 
	padding-left: 0px;
	margin:0px;
	width: 100%
}

ul.Mnu li {
	display: block;
	margin: 0px;
	text-align: left; 
}

 ul.Mnu li a:visited {color: #68228B }

 ul.Mnu li a {
	display: block;
	padding:0px 0px 0px 3px;
	width: 100%;
	border-width: 1px;
	border-color: #E8E8E8 #B5B5B5 #B5B5B5 #CFCFCF;
	border-style: solid;
	text-decoration: none;
	font-weight: bold;
	color: #0000CD
}

li.Mh {background: #FFFF00; font-size: 140%; text-align: center !important;}
li.Mw {background: #CDB79E; font-size: 100%;}
li.Ms {background: #EEE5DE; font-size: 90%; padding-left: 7px}
li.Mp {background-image: url(a3_001.gif); font-size: 80%; padding-left: 11px}
li.Mp a {border-left: solid 1px #000000 !important; background: #FFF8DC;}
li.M { font-size: 90%; background-image: url(a3_001.gif); padding: 4px 0px 4px 7px; }
li.M a { color: #000000 !important; text-decoration: underline !important;}
li.M a:visited { color: #000000 !important; text-decoration: underline !important;}
li.M a:hover { color: #000000 !important; background-image: url(a3_001.gif) !important; cursor: default;}

 ul.Mnu li a:hover {background: #458B00; color: #FFFFFF}

.allmenu>ul.Mnu li a { width: auto; }

.sites {margin: 0px auto !important; padding-left: 7px}
a.sites { display: block; width: 100px !important; height: 75px; background-image: url(logovasB.gif) !important; margin: 0px }
a.sites:hover { background-image: url(logovasshade.gif) !important; }
.sites span { display: none; }

.allmenu {
	float: right;
	clear: right; 
	border-style: solid;
	border-width:2px 4px 4px 2px;
	border-color: #828282 #000000 #000000 #828282;
	width: 7em; 
	margin: 0px auto;
	background: #CDB79E;
	text-align: center; 
}

.allmenu img {border: 0px}





/* Section 3       Specific to certain pages */


/* separate out IE code for validation */
/* tooltip */
#pup {
	position:absolute; 
	visibility:hidden; 
	z-index: 200; 
	width: 130px; 
	text-align: center; 
	border: 1px dashed #000000; 
	padding: 3px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='magenta70.png');
}

#pup[id] {
	background: url(magenta70.png);
}


@-webkit-keyframes fade-up {
0%, 100% { opacity: 1; }
50% { opacity: 0.2; }
}
@-moz-keyframes fade-up {
0%, 100% { opacity: 1; }
50% { opacity: 0.2; }
}
@keyframes fade-up {
0%, 100% { opacity: 1; }
50% { opacity: 0.2; }
}

.fade_in {
opacity: 0.5;
-webkit-animation: fade-up 3s infinite;
-moz-animation: fade-up 3s infinite;
animation: fade-up 3s infinite;
}


@-webkit-keyframes fade-down {
0%, 100% { opacity: 0.6; }
50% { opacity: 0; }
}
@-moz-keyframes fade-down {
0%, 100% { opacity: 0.6; }
50% { opacity: 0; }
}
@keyframes fade-down {
0%, 100% { opacity: 0.6; }
50% { opacity: 0; }
}

.fade_out {
opacity: 0.5;
-webkit-animation: fade-down 4s infinite;
-moz-animation: fade-down 4s infinite;
animation: fade-down 4s infinite;
}



/* tooltip2 */
#dhtmltooltip
{
	text-align: left;
	width:150px;
	font-family: Arial, sans-serif;
	font-weight: bolder;
	margin: 0;
	padding: 5px;
	position: absolute;
	top: -1000px;
	left: -1000px;	
	border: 1px solid #000;
	z-index: 100;
	background-color: #BA55D3;
	background: url(magenta70.png);
	-moz-border-radius: 5px;
	-moz-opacity: .85;
	opacity: .85;
	filter: alpha(opacity=85);
}

*/