/* last updated 10/13/08 */
 
/*this style sheet governs the html files inside the CE Studio directory */

/* basic elements */

body {
  padding-left: 13em;
  font-family: futura, arial, sans-serif;
  color: #F0F8FF;
  font-size: 10pt;
  font-weight: 300;
  background: white url(../images/cultural-bckgnd-side.jpg) no-repeat left top;
  }

a:link, a:visited {
  color: #5a84b6;
  text-decoration: none;
  font-style: normal;
  font-size: 10pt;
  font-family: futura, arial, sans-serif;
  background-color: transparent;
  }
   
a:hover { 
  text-decoration: none; 
  color: #FF4500;
  background-color: transparent;
  }   

h1, h2, h3 {
  color: #6699cc;
  font-family: futura, arial, sans-serif; 
  font-weight: 600;
  font-size: 12pt;
  background-color: transparent;
  letter-spacing: 0.1em;
  }
   

img {
  float:left;
  margin-right: 5%;
  margin-top: 2%;
  }

p {
  text-align: left;
  color: #696969;
  font-style: normal;
  font-weight: 300;
  font-size: 10pt;
  font-family: futura, arial, sans-serif;
  }   

.current { 
    color:white;
    font-weight:  bolder;
    font-size: 10pt;
    background-color: transparent;
  }  

indent {
  list-style-position:inside;
  text-indent:3em;
  }
    
capt {
  position:absolute;
  left: 1em;
  font-style:italic;
  font-size: 9pt;    
  width:300px;    
  }

ul {
  list-style-type: none;
  margin-left: -1.5em;
  width: 100em;
  font-family: futura, arial, sans-serif;
    font-size: 10pt;
  }  
  
/* emphasizers */

.ital {
  font-style:italic;
  font-size: 9pt;
  } 
  
.source { 
  font-size: 8pt;
  margin-left: 2%;
  } 	
	
.emphasis {
  color: red;
  font-style: italic;
  font-family: futura, arial, sans-serif;
  letter-spacing: 0.5em;
  background-color: transparent;
  }
  
 .categories {
  color: #5a84b6;
  font-family: futura, arial, sans-serif; 
  font-weight: 600;
  font-size: 11pt;
  background-color: transparent;
  }
  
  .essays1 { 
  position:absolute;
  top:9.5em;
  left: 10em;
  margin-bottom: 2em;
  font-size: 16pt;
  background-color: transparent;
  height: 372px;
  width: 600px;
  }

.essays2 { 
  position:absolute;
  top:9.5em;
  left: 25em;
  margin-bottom: 2em;
  font-size: 16pt;
  background-color: transparent;
  height: 372px;
  width: 600px;
  }
  	
/* Gw and first level  navigation */   	
   
.logo {
  position:absolute;
  left: 1em;
  top: 0.5em;
  width:40px;
  text-align:left;
  background-color: transparent;
  }

.studios {
  position:absolute;
  left: 1em;
  top: 4em;
  background-color: transparent;
  }
    
/* First Level Menu */   
 
ul.navbar {
  text-decoration: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 7em;
  left: 1em;
  width: 8em;
  font-weight: 600;
  font-size: 10pt;
  }

 ul.navbar li {
  background: transparent;
  margin: 0.5em 0;
  font-weight: 600;
  font-size: 10pt;
  }
   
ul.navbar a {
  text-decoration: none;
  font-weight: 600;
  font-size: 10pt;
  }
   
ul.navbar a:hover { 
  text-decoration: none; 
  color: #FF4500;
  }  
	   
/* Second Level Menu*/   	   
	    
ul.studionav {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 17em;
  left: 1em;
  width: 8em;
  font-weight: 600;
  font-size: 10pt;
  }

 ul.studionav li {
  list-style-type: none;
  text-decoration: none;
  background: transparent;
  margin: 0.5em;
  font-weight: 400;
  font-size: 10pt;
  }
   
ul.studionav a {
  text-decoration: none;
  font-weight: 400;
  font-size: 10pt;
  }
   
ul.studionav a:hover { 
  text-decoration: none; 
  color: #FF4500;
  }  

/* Third Level Menu*/ 

ul.worknav {

  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 20em;
  left: 1em;
  width: 10em;
  font-size: 12pt;
  }

 ul.worknav li {
  background: transparent;
  margin: 0.5em;
  font-weight: 400;
  font-size: 10pt;
  }
   
