/*  

Screen layout: 

*/ body { margin: 0 auto; padding: 0; font: 
78% Verdana,Tahoma,Arial,sans-serif; background: #FFFFFF; } 

#wrapper { 
   background: #FFFFFF; 
   color: #2920A2; 
   margin: 0 auto; 
   width: 760px; 
} 

#header { 
   background: #FFFFFF;
   padding: 30px 0 10px 0;   
   height: 98px; 
}

#mainphoto { 
   margin: 0 0 10px 0; 
   border: 0; 
} 

#menu { 
   clear: left; 
   float: left; 
   width: 150px; 
   margin: 0 0 10px 0; 
   padding: 0; 
   font-size: 0.9em; } 

#menu ul { 
   list-style: none; 
   width: 150px;  
   margin: 0 0 20px 0; 
   padding: 0; 
   font-size: 1.1em; } 

#menu li { 
   margin-bottom: 4px; 
} 

#menu li a { 
   font-weight: bold; 
   height: 20px; 
   text-decoration: none; 
   color: #2920A2; 
   display: block; 
   padding: 6px 0 0 10px; 
   background: #f4f4f4; 
   border-left: 4px solid #2920A2; 
} 

#menu li a:hover { 
   background: #b3d0ca; 
   color: #286ea0; 
   border-left: 4px solid #286ea0; 
} 

.latest { 
   margin: 10px 0 10px 0; 
   padding: 10px; 
   width: 130px; 
   color: #2920A2; 
   background-color: #f4f4f4; 
   line-height: 1.3em; 
}

#extras { 
   float: right; 
   width: 100px; 
   margin: 0 0 10px 0; 
   padding: 0; 
   font-size: 0.9em; 
   line-height: 1.5em; 
} 

#extras p { 
   margin: 0 0 1.5em 0; 
}

.archive { 
   margin: 0 0 10px 0; 
   padding: 10px; 
   width: 80px; 
   color: #2920A2; 
   background-color: #f4f4f4; 
   line-height: 1.3em; 
}

#content { 
   margin: 0 110px 20px 160px; 
   border-left: 1px solid #2920A2;
   border-right: 1px solid #2920A2; 
   padding: 0 10px 0 10px; 
   line-height: 1.6em; 
   text-align: justify; 
} 

#content h2 { 
   font-size: 1.5em; 
   margin: 0 0 .5em 0; 
} 

#content img { 
   padding: 1px; 
   display:inline; 
   background: #FFFFFF; 
   border: 0px solid #2920A2; 
}
.note {
   font-size: .85em;
   color: #2920a2;
   margin: 25px 50px;
   padding: 10px;
   border: 1px solid #2920a2;
   background-color: #b3d0ca;
} 
h3 { 
   font-size: 1.3em; 
   margin: 0 0 10px 0; 
}

a { 
   text-decoration: none; 
   color: #5f9794; 
} 

a:hover { 
   text-decoration: underline; 
   color: #5f9794; } 

a img { 
   border: 0; 
} 

ul {
   list-style: none;
   margin: 0;
}

#footer {
   clear: both;    
   margin: 0 auto; 
   padding: 10px 0 20px 0; 
   border-top: 4px solid #2920A2; 
   width: 760px; 
   text-align: center; 
   color: #2920A2; font-size: 0.9em; 
} 


.left { 
   margin: 10px 10px 5px 0; 
   float: left; 
} 

.right { 
   margin: 10px 0 5px 10px; 
   float: right; 
} 

.textright { 
   text-align: right; 
} 

.center { 
   text-align: center; 
} 

.small { 
   font-size: 0.8em; 
} 

.bold { 
   font-weight: bold; 
} 

.hide { 
   display: none; 
}