/* Core CSS  17-08-08*/

/* Section 1       general CSS */

* {margin: 0px; padding: 0px}

.f60  {font-size:  60%}
.f80  {font-size:  80%}
.f100 {font-size: 100%}
.f120 {font-size: 120%}
.f140 {font-size: 140%}
.f160 {font-size: 160%}
.f180 {font-size: 180%}
.f200 {font-size: 200%}
.f240 {font-size: 240%}
.f260 {font-size: 260%}


.fleft {float: left}
.fright {float: right}
.txtright {text-align: right}
.txtleft {text-align: left}
.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}
.imgrow img {vertical-align: middle;}
.cleft	{ clear: left;}
.cright	{ clear: right;}
.clall	{ clear: both;}


.w20 {width: 20%}
.w25 {width: 25%}
.w33 {width: 33%}
.w48 {width: 48%}
.w50 {width: 50%}
.w66 {width: 66%}
.w75 {width: 75%}
.w80 {width: 80%}
.w94 {width: 94%}

.m2 {margin-left: 2%; margin-right: 2%}
.m5 {margin-left: 5%; margin-right: 5%}
.m10 {margin-left: 10%; margin-right: 10%}
.m15 {margin-left: 15%; margin-right: 15%}
.m20 {margin-left: 20%; margin-right: 20%}
.m25 {margin-left: 25%; margin-right: 25%}
.m30 {margin-left: 30%; margin-right: 30%}
.m33 {margin-left: 33%; margin-right: 33%}


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


abbr {speak: spell-out;}


/* Sectional */


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



/* clearing floats */
.clearfix {display: inline-block;}

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

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





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


/* Section 1b       Structural Scaffold */

.split2 {}
.split2right { width: 49.5%; float: right; margin: 0px; padding: 0px}
.split2left {width: 49.5%; float: left;}				/* can fail in ie6 at some sizes if 50% */
.split2rightb {width: 48%; float: right; padding-left: 1%}
.split2leftb {width: 48%; float: left; padding-right: 1%}

.split3 {}
.split3left {width: 33%; float: left;}

.split3b {}
.split3leftb {width: 31%; margin: 0px 0.5%; float: left;} 			/* can fail in ie6 at some sizes if 1% or 0.75% */


/* Section 2       main menues */

/* Section 3       Specific to certain pages */

/* Section 4 Abandoned experiments */

/* Section 5       Debug tools */

.r {border: 1px solid #FF0000}	/* red */
.g {border: 1px solid #00FF00}	/* green */
.t {border: 1px solid #00FFFF}	/* turquoise */
.f {border: 1px solid #FF00FF}	/* fuscia */
.y {border: 1px solid #FFFF00}	/* yellow */
.rb {background: #FF7F7F}	/* light red */
.tb {background: #7F89FF}	/* light turquoise */
.gb {background: #92FF7F}	/* light green */
.yb {background: #FEFF7F}	/* light yellow */
.grid10 {background: url(p/10x10block.png) !important;}
.grid25 {background: url(p/25x25block.png) !important;}
.grid50 {background: url(p/50x50block.png) !important;}
.grid100 {background: url(p/100x100block.png) !important;}
.mesh10 {background: url(p/10x10mesh.png) !important;}
.mesh25 {background: url(p/25x25mesh.png) !important;}
.mesh50 {background: url(p/50x50mesh.png) !important;}
.mesh100 {background: url(p/100x100mesh.png) !important;}
.plus10 {background: url(p/10x10+.png) !important;}
.plus25 {background: url(p/25x25+.png) !important;}
.plus50 {background: url(p/50x50+.png) !important;}
.plus100 {background: url(p/100x100+.png) !important;}
.dot10 {background: url(p/10x10dot.png) !important;}
.dot25 {background: url(p/25x25dot.png) !important;}
.dot50 {background: url(p/50x50dot.png) !important;}
.dot100 {background: url(p/100x100dot.png) !important;}