/* CSS RESET */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

html { }
body {  font-size: 93.8%; /* 100.01%; 93.8%; 87.5%; */
		text-align: center;
		color: #111;
		background-color: #fff; /* #eee */
		font-family: verdana, sans-serif;
		/* font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; */
		/* font-family: Avenir, 'Helvetica Neue', Helvetica, Arial, sans-serif; */
		/* font-family: "Lucida Grande", "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif; */
}

/* anchors */

a			{ color: #00c; text-decoration: none; } /* text-decoration: underline */			
a:hover 	{ color: #00c; }
a:visited 	{ color: #00c; }

#tocTree a:visited { color: rgb(85, 26, 139); } 			/* show visited in big tocs */
 #tocTree a:visited { color: #00c; } 

a.aref	 	{ color: #111; text-decoration: none; }

a:active, 
a:focus 	{ outline: 0; } 						/* remove dotted outlines in firefox */

a img 		{ border: 0; }

a.external	{ background: url('/Icons/external.png') center right no-repeat;
			  padding: 0 13px 0 0; }

.ahide 			{ color: #111; }
.ahide:visited 	{ color: #111; }
.ahide:hover	{ color: #00c; }
	
/* h/p */

h1 {
	clear: both;
	
	/*margin: .4em 0px .8em;
	font-size: 2.5em; */
	
	margin: .4em 0 .8em;
	font-size: 2.2em; 
	
	font-weight: bold; 
	letter-spacing: 0; 
	line-height: 1em;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	
}

h2 {
	clear: both;
	
	/*margin: 1.5em 0px .8em;
	font-size: 1.8em; */
	
	margin: 1.5em 0px .8em;
	font-size: 1.5em; 
	
	font-weight: bold; 
	letter-spacing: 0px; 
	line-height: 1.2em;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	
}

h3 {
	clear: both;
	margin: 1em 0px .5em;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
}

h4 {
	clear: both;
	margin: 1em 0px .5em;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.4em;
}

p {
	margin: 0 0 1em 0;
	text-indent: 0em;
	font-size: 1em;
	line-height: 1.5em;
}

/* utility */

.red 			{ color: red;}

.nobr 			{ white-space: nowrap; }

.invisible		{ display:none;}

.centered 		{ width: 100%; text-align: center; margin: 0 auto; }

blockquote   	{ margin: 1em 4em; }

hr 				{ margin: 1em 0px; }

.publication 	{ margin: 3em 0em; }

.contact 		{ margin: 3em 0em; display: none; }

.code       	{ margin: 0 0 1em 0; background-color: #eee; text-indent: 0em; font-size: 1.2em; line-height: 1.5em; }


/* images */

/* if you set width/height on an image with max-width, it will squish on resize */
img.inline { 
	clear: both;
	margin: 0;
	max-width: 100%; /* or should we just use width: 100% here for ie ? */
}

.image 	{ width: 100%; text-align: center; margin: 2em auto; }
	
.licon {
	clear: both;
	float: left;
	width: 125px;
	text-align: center;
	margin: .3em 1.5em 0 0;
}

.ricon {
	clear: both;
	width: 125px;
	margin: 1.5em auto 0;
	text-align:center;
}

.thumb {
	clear: both;
	width: 125px;
	margin: 1.5em auto 0;
	text-align:center;
}

.caption {
	clear: both;
	font-size: .9em;
	text-align: center;
	display: block;
	margin: .5em auto;
}
.image .caption 	{ margin: .5em 4em; }


.it { }
.itt { /* background: #bdbdbd; */ }
.itc { padding:0; margin: 0; font-size: 90%; }

/* results */

.r { }
	
.r h2 {
		clear: both;
		display: inline;
		margin: 0;
		font-size: 1.1em; 
		font-weight: normal; 
		line-height: 1.4em;
		letter-spacing: 0px;
}

.result { clear: both; padding: 0; margin-top: 0; margin-bottom: 1em; } 
.rp { font-size: 1em; padding: 0; margin: 0; margin-top: .2em; line-height: 1.4em; }

#title {
	clear: both;
	position: relative;
	width: 100%;
	text-align: center;
}

#title h1 {
	clear: both;
	margin: .4em 0px 1em;
	font-size: 2.2em; 
	font-weight: bold; 
	letter-spacing: 0px; 
	color: #333333; 
	line-height: 1em;
	
}


#map { width: 522px; width: 100%; height: 400px; margin: 2em auto; } /* 387-522 */

.guideInfoWindow { width: 20em; height: 2em; overflow: auto; padding: 1.5em 0px; margin: 0; text-align: center; }
.guideInfoWindowCluster { width: 20em; height: 6em; overflow: auto; padding: 1.5em 0px; margin: 0; text-align: center; }
.mapInfoWindow { width: 20em; height: 4em; overflow: auto; padding: .5em 1em; margin: 0; text-align: center; }
.mapInfoWindowCluster { width: 20em; height: 6em; overflow: auto; padding: .5em 1em; margin: 0; text-align: left; }
.mapInfoWindowTitle { }
.mapInfoWindowName { font-weight: bold; }
	
#page {
	font-size: 1em;
	line-height: 1.5em;
	max-width: 100%;
	min-width: 728px;
	width: 70em;
	width: 981px;
	margin: 0 auto 2em auto;
	padding: 0;
	text-align: left;
	clear: both;
	position: relative;
	overflow: visible;
	/* border-right: 1px solid rgb(189, 188, 188); */
	/* border-left: 1px solid rgb(189, 188, 188); */
	/*border-bottom: 1px solid #ccc;*/
}

.ascsa {
	color: white; 
	background: url(/Icons/ascsa/banner_background.jpg) repeat;
	font-size: 1em;
	line-height: 1.5em;
	letter-spacing: .5em;
	padding: 1em 0;
	
}

#header {
	font-size: 1.1em;
	line-height: 1.5em;
	clear: both;
	position: relative;
	overflow: hidden;
	margin: 0;
	
	/*white-space: nowrap; */
	border-bottom: 1px solid #ddd;
	/* border-bottom: 1px solid #ccc; */
	background-color: #fff;
	
	background-color:#f0f0f0;
	/* gecko based browsers */
	/*background: -moz-linear-gradient(top, #eee, #ccc 45%);*/

	/* webkit based browsers */
	/* background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(.4, #eee), color-stop(1, #ddd));

	color: #000000; /* text colour (black) */
	height: auto; /* gradient uses the full height of the element */
	border-bottom: 1px solid #bbb;
}

#header .hd1 {
	padding: 5px 0 0 1em;
}
#header .hd2 {
	padding: 32px 1em 5px .5em;
}

#header .hlogo {
	width: 8em;
}

#header .hascsa {
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 15px;
}
#header .hathenian {
	font-size: 18px;
	letter-spacing: 3px;
}
#header .hagora {
	/*color: #d63;*/
	font-size: 18px;
	letter-spacing: 3px;
	font-weight: bold;
	padding-left: 8px;
}
#header .hexcavations {
	font-size: 18px;
	letter-spacing: 3px;
	padding-left: 8px;
}
#header .hd3 {
	padding: .5em 1.2em;
	white-space: nowrap;
}
#header .hoption {
	font-size: .9em;
}
#header .hd4 {
	width: 100%;
	padding: 0 1.2em .3em 0em;
	white-space: nowrap;
}
#header .hsec {
	font-size: .9em;
	font-weight: bold;
	letter-spacing: .2em;
	padding-left: 2.5em;
}

