body    { margin: 0;
	  padding: 0;	         
	  color: #000000;
	  background-color:#E8EFF8;
	  font-family: Arial, Helvetica, sans-serif;
      text-align: justify;
     }

a:link,   a:visited 
        { color: #FF0000;
	  background-color: transparent;
        }

a:hover { color: #2A4F6F; }

em { background-color: #ffeeee;
          font-style: normal;
          border : 0px solid;
          padding-left: 3px;
          padding-right: 3px;  
        }

table   { margin-left: 0em; }

html, body, #contents 

        { width: 800px; }
	

html>body, html>body #contents 

        { height: auto; }

h1 {
	  font: 120% Georgia, "Times New Roman", Times, serif;	 
	  font-weight: bold;	
      background-color: tansparent;
      }


#contents {        
	position: absolute;
	top: 0;
	left: 0;
    width: 800px;
}
#header {
	border-top: 1px solid #778899;
	border-bottom: 1px #ffffff;
	height: 3em;
    width: 1000px;
}
#header .strapline {
	font: 90% Georgia, "Times New Roman", Times, serif;
	color: #006B74;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top:  1em;
}
#header .logo {
	float: left;
	margin-left: 0.5em;
	margin-top: 0.5em;
}
#nav {
	position: absolute;
	top: 4em;
	left: 1em;
	width: 11em;
}
#nav ul {
	list-style: none;
	margin-left: 1em;
	padding-left: 0;             
}
#nav li {
    float: none;
	font-size: 80%;
	border-bottom: 1px dotted #B2BCC6;	
    margin-top: 0;
    margin-bottom: 0;
}
#nav a:link, #nav a:visited {
	text-decoration: none;
	color: #2A4F6F;
	background-color: transparent;
}
#nav a:hover {
	color: #FF0000;
}
#nav h2 {
	font: 110% Georgia, "Times New Roman", Times, serif;
	color: #316262;
	background-color: transparent;
	border-bottom: 1px dotted #CCCCCC;        
}
#nav h3 {	
        font:80% Arial, Helvetia, sans-serif;
	    color: #316262;    
        background-color: #FFFFFF;  
        padding-left: 10px;  
        padding-top: 5px;  
        padding-bottom: 0.5em;     
        padding-right: 10px;   
        margin-top: 0px;
        margin-bottom: 0px;
		margin-left: -5px;		
}
#content {        
	margin-left: 13em;
	margin-right: 3em;
	margin-bottom: 3em;
}
#content p {
	font-size: 100%;
    font-weight: normal;	
	padding-left: 0.5em;
}
#content u {        
	font-size: 100%;  
    font-weight: normal;       
	color: #AE17EA;
}
#content li {
	font-size: 100%;
    font-weight: normal;          
    padding-top: 0.1em;  
    padding-bottom: 0.1em;     
    padding-right: 0.5em;           	      
}
#content h1 {
    border: solid;
    border-color: #F4E8FF;
    border-width: 4px;
    background-color: #F0FFff;  
    padding-left: 0.5em;  
    padding-top: 0.5em;  
    padding-bottom: 0.5em;     
    padding-right: 0.5em;   
    margin-top: 8px;
    margin-bottom: 8px;
}
#content h2 {	
        font-size: 100%;  
        font-weight: normal;        
        background-color: #F4E8FF;  
        padding-left: 0.5em;  
        padding-top: 0.5em;  
        padding-bottom: 0.5em;     
        padding-right: 0.5em;   
        margin-top: 0px;
        margin-bottom: 0px;
}
#content h3 {	 
        font-size: 100%;  
        font-weight: bold;
        border: solid;
        border-color: #F4E8FF;
        border-width: 4px;
        background-color: #FFFFCA;         
        padding-left: 0.5em;  
        padding-top: 0.5em;  
        padding-bottom: 0.5em; 
        padding-right: 0.5em; 
        margin-top: 10px;
        margin-bottom: 0px;
}
#content h4 {	 
        font-size: 100%;   
        border: solid;
        border-color: #F4E8FF;
        border-width: 4px;       
        background-color: #FFFFCA;         
        padding-left: 0.5em;  
        padding-top: 0.5em;  
        padding-bottom: 0.5em; 
        padding-right: 0.5em;      
        text-align: center;    
        margin-top: 0px;
        margin-bottom: 0px;
}
#content h6 {	 
        font-size: 100%;   
        font-weight: normal; 
        border: solid;
        border-color: silver;        
        border-width: 1px;
        background-color: #F4E8FF;          
        padding-left: 0.5em;  
        padding-top: 0.5em;  
        padding-bottom: 0.5em; 
        padding-right: 0.5em;        
        margin-top: 5px;
        margin-bottom: 5px; 
}


#footer {
	position: absolute;	
    left: 770px;
    top: 4em;
	width: 13.75em;	
}
#footer h2 {
	font: 110% Georgia, "Times New Roman", Times, serif;
	color: #316262;
	background-color: transparent;
	border-bottom: 1px dotted #CCCCCC;        
}
#footer h3 {	
        font:80% Arial, Helvetia, sans-serif;
	    color: #316262;    
        background-color: #FFFFFF;  
        padding-left: 0.5em;  
        padding-top: 0.5em;  
        padding-bottom: 0.5em;     
        padding-right: 0.5em;   
        margin-top: 0px;
        margin-bottom: 0px;
}
#footer li {
        float: none;
	font-size: 80%;
	border-bottom: 1px dotted #B2BCC6;
	margin-bottom: 0.3em;
        list-style-type: none; 
}
#footer ul {
	list-style: none;
	margin-left: 1em;
	padding-left: 0;
}
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #2A4F6F;
	background-color: transparent;
}
#footer a:hover {
	color: #FF0000;
}

input { color: #000000; background-color: #FFFFCA; border: 1px solid #000000; }
textarea { color: #000000; background-color: #FFFFCA; border: 1px solid #000000; }
select { color: #000000; background-color: #FFFFCA; border: 1px solid #000000; }
radio { color: #000000; background-color: #FFFFCA; border: 1px solid #000000; }
form p { clear: left; margin: 10px; padding: 0; padding-top: 5px; }
form p label { float: left; width: 20%; }
form {background-color: #F4E8FF; border: 1px solid #F4E8FF; margin-top: 5px;
        margin-bottom: 5px; }

#albumlist {
	list-style-type: none;       
}
#albumlist li {
	float: left;
    margin-left: -14px;
	margin-right: 23px;
	margin-bottom: 10px;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color: #333333;
}
#albumlist img {
	display: block;
	border: 1px solid #333300;
}