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

/*temp heading*/
h3
{
padding: 10px 10px 10px 10px;
}

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

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

.repeatblock .title
{
 font-weight: bold;
}
.content
{  
 width: 62em;  
 margin: 0px 0px 0px 20px;  
 background-color : #feedea;
}

.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 #ffce9c; */
}

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

#rainbow_logo
{
 border: none;
 padding: 20px;  
 width: 200px;  
 height: 300px;  
 text-align: center;  
 float:left;  
}
/*text styling*/
.middle p 
{   
 font-family: verdana, arial, helvetica, sans-serif;  
 font-size: 13px;  
 color: #333;  
 text-align: left;  
}

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

.right 
{ 
 text-align: right;  
 font-family: verdana, arial, helvetica, sans-serif;  
 font-size: 10px;  
 color: #666;  
 margin:0px 0px 10px 0px;  
}

.date 
{ 
 font-size: 10px;  
 text-transform: uppercase;  
 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; 
}  

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

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

.navigation li
{ 
 display:inline;
}

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

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

.selected_nav1
{
 background-color: #fbd5d2;
}

.far_right
{
 margin-left: 207px;
}
/*header styling*/
.header
{   
 width: 90%;  
 background-color: #fcd9c5;  
 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: #f9c7c2;  
 color: #404040;  
 padding: 20px 20px 20px 20px ;  
 width: 94%;  
 text-align: right;  
 margin: 10px auto auto auto;  
 font-family: verdana, arial, helvetica, sans-serif;  
 font-size: 11px;
}