ul.worknav a {
  text-decoration: none;
  font-weight: 400;
  font-size: 10pt;
  }
   
ul.worknav a:hover { 
  text-decoration: none; 
  color: #FF4500;
  }
 	   
/* Project Columns */

.project { 
  position:absolute;
  top: 8em; 
  padding-left: 0em;
  } 

.one {
  position:absolute;
  left: 13.5em;
  top: 14em;
  width:80px;
  text-align: center;  
  } 

.two {
  position:absolute;
  left: 20.5em;
  top: 14em;
  width:80px;
  text-align: center;       
  } 

.three {
  position:absolute;
  left: 27.5em;
  top: 14em;
  width:80px;
  text-align: center;      
  } 

.four {
  position:absolute;
  left: 34.5em;
  top: 14em;
  width:80px;
  text-align: center;      
  }  

.five {
  position:absolute;
  left: 41.5em;
  top: 14em;
  width:80px;
  text-align: center;      
  } 

.six {
  position:absolute;
  left: 48.5em;
  top: 14em;
  width:80px;
  text-align: center;      
  } 

.seven {
  position:absolute;
  left: 55.5em;
  top: 14em;
  width:80px;
  text-align: center;      
  } 

.eight {
  position:absolute;
  left: 62.5em;
  top: 14em;
  width:80px;
  text-align: center;      
  } 

.nine {
  position:absolute;
  left: 69.5em;
  top: 14em;
  width:80px;
  text-align: center;      
  } 

/* For now, 9 is the project limit!!! :-) */

/* Text Columns */

.txtcolumnone{ 
  position:absolute;
  left: 14em;
  top: 13em;
  width:310px;
  text-align: left;  
  font-style:italic;
  font-size: 9pt;
  color: #696969;
    } 

.txtcolumntwo {
  position:absolute;
  left: 40em;
  top: 13em;
  width:310px;
  text-align: left;       
  font-style:italic;
  font-size: 9pt;
  color: #696969;
    } 

.txtcolumnthree {
  position:absolute;
  left: 68em;
  top: 13em;
  width:310px;
  text-align: left;      
  font-style:italic;
  font-size: 9pt;
  color: #696969;
    } 

/* Formats for Content Divs s */ 

.descriptions { 
  font-style:normal;
  position:absolute;
  left:3em;
  width:38%;
  margin-left:12%;
  margin-right:5%;
  margin-top:2em;
  padding-right:10%;
  float:left;
  }
	
.descriptions2 { 
  font-style:normal;
  position:absolute;
  right:1em;
  width:35%;
  margin-right:5%;
  margin-top:2em;
  float: right;
  }
	 	 
.testament { 
  font-style:normal;
  margin-top: 9em;
  margin-bottom: 0.5in;
  margin-left: 0em; 
  margin-right: 11em;
  background-color: transparent;
  } 
	 
.main {
  font-style:normal;
  margin-top: 0.5in;
  margin-bottom: 0.5in;
  margin-left: 0em; 
  margin-right: 11em;
  background-color: transparent;
  } 
	
.subtext {
  text-align: left;
  padding-top: 3em; 
  margin-top: 14em;
  margin-left: 0em; 
  margin-right: 10em;
  background-color: transparent;
  }

.vcss {
  position: absolute;
  bottom:1.5em;
  left:1em;
  }
	
.footnote {
  position: absolute;
  bottom:1.5em;
  left:1em;
  width: 300px;
  color:red;
  white-space: nowrap;
  font-style:italic;
  font-size: 10pt;
  margin-top: 0.5in;
  background-color: transparent;
  }

.footnote {
  text-decoration: none;
  font-size: 10pt;
  }
   
.footnote a:hover { 
  text-decoration: none; 
  color: #5a84b6;
  }     

/* Formats for Footer Divs  */ 

.footer {
  position: absolute;
  bottom:1em;  
  width: 100%;
  letter-spacing: .5em;
  white-space: nowrap;
  font-size: 18pt;
  margin-top: 0.5in;
  background-color: transparent;
  }

.footer a {
  text-decoration: none;
  font-size: 12pt;
  }
   
.footer a:hover { 
  text-decoration: none; 
  color: #5a84b6;
  }    
  
    .highlight {
    color:white;
    font-weight:  bolder;
    font-size: 11pt;
    background-color: transparent;
}