/* basic elements */
body { 
	font-family: arial, Helvetica, sans-serif;
      font-size: 77%;
      text-align: center;
    	margin: 0px; 
	}
p { 
	font: 12pt/16pt georgia; 
	margin-top: 0px; 
	text-align: justify;
	}




h2  {
	color: #3c391c;;
	font: 2em bold Verdana;
	margin-top: 0px;
	margin-bottom: 0px;
}

h3 { 
	font: italic normal 12pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}
h4 {  text-align: center;
	
	}
table {
	width: 50em;
	table-layout: fixed;
	border-collapse: collapse;
       font: normal 12pt georgia;
       padding: .5em .5em .5em .5em;
       border: .5em #adea7c;
}
td  {
      border: .5em #adea7c;
}

img  {
	width: 190px;
        border: .5em #adea7c;
       }


ul {
 /* font: .75em verdana;*/
  padding-left: .5em;
  
  
       }



a:link { 
	
	text-decoration: none; 
	color: #1c31ea;
	}

a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}
a:visited { 
	
	text-decoration: none; 
	color: #ac2a7b;
	} 
/* custom classes */
.artist
     {
      font: normal 8pt georgia;
     }

.current
       {color: #ffffff;
       font: bold;
}


/* specific divs */
#container { 
	width: 800px;
      position: absolute;
      top:5px;
      left: 25px;
      text-align: left;
      margin: 1px;
      padding: 0px 0px 0px 0px; 
	}

#pageHeader { 
      width: 100%;
      position: absolute;
      top: 10px; 
height: 126px;     
background: url(images/header/banner_800.png) no-repeat;
     
      margin-top: 0;
	margin-bottom: 5em;
	}
#pageHeader h1 { 
	color: #3c391c;
	font: 3em bold Verdana;
      position: absolute;
      left: 10em;
     	margin-top: .5em;
	margin-bottom: 1em;
      padding: 0em;
	}

#pageHeader h2 { 
 position: absolute;
      right: 0;
	margin-top: 2em;
        
        color: #3c391c;
	font: 1.5em bold Verdana;
	}

#pageHeader span  {
	color: #3c391c;
	font: 3em bold Verdana;
      position: absolute;
      left: 5em;
     	margin-top: .5em;
	margin-bottom: 1em;
      padding: 0em;
           
     
      }

#navigation {
     position: absolute;
top: 102px;

width: 85%; 
right: -50;

     /* background: #ffffff;*/
 padding-top: .5em;
padding-bottom: -3px;
margin-bottom: -5px;

      
}

#navigation ul{
    font: verdana;
    margin-left: 0px;
    padding-left: -5px;
   border: 1px solid #ffffff;
}
#navigation li{
  font:  verdana;
   margin: 0;
   display: inline;
   
   border-right: 2px dotted black;
padding-left: 4px;
  padding-right: 2px;
      } 


#navigation li.last {
  display: inline;
  padding-left: 4px;
  padding-right: 0px;
  border-right: 0px;
  } 


#navigation .current
       {color: #ffffff;
       font: bold;
}

#navigation li.lastc {
  display: inline;
  padding-left: 4px;
  padding-right: 0px;
  border-right: 0px;
color: #ffffff;
       font: bold;
  } 

#mainpage {
width: 100%;
      position: absolute;
      top:160px;
      
      text-align: left;
	background-color:  #ffffff; 
	margin: 2 px; 
      padding: 0px 0px 0px 0px;
	}

#sidepanel-left {
      float: left;
      width: 190px;
      border: 2px  solid #adea7c;  
      margin: 0px 10px 1px 0px;
      padding: 0px 2px 0px 2px;
      /*background: #ffffff;*/
}

#sidepanel-left ul { 
  margin: 0px 0px 0px 2px;
/*background: red;*/
font: 10pt verdana;
padding-left: 2em;
/*list-style-type: none;*/  
}

#sidepanel-left ul.resourcelist { 
  margin: 0em 0em 0em 0em;
/*background: red;*/
font: 10pt verdana;
padding-left: 2em;
/*list-style-type: none;*/  
}

#sidepanel-left img  {
	width: 190px;
        border: .5em #adea7c;
       }

#sidepanel-right {
      position: absolute;
      top: 150px;
      left: 840px;
      width: 120px;
       margin: 0em 1em 1em 0em;
      
}
#content {
      margin: 1em 0em;
    font: 12pt/22pt georgia; 
}


#content img {
    
