/* ==============General Style Formatting ======================= */
body {height: 3000px; font-family: georgia; font-size: 14pt;}

img.arch {position: absolute; left: 0px; top: 0px;}
img.sign {position: absolute; left: 248px; top: 90px;}
img.EOCbanner {position: absolute; left: 305px; top: 150px;}

img.sword {position: absolute; left: 5px; top: 150px; width: 120px;}
img.EOC {position: absolute; left: 140px; top: 35px;}
img.emblem {border: white 0px dotted; position: absolute; top: 10px; left: 15px;}

div.menuG {border: maroon 5px outset; position: absolute; top: 0px; left: 0px; width: 150px;
           text-align: center;}
div.bottomnav {position: absolute; top: 2980px; left: 160px; width: 103%;
                text-align: center; border: white 0px solid; color: white; font-size: 10pt;}

a.lowernav {color: white;}
a.lowernav:visited {color: yellow;}

div.EOCdesc {border: 0px outset maroon; color: white; position: absolute; top: 400px; left: 153px;
                text-align: center; padding-left: 10px; padding-right: 10px; width: 890px;}
                
h1,h2 {text-align: center;}

div.subhead {  position: absolute; top: 250px; left: 305px; width: 550px;
                background-color: green; border: 5px outset #004040; 
                font-size: 28pt; color: #FFD800; z-index: 5; text-align: center;}  

span.navigation {color: maroon; font-size: 20pt; text-align: center; background-color: white;}

div.facebook {position: absolute; top: 1600px; left: 160px; text-align: left; background-color: white; width: auto;}

/* ========== Continents Style Formatting ============================*/
div.contLinks {width: 100%; text-align: center; border: lime 0px dotted; width: 900px;}
img.mapnav {position: absolute; top: 360px; left: 145px;} 

div.infosheet {position: absolute; top: 880px; left: 180px; width: 780px; border: 0px dotted lime;
                color: white; text-align: justify; padding: 10px;} 
                
/* ============== Encyclopedia Style Formatting ============================*/   
a.encyclo-entryL, a.encyclo-entryR {z-index: 2; position: absolute; top: 500px; background-color: navy; color: white; border: 5px outset yellow; padding: 2px;}
a:visited.encyclo-entryL, a:visited.encyclo-entryR {z-index: 2; position: absolute; top: 500px; background-color: navy; color: yellow; border: 5px outset white; padding: 2px;}
a.encyclo-entryL {left: 260px;}
a.encyclo-entryR {right: 270px;}

div.alphaSelect {position: absolute; top: 415px; left: 190px; z-index: 2;
                    border: 0px solid yellow; width: 420px;}
                    
div.betaSelect {position: absolute; top: 415px; left: 635px; z-index: 2;
                    border: 0px solid yellow; width: 420px;}
                                        
button  {border: none;} 

img.termH {background-color: #FFD800; border: navy 5px outset;}

h4.leftpage {text-align: right; border: 0px lime dashed; width: 350px; z-index: 3;}
h4.rightpage {text-align: left; border: 0px cyan dotted; width: 85%  z-index: 3;} 

img.pageheads {position: absolute; top: 415px; left: 200px; z-index: 2; width: 170px;}

p.termlist1 {position: absolute; top: 580px; left: 200px; z-index: 2; border: 0px maroon dotted;
                width: 180px; font-size: 12pt;}  
p.termlist2 {position: absolute; top: 415px; left: 400px; z-index: 2; border: 0px navy dotted;
                width: 180px; font-size: 12pt;}  
p.termlist3 {position: absolute; top: 415px; left: 645px; z-index: 2; border: 0px green dotted;
                width: 180px; font-size: 12pt;}  
p.termlist4 {position: absolute; top: 415px; left: 845px; z-index: 2; border: 0px purple dotted;
                width: 180px; font-size: 12pt;}  



div.singleterm {position: absolute; top: 425px; left: 200px; z-index: 2; width: 350px; text-align: justify;
                border: 0px blue solid; padding: 10px;}
p.termphoto {position: absolute; top: 415px; left: 650px; z-index: 2; border: 0px navy solid; width: 365px;
                text-align: center;} 
                
p.backlinkA {position: absolute; top: 800px; left: 110px; z-index: 3;
                background-color: white;}

div.EOCpic {border: 5px outset white; color: white; position: absolute; top: 400px; left: 150px;
                text-align: center; padding-left: 10px; padding-right: 10px;}
                
img.pagegraphic {z-index: 3;}  

p.subjlist1 {z-index: 3;} 
p.subjlist2 {z-index: 3; position: absolute; top: 50px; left: 220px;}  
p.subjlist3 {z-index: 3; position: absolute; top: 50px; left: 450px; width: 48%; border: 0px lime solid;} 
p.subjlist4 {z-index: 3; position: absolute; top: 50px; left: 650px; width: 48%; border: 0px blue solid;}
p.subjlist5 {z-index: 3; position: absolute; top: 900px; width: 48%; border: 0px red solid;}
p.subjlist6 {z-index: 3; position: absolute; top: 900px; left: 220px; width: 48%; border: 0px orange solid;}  
p.subjlist7 {z-index: 3; position: absolute; top: 900px; left: 450px; width: 48%; border: 0px orange solid;}   
p.subjlist8 {z-index: 3; position: absolute; top: 900px; left: 650px; width: 48%; border: 0px orange solid;}  


p.encyclophotodef {margin-left: 192px; width: 385px; text-align: left;}

/* ============== Art Gallery Style Formatting ============================*/   
div.gallfront {position: absolute; top: 400px; left: 158px; border: 0px white solid; color: white;} 
p.gallinfo {margin-left: 10px; margin-right: 10px;}  

/* ============== Synopsis ============================*/    
div.synop {position: absolute; top: 400px; left: 158px; color: white;}  

/* ============== Solar System ============================*/  
table.planets {position: absolute; top: 400px; left: 158px; color: white;}