/* 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	{ font: bold 170% sans-serif; letter-spacing: 0.2em; text-align: center; padding: 0px; margin-top: 0px; color:#06a;}
h2	{ font: bold 140% sans-serif }
h2, h3 { color: #800000 }
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%}


.fleft {float: left}
.fright {float: right}
.txtright {text-align: right}
.centr, .centr caption	{ text-align: center}
.centr table	{ margin-left: auto; margin-right: auto; text-align: left;}
.centr caption	{ font-weight:bold; margin-left: auto; margin-right: auto;}
.midle {margin-left: auto; margin-right: auto}
.cleft	{ clear: left;}
.cright	{ clear: right;}
.clall	{ clear: both;}
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 */



/* Sectional */
/* goto top of page */
.jumpTop {
	float: right;
	font-size: 80%
}

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

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

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


/* header */
.header {
	margin: 0em 4%;
	border:1px solid #B5B5B5; 
}

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


/* footer */
.footer {
	margin-top: 1.5em;
	border-style: solid;
	border-width: 3px;
	border-color: #828282 #000000 #000000 #828282;
	background-image: url(backfoot3.jpg);
	padding: 0.5em;
	text-align: center;
	font-weight: bold
}
.footer a {font-weight: bold}

.footer .sites {float: right; margin-right: 0.75em;}

.counter img { vertical-align: middle }

.counter span {
	margin: 2px;
	border: 5px ridge #0000DD;
	padding: 0px 12px;
	background: #FFFFFF;
	color: #CD950C;
	font-size: 120%;
	font-weight: 900;
	
}

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


.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; padding-top:0.5em;}
.h2section p {padding-bottom:0.5em;}
.h2section {background: transparent;}

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


/* latinised greek and latin */
:lang(el-Latn), :lang(la) { 
	font-family: "New Century Schoolbook", Times, serif;
	font-size: 120%;
	font-style: italic;
	letter-spacing: -1px;}

/* 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(shadowAlpha.png) no-repeat bottom right !important;
  background: url(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;
}


/* clearing floats */
.clearfix:after {
	clear: both; 
	visibility: hidden;
	display: block; 
	height: 0; 
	content: "."; 
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



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

 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;
	padding: 0.3em 0px;
	background: #CDB79E;
	text-align: center; 
}

.allmenu img {border: 0px}






.split2 {}
.split2right { width: 50%; float: right;}
.split2left {width: 50%; float: left;}
.split2rightb {width: 48%; float: right; padding-left: 1%}
.split2leftb {width: 48%; float: left; padding-right: 1%}



/* Section 3       Specific to certain pages */
/* website portfolio */
.bb3, .bb2 {
	width: 50%; 
	margin: 0.5em auto;
	border: 2px solid #000000; 
}
.bb3 h2, .bb3 p, .bb2 h2, .bb2 p { 
	text-align: 
	center; margin: 0.2em
}
.bb3 a img, .bb2 a img {border: 0px}

.bb3 {width: 90%}





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

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





/* sin bin



body {
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

td.menu a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; text-decoration: none }
td.menu a:active { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: red; text-decoration: none} 
td.menu a:link 	{ font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; text-decoration: none} 
td.menu a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; text-decoration: none}





.w {	text-align: right;
	font-weight: bold
}



.uns
{font-family: monospace;
color: red}


*/

/* HoverBox Gallery */

.hoverbox, .hoverboxV {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	list-style: none none;
}

.hoverboxV:after, .hoverbox:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

.hoverboxV li, .hoverbox li {
	position: relative;
	list-style: none none;
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	width: 156px;
	height: 106px;
}

.hoverboxV li {
	width: 106px;
	height: 156px;
}

.hoverboxV li a, .hoverbox li a {
	margin: 0px;
	padding: 0px;
	position: relative;
	float: left;
	display: block;
	width: 156px;
	height: 106px;
}

.hoverboxV li a {
	width: 106px;
	height: 156px;
}

.hoverboxV li a:hover, .hoverbox li a:hover {
	font-size: 100%;
	z-index: 2;
}

.hoverboxV img, .hoverbox img {
	margin: 0px;				/* Only Stars to counter margin elsewhere */
}

.hoverboxV li a img, .hoverbox li a img {
	width: 150px;
	height: 100px;
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
}

.hoverboxV li a img {

	width: 100px;
	height: 150px;
}

.hoverboxV li a:hover img,.hoverboxV li a:active img,.hoverboxV li a:focus img,
.hoverbox li a:hover img,.hoverbox li a:active img,.hoverbox li a:focus img {
	position: absolute;
	width: 300px;
	height: 200px;
	left: -100px;
	top: -55px;
	z-index: 1;
	border-color: #828282 #363636 #363636 #828282;
	border-style: solid;
	border-width: 4px;
}
.hoverboxV li a:hover img,.hoverboxV li a:active img,.hoverboxV li a:focus img {
	width: 200px;
	height: 300px;
	left: -60px;
	top: -75px;
	z-index: 1;
}