margin: 0px 0px 0px 180px;
}

#content img.wide{
	width: 480px;
margin: 0px 0px 0px 50px;
        
       }

#content p.first {
    font: 12pt/22pt verdana;
    font-weight: bold;
}
#content ul { 
  margin: 0em 0em 0em 15em;
/*background: red;*/
font: 12pt/22pt georgia;  
padding-left: 1em;
   }

#content li{
     padding-left: 1em;
     font: 12pt/22pt georgia;  

     display:list-item;
  } 

#content ul.vertlist { 
border-bottom-width: 1em;
border-bottom-color #adea7c;  
margin: 0em 0em 1em 15em;
list-style-type: none; 

font: 12pt/22pt georgia;  
padding-left: 1em;

   }

#content li.vertlist{
     padding-left: 1em;
     font: 12pt/22pt georgia;  

     display:list-item;
  } 

#content ul.inlinelist { 
  margin: 0em 0em 0em 12em;
  list-style-type: none; 
/*background: red;*/
font: 12pt/22pt georgia;  
padding-left: 1em;
   }

#content li.inline{
     padding-left: 1em;
     font: 12pt/22pt georgia;  

     display:inline;
  } 

#content ul.num { 
  margin: 0em 0em 0em 15em;
/*background: red;*/
font: 12pt/22pt georgia;  
padding-left: 1em;
list-style-type: decimal;  
   }
#content ol.num { 
  margin: 0em 0em 0em 10em;
/*background: red;*/
font: 12pt/22pt georgia;  
padding-left: 1em;
list-style-type: decimal;  
   }

#content li.num { 
  margin: 0em 0em 0em 5em;
/*background: red;*/
font: 12pt/22pt georgia;  
padding-left: 1em;
list-style-type: decimal;  
   }
#content ul.resourcelist { 
  margin: 0em 0em 0em 15em;
/*background: red;*/
font: 10pt verdana;
padding-left: 2em;
list-style-type: none;   
}

#content li.resourcefirst{
line-height: 1.5
     padding-top: 2em;
   font: bold 12pt verdana;
        display:list-item;
  }
 
#content li.resource{

     padding-bottom: 0em;
   font: 10pt verdana;
     display:list-item;
  } 

#content li.resourcelast{

     padding-bottom: 2em;
   font: 10pt verdana;
     display:list-item;
  } 

#content h3.articulate{
	 margin: 0;
         padding: 0;
}
#content table.articulate{
	width: 800px;
        
}
#content img.articulate{
	padding: 0 0 0 0;
        margin: 0 0 0 0;

}
#content tr.articulate{
	/*width: 300px;8?
}

#content td.articulate{
         padding-left:0;
         margin-left:0;
         text-align: left;
	border: 1px;
        border-colour: #3c391c;
}
#content a.top:link { 
	font: 8pt verdana;
	text-decoration: underline; 
	color: #3c391c;
	}
#content a.top:visited { 
	font: 8pt verdana;
	text-decoration: underline; 
	color: #3c391c;
	}

#content a.email:link { 
	text-decoration: none; 
	color: red;
	}
#content a.nav:link{
text-decoration: underline; 
	color: green;
	}

#content a.nav:visited, a.nav:hover, a.nav:active{
text-decoration: underline; 
	color: grey;
	}	


#sidepanel-right {
      float: right;
      width: 10em;
      background: #adea7c;
}

#footer {
       clear: both;
       background: url(footer_800b.png) no-repeat;

}





#quickSummary {
	clear:both; 
	margin: 5px 5px 5px 5px; 
	width: 100%; 
	/*float: left;*/
	}
#quickSummary p {
	font: italic 10pt/22pt georgia; 
	text-align:left;
	}

#preamble {
      font: 12pt/22pt georgia; 
	clear: right; 
	padding: 0px 10px 0px 10px;
	}
#supportingText {
	padding-left: 10px; 
	margin-bottom: 40px;
	}

#footer { 
	text-align: center; 
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}

#linkList {
	margin-left: 600px; 
	position: absolute; 
	top: 0px; 
	right: 0px;
	}


#linkList ul {
	margin: 0px;
	padding: 0px;
	}
#linkList li {
	line-height: 2.5ex; 
	list-style-type: none;
	background: transparent url(cr1.gif) no-repeat top center; 
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	}
#linkList li a:link { 
	color: #988F5E;
	}
#linkList li a:visited {
	color: #B3AE94;
	}