/* default tags -------------------------------------------------------------------------	*/

body
{
	margin:0;
	margin-top:16px;
	padding:0;
	text-align:center;
	font-family: "Aptos", "Arial", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size:100%;
	background-image:url('../_images/body.png');	
	background-repeat:repeat;
}

div
{
	margin:0;
	padding:0;	
}

p
{
	padding:0;
	margin:0;
	margin-bottom:8px;
	font-size:100%;
	font-weight:normal;
}

a
{
	text-decoration:none;
	color:blue;
	font-weight:normal;
}

a:hover
{
	text-decoration:none;
	color:red;
	font-weight:normal;
}
	

h1
{
	margin:0px 0 16px 0;
	height:16px;
	font-size:150%;
	font-weight:bold;
}	

h1.rite
{

	float:right;
	
}

h1.left
{

	float:left;
	
}





h2
{
	margin:16px 0 8px 0;
	font-size:115%;
	font-weight:bold;
}

img
{
	margin:0px auto 0px auto;
	border-style:solid;
	border-color:gray aqua aqua gray;
	border-width:2px;
}

img.atlas
{
	width:480px;
	height:320px;
}

button
{

	font-size:90%; 
	font-weight:bold;
 	padding:0;
 	margin:2px;
	height:20px;
	width:98px;
	background-color:silver;
	display:inline;
	float:left;
	margin-right:4px;
	color:black;
	border:2px;
	border-color:gray black black gray;
	border-style:outset;
	
	cursor:auto; 
}







input
{
	padding:0;
 	margin:2px;
	height:18px;
	width:98px;
	background-color: #CA9756;
	display:inline;
	float:left;
	margin-right:4px;
	font-weight:bold;

	cursor:pointer;

	color: #692301; 
	font-size:100%;
	border:2px;
	border-style:outset;
}

/*---------------------------------------+
| The main container for every web page  |
+---------------------------------------*/

div#container
{
    border: 4px inset gray;
	position:relative;
    left:0px;
    top:0px;
    width: 1200px;
    height: 800px;
    
    padding:0;

	margin-top:32px;
	margin-bottom:32px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;	
	
	background-image:url('../_images/eot-background-logo.jpg');

	background-repeat:repeat;
	
	 

}

/*---------------------------------------+
| The header holds a three button bread- |
| crumb trail                            |
| Warning: the dimensions and margins    |
| are interelated                        |
+---------------------------------------*/

header
{

	font-size:90%;
	font-weight:bold;
	position:absolute;
	top:0px;
	left:500px;
	height:20px;
	width:308px;
	padding:0;
	margin:0;
	background-color:transparent;
	border-style:none;
}

header input,button
{
	font-size:90%;
	font-weight:bold;
	float:left;
	height:20px;
	background-color:#CA9756;
	display:inline;
	margin:0;
	margin-right:4px;
	padding:0;
	border-color:gray black black gray;
	border-style:outset; 
	text-align:center;
	color: #692301;
	
	margin-top:3px;
 
}

nav
{
	font-size:80%;
}


/*---------------------------------------+
| Every web page contains two side-by    |
| side "half pages                       |
+---------------------------------------*/ 
div.halfpage
{	
	float:left;
	width:480px;
	height:592px;				/* 37x16 */
	margin-top:112px;
	margin-left:80px;
	margin-bottom:0px;
}


/*---------------------------------------+
| Footers are used to hold 'next' and    |
| 'prev'ious buttons, and a link to      |
| the css validation service. So each    |
| page contains three footers            |
+---------------------------------------*/
footer
{
	
	float:left;
	width:480px;
	
	padding-top:4px;
	height:24px;
	padding-top:4px;
	
	margin-top:0px;
	margin-bottom:0px;
	margin-left:80px;
	font-size:80%;
	margin-top:0;
	text-align:center;
	
	border-style:none;
	border-top-style:dotted;
	border-top-color:#DCC3A5;
	border-top-width:1px;

}

footer input
{
	height:20px;
	background-color:#CA9756;
	display:inline;
	border-color:gray black black gray;
	border-style:outset;
	color: #692301; 
}

footer.left  input
{
	float:left;
	margin-right:4px;
	padding-left:4px;
	text-align:left;
	font-size:90%;
}

footer.right input
{
	float:right;
	margin-left:4px;
	padding-right:4px;
	text-align:right;
	font-size:90%;
}


div#validate
{
	position:absolute;
	width:215Px;
	height:16px;	
	color:gray;
	
	left:23px;
	top:777px;
	
	text-align:left;
	
	background-color:transparent;
}

div#validate a
{
	color:gray;
}




/*---------------------------------------+
| classes used only on some pages        |
+---------------------------------------*/






/*---------------------------------------+
| The following two classes control the  |
| appearence of menu lists in index.htm  |
| and toc.htm and maybe some other lists +
+---------------------------------------*/

input
{
	background:transparent;
	border-style:none;
	text-align:left;
	color:blue;
	margin:0; 
	height:16px;	
}

form p
{
	 margin:0;
	 padding:0 ;	
	 height:16px;
	 width:465px;
}


/*---------------------------------------+
| Figures are used to hold the litte box |
| containing a picture, a name, and a    |
| description of a staff, music or       |
| performer                              |
+---------------------------------------*/
figure
{
    position:relative;
    float:left;
    left:0px;
    top:0px;
    width: 240px;
    height:  128px;

	margin-top:0px;
	margin-bottom:2px;
	margin-left: auto;
	margin-right: auto;
	
	text-align:left;	
	
}

figure img
 {
	width: 100px;
	height:100px;
	float:left;
	margin-right:8px;
}


/*---------------------------------------+
| The map class defines the division that|
| holds the map of all the sims. It's    |
| used exactly once, on index.htm        |
+---------------------------------------*/	
div.map
{
	padding:0;
	margin:0;
/*
	position:relative;
	float:left;
	height:480px;
	width:480px:
*/
}


div.map div
{
	float:left;
	position:relative;
/*
	padding:0;
	margin:0;
	border:0;
	height:120px;
	width:120px;
*/
}

div.map img							/* was div.map div img */
{
	display:block;
	/*
	margin:0;
	padding:0;
	*/
	border:0;
	height:120px;
	width:120px;
}

div.map p						/* was div.map div p */
{
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size:80%;
	position:absolute;
	color:aqua;
	width:120px;
	height:20px;
	left:0px;
	top:50px;
	text-align:center;
	
}

p.small
{
	font-size:80%;
}


/*---------------------------------------+
| navigation lists appear on the         |
| welcome page and the contents page     |
| They are lists of links to subsequent  |
| pages                                  |
+---------------------------------------*/
nav
{
	margin-left:15px;

}

nav.p
{
	margin:0;
	padding:0;
}

nav.form
{
 	padding:0;
 	margin:2px;
	height:18px;
	width:98px;
	background-color:silver;
	display:inline;
	float:left;
	margin-right:4px;
	font-weight:bold;
	/*
	cursor:auto;
	*/

	border:2px;
	border-style:outset;
}
	
nav.input
{
 	padding:0;
 	margin:2px;
	height:18px;
	width:98px;
	background-color:silver;
	display:inline;
	float:left;
	margin-right:4px;
	font-weight:bold;
	cursor:auto;

	border:2px;
	border-style:outset;
}