/* 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%}
p {margin: 0.8em 0}
p {margin-top: 0.25em; margin-bottom: 0.75em;}
dl {margin-bottom: 0.75em;}
dd {margin-left: 1em;}
ol, ul {padding-left: 1.5em; margin-left: 1.5em;}




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


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

.date	{ float: right; color: #9FB6CD; font-size: 0.75em; font-style: italic; margin-top: -0.3em; margin-right: 1em;}


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

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

.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;
}





/* graphs */
.graf {width: 100%; text-align: center; font-weight: bold}
.graf dl {text-align: left; font-size: 80%}
.graf strong {display: block; background: #7CFC00; text-align: center; overflow: visible}
.graf .this {background: #FF6347 !important; color: #6F0000}
.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 */
.allmenu {z-index: 9;}

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}







/* Section 3       Specific to certain pages */




/* tourism markets */
.market {
	margin: 0.5em; 0.1em;
}
.market img {margin: 0.5em}

/* restaurants */

.place .mr { margin: 2px 8px}
.shut {opacity: 0.25} /* ie */
.features {position: absolute; right: 150px; width: 275px}
.features img {float: right}
img.shop {position: absolute; right: 46px}
img.fork {position: absolute; right: 82px}
img.tbag {position: absolute; right: 117px}
img.cupa {position: absolute; right: 131px}
img.tabl {position: absolute; right: 173px}
img.chir {position: absolute; right: 198px}
img.wifi {position: absolute; right: 221px}

/* postcard gallery */
 .postcard { width: 35em; display: block; border: solid 2px #000000; margin: 1em 10%}
 .cardA { border-bottom: dashed 2px #828282; text-align: center; background: #FFC125;}
 .cardB { border-bottom: dashed 2px #828282; padding: 0.8em; text-align: center; background: #FAF0E6}
 .cardC { text-align: center; background: #FAF0E6}
 .agallery2 { 
	 background: #E8E8E8; 
	 font-size: 80%; 
	 border: solid 1px #B5B5B5; 
	 text-align: center; 
	 margin: 0.5em 2em;
	 padding: 0.25em 5%
}
.thumbnail {
	float: left;
	width: 184px;
	border: 1px solid #B5B5B5;
	margin: 0px 20px 20px 0px;
	padding: 10px;
	background: #FFFFFF;
	text-align: center;
}
.thumbnail img {border: solid 2px #000000}
.thumbnail img:hover {border:dashed 2px #000000}
.thumbnail a:hover {background: transparent}

/* wallpapers */
 .wallpap { 
	 background: #E8E8E8; 
	 font-size: 80%; 
	 border: solid 1px #B5B5B5; 
	 text-align: center; 
	 margin: 0.5em 2em;
	 padding: 0.25em 5%
}
.wallthumb {
	float: left;
	width: 275px;
	height: 185px;
	border: 1px solid #B5B5B5;
	margin: 0px 20px 20px 0px;
	padding: 10px;
	background: #FFFFFF;
	text-align: center;
}
.wallthumb  img{
	float: left;
}
.wallthumb  a{
	float: right;
}

/* Picture Quiz */
.endmenu {margin-top: -25em}

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