/* CSS Document */
body 
{   
 margin: 0px;
 text-align: center;
 /*background-color: #E8E9CA;*/
 font-family:  verdana, arial, helvetica, sans-serif;  
 font-size: 11px;
 color: #444;
 /*background is a free pattern from:
 www.squidfingers.com/patterns/   
 I have changed the colours, */
  /*margin: 0px; */ 
 background-image:  url(images/patten5.gif); 
 }

/*admin center styling*/
.admin
{
 margin: 20px 20px 20px 20px;
}

li
{
 padding-top: 2em;
}



/*content styling*/
.repeatblock
{
 margin-bottom: 1em;
}

.repeatblock p
{
 margin-bottom: 0em;
}

.repeatblock .title
{
 font-weight: bold;
}
.content 
{ 
 
 width: 700px; /*60em*/
 margin: 0px auto 0px auto;
 text-align: left;  
 background-color : #f5f5dc;
}

.container_invisable
{  
 width: 90%;  
 margin:10px auto 10px auto;  
}

/*photo styling*/

.photo 
{   
 padding: 5px;  
 width: 200px;  
 height: 300px;  
 text-align: center;  
 float: left;  
}

.photo img 
{ 
/* border: 5px solid #ccc; */
}

.photo p
{   
 font-family:  verdana, arial, helvetica, sans-serif;  
 font-size: 11px;  
 color: #444; 
 text-align: center;  
}

/*text styling*/

h2
{
 padding-left: 1em;
 padding-top: 1em;
}
.middle p 
{   
 font-family: verdana, arial, helvetica, sans-serif;  
 font-size: 13px;  
 color: #333;  
 text-align: left;  
}

.heading
{
 font-weight: bold;
}

.middle
{   
 background-color: #f5f5dc; 
 margin-bottom: 15px; 
/* border:1px solid #ccc; */
 padding: 13px 13px 13px 13px;  
 width: 330px;  
 /*height: 290px;*/  
 float:right;  
/* overflow: auto;  */
}

.middle2
{
 background-color: #f5f5dc; 
 margin-bottom: 15px; 
 /*border:1px solid #ccc; */  
 padding: 13px 13px 13px 13px;  
 width: 565px;  
 /*height: 290px;  */
 float:left;  
 /*overflow: auto; */
}
.right 
{ 
 text-align: left;  
 font-family: verdana, arial, helvetica, sans-serif;  
 font-size: 10px;  
 color: #666;  
 margin:0px 0px 20px 0px;  
}

.date 
{ 
 font-size: 10px;
 color: #999;   
}

p 
{   
font-family: verdana, arial, helvetica, sans-serif;  
font-size: 12px;  
color: #333;  
margin: 0px 0px 14px 0px; 
}

/*links*/
a:link 
{  
 font-weight: bold;  
 color: #333; 
}

a:visited 
{  
 font-weight: bold;  
 color: #333; 
}  

a:hover 
{  
 font-weight: bold;  
 color: #369; 
}  

a.back
{
  font-style: italic;
  color: #2d73b9;
  display: block;
  padding: 2em 2em 2em .5em;
}

a.back:hover
{
 color: #044476;
}

/*navigation styling*/
#hiddentitle
{
 display:none;
}

.navigation
{ 
 padding: 1em 0em 2.5em 2.5em ;
 margin:0 0;
}

.navigation li
{ 
 display:inline;
}

.nav1
{ 
 background-color: #E8E9C9; 
 border: 1px solid #ccc;
 font-weight: bold; 
 padding: .5em; 
 text-decoration: none;
}

a.nav1:hover 
{
background-color: #cae8a3;
}

.selected_nav1
{
 background-color: #cae8a3; 
}

.far_right
{
 margin-left: 211px;
}



/*header styling*/
.header 
{   
 width: 90%;  
 background-color: #B8E084;  
 padding: 60px 5% 20px 5%;  
 margin: 0px auto 10px auto;  
 font-family: verdana, helvetica, arial, sans-serif;  
 text-align: left;  
 color: #404040;  
 font-size: 2em; 
 font-weight: normal; 
 display: block;
 
}

/*footer styling*/
.footer 
{ 
 clear: both; 
 background-color: #B5CB97; /*#9FB483*/ 
 color: #404040;  
 padding: 20px 20px 20px 20px;  
 width: 660.5px;  /*94%*/
 /*text-align: right;*/
   
 margin: 10px auto auto auto;  
 font-family: verdana, arial, helvetica, sans-serif;  
 font-size: 11px;
}

.contact
{
 float: right;
 width: 5em;
}