#header .ht2 {
	/* background: rgb(255,255,255); */
	/* background: rgb(244, 244, 244); */
	border-bottom: 1px solid rgb(189, 188, 188); 
	border-top: 1px solid rgb(189, 188, 188);
}
#header .hd5 {
	padding-left: 1em;
}
#header .hd6 {
	padding: .8em 1em;
	white-space: nowrap;
}
#header .hd7 {
	padding: .5em 1em 0 1em;
	white-space: nowrap;
}
#header .hbox {
	font-size: 1.2em;
	margin: 0 0 0 1em;
	width: 28.5em;
}

#header .hbutton {
	font-size: 1em;
	height: 1.8em;
	margin: 0 0 0 1em;
	-webkit-appearance: button;
	background-color: buttonface;
	color: buttontext; 
	text-align: center;
	vertical-align: top;
}

#header .sep {
	color:#aaa;
	padding:0 .7em;
}

.button {
	font-size: 1em;
	height: 1.8em;
	-webkit-appearance: button;
	background-color: buttonface;
	color: buttontext; 
	text-align: center;
}

/*
#header .headerTop {
	width: 98%;
	margin: 0;
	border-bottom: 1px solid #ccc;
	padding: .5em 1% .5em 1%;
	background-color: #fff;
}

#header .headerBottom {
	width: 98%;
	margin: 0;
	border-bottom: 1px solid #ccc;
	padding: .5em 1% .5em 1%;
	background-color: #fff;
}
*/

/* 
#header .sect	 	{ font-size: 1em; font-weight: bold; padding: 0 2em 0 0; }
#header .links		{ font-size: .9em; padding: 0 0 0 0; white-space: nowrap; }

#search 			{ white-space: nowrap; padding-right: 1em; } */

#searchTotals		{ font-size: 1em; text-align: left; white-space: nowrap; }
#searchArrows		{ white-space: nowrap; padding-left: 1em; }
#searchPrevNext		{ font-size: .9em; }

#full {
	clear: both;
	position: relative;
	width: 93%;
	overflow: hidden;
	padding: 0 2%;
}
	
/* main and index */
#main {
	clear: both;
	position: relative;
	float: right;
	display: inline;
	width: 76%;
	overflow: hidden;
	padding: 1.5em 1% 0 2%;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/* text and meta */
#main div.text {
	float: left; /* right */
	max-width: 40em;
	margin-bottom: 2em;
}

/* .meta goes after .text */
#main div.meta {
	font-size: .9em;
	float: right;
	width: 23%;
	padding: 0 0 0 5%;
}

#navigation { 
		clear: both; 
	    padding: 0; 
		margin: 2em auto 0em;
	    text-align: center;
	    font-size: 1.1em;
		font-weight: bold;
}

