/*******************
* Main Page Layout *
*******************/

body 
{
	background:#fff;
	margin:0;
	padding:0;
	color:#000;
	font-family: arial, helvetica, sans-serif;
	font-size: 76%;
	background-image:  url("images/banner-background.gif");
	background-repeat:no-repeat;
	background-position: top left;

} 
#banner
{
	background:transparent;
	float:left;
}
#gelinks
{
	float:right;
	background-color: #006699; 
	border-bottom: 1px solid black; 
	border-left: 1px solid black;
	margin:0;
	padding:0;
	color:#FFF;
	font-family: arial, helvetica, sans-serif;
	padding-left:10px;
	padding-right:10px;
}

#header
{
	float:left;
	width:100%;
	background:transparent;
	line-height:normal;
}

#header ul 
{
	margin:0;
	padding:10px 10px 0;
	list-style:none;
}

#header li
{
	float:left;
	background:url("images/tab-n_l.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
}

#header a 
{
	float:left;
	display:block;
	background:url("images/tab-n_r.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#006699;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */

#header a:hover
{
	color:#000000;
	text-decoration:underline;
}

#header #current
{
	background-image:url("images/tab-s_l.gif");
}

#header #current a
{
	background-image:url("images/tab-s_r.gif");
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

p
{
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	line-height: normal;  
  	margin: 5px 0px 5px 0px;
} 

ul 
{
	list-style-type: square; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000;
	padding:15px;
	
} 

li 
{
	margin-bottom: 3px;
}


#qsearch
{
	float:right;
	background:url("images/qsearch-n.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;	
}

#qsearch-s
{
	float:right;
	background:url("images/qsearch-s.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;	
}

p.qsearch
{
	padding:0px;
	border:0px;
	margin:0px;
}

p.qsearch-s
{
	padding:0px;
	border:0px;
	margin:0px;
	color:#FFFFFF;
}

form.qsearch
{
	padding:0px;
	border:0px;
	margin:0px;
}

input.qsearch
{
	;
}

div.clear
{
	clear:both;
}

a
{
	color:#006699;
	text-decoration:none;
}

a:hover,active
{
	color:#000000;
	text-decoration:underline;
}


#subnav
{
	width:100%;
	text-align: left; 
	background-color: #006699; 
	border-bottom: 1px solid black;  
	padding-top:2px; 
	padding-bottom:2px; 
	margin:0px;  
	margin-top:-1px;
	 
	display: block;
}


h2.subnav
{
	text-align:center;
	padding-left:10px; 
	margin:0px;
	font-family: arial, helvetica, sans-serif;
	font-size:1.3em;
	color: #FFFFFF;
	letter-spacing: 0.1em;
}

a.subnav
{
	text-decoration: none; 
	color: #FFFFFF; 
	font-weight: bold; 
	text-decoration: none;
} 

a:hover.subnav
{
	text-decoration: none; 
	color: #FFFFFF; 
	font-weight: bold; 
	text-decoration: underline
} 

a:active.subnav 
{
	text-decoration: none; 
	color: #FFFFFF; 
	font-weight: bold
} 

#mainpage 
{
	width:100%; 
	text-align: center; 
	background-color: #F5F5F5; 
	margin:0px auto;
	padding: 0px;
	padding-top: 10px;
	border:0px;

}

#footer
{
	width:100%;
	text-align: left; 
	background-color: #006699; 
	border-bottom: 5px solid #DAE0D2;  
	padding-top:2px; 
	padding-bottom:2px; 
	margin:0px;  
	overflow: hidden; 
	display: block;
}


span.footer
{
	padding-left:10px; 
	margin:0px;
	font-family: arial, helvetica, sans-serif;
	font-size:0.8em;
	color: #FFFFFF;
}

span.footer-l
{	
	float:left;
	text-align: left; 
	line-height: normal; 
	border:0px;
	margin:0px;
	padding:0px;
} 

span.footer-r
{
	float:right; 
	line-height: normal; 
	border:0px;
	margin:0px;
	padding:0px;
} 

img
{
	border:0;
}

img.fac
{
	border: 0px;
	margin-bottom: 20px;
	margin-top:5px;
	margin-left: 20px;
}

#pagewrap
{
	text-align:left;
	width:700px;
	border:1px solid black;
	margin:0px auto;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
}

div.box
{
	text-align:left;
	margin: 20px 5% 0 5%;
	background-color: #ebebeb;
	padding-left: 5px;
	padding-right: 5px;
}

#pagewrap-l
{
	text-align:center;
	width:98%;
	margin:0px auto;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 2px;
	background-color: #FFFFFF;
}

#pagewrap_d
{
	text-align:left;
	border:0;
	margin: 0px 5px 5px 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #FFFFFF;
}

div.dual
{
	width:49%;
	height: 1200px;
	border:1px solid black;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	padding-right: 0px;
	overflow: auto;
	float:left;
	background-color: #FFFFFF;	
}


p.breaker 
{
	text-align:center;
}

hr
{
 	color:#006699;
	height:1px;
	border-bottom:1px dashed;
	border-top: none;
	margin-top:10px;
	margin-bottom:0px;
	text-align:center;
	width: 60%;
}

/*******************
* Iconclass Layout *
*******************/

iframe
{
	margin: 20px;
	padding: 0px;
	width: 80%;
	height: 700px;
}

div.iconclass_browse
{
	position: relative; 
	width:100%; 
	text-align: left; 
	background-color: #FFFFFF; 
	margin:0px auto;
	border-bottom: 1px solid black;
	padding:0px;
	text-align: left;
	backgroud-color: FFFFFF;
}

div.iconclass_browse_path
{
	margin-right: 20px; 
  	margin-left: 20px; 
	border-bottom: 1px dashed;
}

div.iconclass_browse_children
{
	margin-right: 20px; 
  	margin-left: 20px; 
	border-bottom: 1px dashed;
}

div.iconclass_browse_hits
{
	margin-right: 20px; 
  	margin-left: 40px; 
}

a.iconclass_selected
{
	width:100%;
	text-align: left; 
	background-color: #006699; 
	border: 1px solid black;
	text-decoration: none; 
	color: #e7e3e3; 
	font-weight: bold
} 

a:hover.iconclass_selected
{
	text-decoration: none; 
	color: #e7e3e3; 
	font-weight: bold; 
	text-decoration: underline
} 

a:active.iconclass_selected 
{
	text-decoration: none; 
	color: #e7e3e3; 
	font-weight: bold
}

/********************
* Main Emblem Style *
********************/

div.emblem 
{
  display: block;
  font-size: 100%;
  font-family: "Times New Roman", Times, serif;
  margin: 20px 5% 0 5%;
  color: #00000;
  background-color: white;
}

div.docTitle 
{
  display: block;
  font-size: 1.2em;
}

div.head 
{
  display: block;
  font-weight: 600;
}

div.T1 
{
  display: block;
  font-weight: 100;
  font-size: 1.4em;
}

div.T1 p.translation 
{
  display: block;
  font-size: 1.1
  padding: 8px;
  background-color: #ebebeb;
  margin: 15px 0px 6px 0px;
  font-family: arial, helvetica, sans-serif;
  font-size: 0.6em;
  font-weight: 100;
}

h1 
{
  margin: 0px;
  padding: 0px;
  font-size: 1.4em;
  color: #999999;
  font-family: arial, helvetica, sans-serif;
}

h2 
{
  margin: 0px 0px 8px 0px;
  padding: 0px;
  font-size: 1.2em;
  font-weight: 600;
  font-family: arial, helvetica, sans-serif;
  color: #999999;
}

h3
{
  margin: 10px 0px 10px 0px;
  padding: 0px;
  font-size: 1.0em;
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;
  color: #999;
}

p.query 
{
  display: block;
  padding: 5px;
  background-color: #fc6;
  font-family: arial, helvetica, sans-serif;
  margin: 5px;
}

div.translation,p.translation 
{
  display: block;
  padding: 8px;
  background-color: #ebebeb;
  margin: 15px 0px 6px 0px;
  font-family: arial, helvetica, sans-serif;
  font-size: 0.8em;
}

p.original 
{
  display: block;
  width: 280px;
  padding: 2px 6px 10px 4px;
  border: 1px solid #ccc;
  margin: 10px 0px 6px 60px;
}

span.marginalia {
  display: block;
  font-family: arial, helvetica, sans-serif;
  font-size: 0.6em;
  padding: 0px 0px 10px 0px;
  margin: 0px;
  text-align: right;
  text-transform: uppercase;
}

p.hindent {
  margin-left: 10px;
  text-indent: -10px; 
}

p.note {
  margin-left: 1.6em;
  text-indent: -1.6em; 
}

a.ref:active {	
  text-decoration: none;
  background-color : #cfefff;
}

div.notes {
  display: block;
  padding: 5px;
  background-color: #ebebeb;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
}

div.title {
  display: block;
  padding: 5px;
  background-color: #e0e0e0;
}

div.text {
  display: block;
  padding: 5px;
}

sup.number {
  font-size: 0.7em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 100;
  vertical-align: 35%;
  margin-left: 3px;
  margin-right: 1px;
}

div.T1 sup.number {
  font-size: 0.5em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 100;
  vertical-align: 90%;
  margin-left: 3px;
  margin-right: 1px;
}

span.italic {
  font-style: italic;
}

span.bold {
  font-weight: bold;
}

span.large {
  font-size: 1.1em;
}

span.small {
  font-size: 0.8em;
}

span.sup {
  font-size: 0.8em;
  vertical-align: 30%;
  margin-left: 1px;
  margin-right: 1px;
}

span.sub {
  font-size: 0.8em;
  vertical-align: -20%;
  margin-left: 1px;
  margin-right: 1px;
}

span.smallcap {
  text-transform: uppercase;
  font-size: 0.6em;
}

span.cap {
  text-transform: uppercase;
}

span.title {
  font-weight: 600;
}

span.indent {
  margin-left: 10px;
}

span.dindent {
  margin-left: 20px;
}

span.dropcap {
  float: left;
  font-size: 70px;
  line-height: 50px;
  padding-top: 4px;
  padding-right: 3px;
  font-family: 'Times New Roman', Times, Georgia;
}

span.deccap {
  float: left;
  font-size: 70px;
  line-height: 50px;
  padding-top: 4px;
  padding-right: 3px;
  font-family: 'Times New Roman', Times, Georgia;
}

span.pb {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: arial, helvetica, sans-serif;
  font-size: 0.8em;
  padding: 4px 4px 4px 8px;
  background-color: #ebebeb;
}

span.grc {
  font-family: Palatino Linotype,Cardo,Vusillus Old Face,Arial Unicode MS,Georgia Greek,Athena Roman,Athena,Athena Unicode,Code2000,Gentian,TITUS Cyberbit Basic,Aisa Unicode,Lucida Sans Unicode;
}

span.name
{
	border-bottom:1px dashed #09c;
}


/****************************
* Some more page formatting *
****************************/

h2.main-title
{
	margin: 0px 0px 8px 20px;
	padding: 0px;
	font-size: 1.4em;
	font-family: arial, helvetica, sans-serif;
	color: #006699;
	text-align:center;
}

h3.main-title
{
	margin: 10px 0px 10px 20px;
	padding: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.2em;
	color: #000000;
	text-align:center;
}

div.forform

{

	margin-left: 20px;
	margin-top: 20px;

}

legend 
{ 
	padding: .2em; 
	font-weight: bold;
	color:#006699;
} 

fieldset
{
	width:600px;
}

label
{
	font-weight: bold;
	float: left;
	text-align: right;
	padding-right: 1em;
	margin-bottom: 10px;
}

div.thumb 
{
	background-color: #EEEEEE;
	text-align: center;
	margin: 2px;
	padding: 2px;
	float: left;
	width: 150px;
	height: 250px;
	overflow: hidden;
	border: 1px solid #666666;
}

div.enav
{
	margin-left: 5%;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 5%;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	height:1em; 
	text-align: left; 
	background-color: #006699; 
	border:1px solid #006699;  
	overflow: hidden; 
	display: block;
}

div.bothnav
{
	width:97%;
	margin-left: 2px;
	margin-bottom: 2px;
	margin-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	height:1em; 
	text-align: left; 
	background-color: #006699; 
	border: 0px;  
	overflow: hidden; 
	display: block;
}

div.enav_fac
{
	width:644px;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	height:1em; 
	text-align: left; 
	background-color: #006699; 
	border:1px solid #006699;  
	overflow: hidden; 
	display: block;
}

div.enav_d
{
	width:95%;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 20px;
	margin-top: 10px;
	height:1em; 
	text-align: left; 
	background-color: #006699; 
	border:1px solid #006699;  
	overflow: hidden; 
	display: block;	

}

div.searchnav
{
	width:623px;
	margin-left: 35px;
	margin-bottom: 0px;
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left; 
	background-color: #e7e3e3; 
	border:1px solid #006699;  
	overflow: hidden; 
	display: block;
}

div.searchnav_fac
{
	width:644px;
	margin-left: 20px;
	margin-bottom: 0px;
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left; 
	background-color: #e7e3e3; 
	border:1px solid #006699;  
	overflow: hidden; 
	display: block;
}

p.glinks
{
	font-size:0.8em;
	color:#000;
	font-family: arial, helvetica, sans-serif;
	padding:0
	margin:0;
}

a.glinks
{
	color:white;
	text-decoration:none;
	font-weight:bold;
}

a:hover.glinks
{
	color:white;
	text-decoration:underline;
	font-weight:bold;
}

a:active.glinks
{
	color:white;
	text-decoration:underline;
	font-weight:bold;
}

span.caption
{
	font-size: 0.8em;
	font-weight:bold;
}