#navigation table td {
	padding: .3em;
	text-align: center;
}

#index {
	font-size: .9em;
    position: relative;
	float: left;
	width: 18%;
	max-width: 17em;
	display: inline;
	padding: 1.5em 1% 0 1%;
	/* border-right: 1px solid #ddd; */
}

#index .links			{ display: block; padding: .5em 0 0 .5em; font-size: 1em; line-height: 1.3em; }
#index .linkGroup		{ display: block; padding-bottom: 2em; padding-left: 1em; }
/* #index .link         	{ display: block; padding-top: .8em;} */
#index .linkHeader 
#index .link         	{ display: block; padding-top: .8em; padding-left: 1em;}
#index .linkSelected 	{ display: block; padding-top: .8em; padding-left: 1em; font-weight: bold; text-indent: -1em; }
#index .linkFlush		{ display: block; padding-top: .8em; }

.count 					{ font-size: .9em; }


dfn{padding-left:.2em;padding-right:.3em}
dfn{font-style:normal;font-weight:bold;padding-left:2px;position:relative;top:-.12em}

/* footer is inside the page to force boundary */
#footer {
	clear: both;
	display: block;
	width: 100%;
}

/* this is outside the page div */
#outside {
	clear: both;
	display: block;
	width: 100%;
	margin: 0 auto 2em auto;
	font-size: .8em;
	text-align: center;
	line-height: 1.4em;
	color: #444;
}

#outside .ahide 			{ color: #444; }
#outside .ahide:visited 	{ color: #444; }
#outside .ahide:hover		{ color: #00c; }	


/* google style search box */

.lst-td {

	padding-right: 16px;
}
.lsb {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent no-repeat scroll 0 0;
overflow:hidden;
}
.lst {
-webkit-appearance:none;
-webkit-border-radius:0; /* for ipad */
border-color:#CCCCCC #CCCCCC;
border-style:solid;
border-width:1px;
height:26px;
padding:4px 0 0;
}
.lst {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-box-sizing:content-box;
-x-system-font:none;
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
float:left;
font-family:arial,sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-left:6px;
padding-right:10px;
vertical-align:top;
width:100%;
}
.lst:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
.ds {
border-right:1px solid #E7E7E7;
height:32px;
position:relative;
z-index:100;
}
.lsbb {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEEEEE none repeat scroll 0 0;
border-color:#CCCCCC #999999 #999999 #CCCCCC;
border-style:solid;
border-width:1px;
height:30px;
}
.lsb {
-x-system-font:none;
background-position:center bottom;
border:medium none;
color:#000000;
cursor:pointer;
font-family:arial,sans-serif;
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:30px;
line-height:normal;
margin:0;
vertical-align:top;
}
.lsb:active {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#CCCCCC none repeat scroll 0 0;
}


#tocTree { padding-top: .9em; }

#tocTree .toc { padding-left: 1.5em; padding-bottom: 1.5em; }
#tocTree .toc2 { padding-left: 1em; padding-bottom: 1.5em; }

/* lists */

#tocTree ul {
	margin: 0px; 
	padding: 0px;
	font-weight: normal; 
	background-color: #fff; 
	clear: both;

		/*border-top: 1px solid #eee; */
		
}

#tocTree ul:first-child { border-top:none;}

#tocTree li { 	
	list-style: none; 
	display: block; 
	line-height: 1.3em;
	padding: 0px;
	margin: 0px; 
	padding-top: .6em;
	background-color: #fff;
}

/*#tocTree ul ul		{ padding-left: 1em; }*/
#tocTree ul ul		{ border-top: none;	}

/* cf. http://www.javascripttoolbox.com/lib/mktree/documentation.php */

/* for wrapping lines */
#tocTree ul.mktree li { text-indent: -1.8em;} 
				
/* space for bullets */
#tocTree ul.mktree  li .bullet { padding-left: 1.45em; }

/* Show "bullets" in the links, depending on the class of the LI that the link's in */
#tocTree ul.mktree  li.liOpen .bullet { cursor: pointer; background: url(/Icons/minus.gif)  center left no-repeat; }
#tocTree ul.mktree  li.liClosed .bullet { cursor: pointer; background: url(/Icons/plus.gif)   center left no-repeat; }
#tocTree ul.mktree  li.liBullet .bullet { cursor: default;  /* background: url(/Icons/bullet.gif) center left no-repeat; */ background: none; }

/* Sublists are visible or not based on class of parent LI */
#tocTree li.liOpen ul   { display: block; }
#tocTree li.liClosed ul { display: none; }
#tocTree .liSelected  { font-weight: bold; color:#111;  }

/*
#tocTree ul.mktree li.first {
    border-top: 0;
}
#tocTree ul.mktree li:hover {
	color: #00c;
	text-decoration: underline;
}
#tocTree li.current {
    color: #111;
    background: #fff;
    border-right-color: #fff;
	text-decoration: none;
}
*/

#tocTree .tocHeader { padding: .3em 0 .2em; color:#666; font-size: 1.2em; }

/*#tocTree .tocHeader {
		color: #222;
		font-size:1.3em;
		line-height: 1.5em;
}*/