body { background:#666666 url(images/bgrd.gif) repeat-x;
		 margin: 0;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-size: x-small;  /*Font size value for IE4/5 on Windows*/
	voice-family: "\"}\"";  /*IE4/5 in Windows will not understand this and believe the rule is over. */
	voice-family:inherit;  /*Allows the rest of browsers to get on with rule*/
	font-size: small; /*proper value for browsers that implement keywords correctly*/

}
	html>body {
	
	font-size:small; /* opera rule */
}
#container {
	position: relative;
	width: 800px;
	margin:3px auto;
	padding:0px 0px;
	background-color: #313234;
	
}

#header{
	position: relative;
	width:100%;
	height:160px;
	background-color:#333333;
	background-image:url(images/banner_web_pink.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	
}

#header h1{
	text-indent: -5000px;
}

#centrepanel {

	width: 90%;
	margin: 20px auto;
	padding:20px 20px;
	background-color:#333333;
    border:1px solid #C0C0C0;

}

#centrepanel p{
	font-size: 85%;
	margin:10px 0px 0px 0px;
	line-height: 1.4em;
	color:#fff;
	

}
#centrepanel h1{
	font-size: 85%;
	margin:10px 0px 0px 0px;
	line-height: 3em;
	color:#fff;
	}
#centrepanel h2{
	font-size: 85%;
	margin:10px 0px 0px 0px;
	line-height: 5em;
	color:#ffccff;
	}	
#centrepanel h3{
				font-size: small;
	             margin:10px 0px 0px 0px;
	             line-height: 3em;
	             color:#fff;
	}	
#centrepanel img{
	float:left;
	
	}
#centrepanel body,td,th {
	font-family: sans-serif;
}
#centrepanel .style2 {color: #FFCCFF}

#centrepanel .style5 {color: #FFFFFF;	font-size: small;}
#centrepanel a{			 
				 color:#B0C4DE ;
				 text-decoration: none;
				 
				 }
#centrepanel a:hover{			 
				 color:#f5f5f5;
				 text-decoration: none;
				 
				 }
	

#bottompanel{

   width: 90%;
	margin: 20px auto;
	padding: 20px 20px;
	background-color:#333333;
	
}

#mainnav{	
				 background: #C0C0C0;
				 width: 800px;
				 padding:3px 0 3px 0;
				 text-align: center;
				 font-size:.9em;
				 font-weight:bold;
				margin:0 auto;
				 } 
#mainnav ul{
				 padding:0;
				 margin:0;
				 display: inline;
}
#mainnav li{
				 display:inline;
				 margin: 0;
				padding:3px 10px 3px 10px;

				 }			 
#mainnav li a{
				color: #000;
				text-decoration: none;
				}
#mainnav li a:hover{
				color: #FFFFFF;
				text-decoration: none;
				}
#footer{
				width: 800px;
				position: relative;
				background: #C0C0C0;
				margin:0 auto;
				height: 15px;
				padding:0;
				clear:both;
				text-align: center;
				font-size: .7em;
	}		
	
#content{
							position: relative;
							width:750px;
							margin:156px auto 0 auto;
							padding:0;
							text-align: left;
							}	
#leftpanel{		
    width: 300px;
	 margin:0;
	padding: 2px 2px;
	 float: left;
	}
#leftpanel img{	
	border:1px solid #C0C0C0;
		
	}			
	
#leftpanel h1{
	             font-size: medium;
	             margin:10px 0px 0px 0px;
	           
	             color:#FFCCFF ;
	           }
#leftpanel  h2{
	           font-size: 80%;
	margin:0px 0px 0px 0px;
	line-height: 1.7em;
	 color:#FFCCFF ;
	           } 
#leftpanel  h3{
	             font-size: medium;
	             margin:10px 0px 0px 0px;
	           
	             color:#FFCCFF ;
	           }
#leftpanel  h4{
	             font-size: small;
	             margin:10px 0px 0px 0px;
	             line-height: 3em;
	             color:#fff;
	           }
#leftpanel  h5{
	             font-size: small;
	             margin:10px 0px 0px 0px;
	             line-height: 3em;
	             color:#fff;
	           }
			
#leftcolumn{
				 width: 300px;
				 margin:0;
				 padding:2px;
				 float: left;
				 

				 }
				 
#leftcolumn h1{
	             font-size: medium;
	             margin:10px 0px 0px 0px;
	           
	             color:#FFCCFF ;
	           }
#leftcolumn h2{
	             font-size: small;
	             margin:0px 0px 0px 0px;
	           
	             color:#FFCCFF ;
	           } 
#leftcolumn h3{
	             font-size: medium;
	             margin:10px 0px 0px 0px;
	           
	             color:#FFCCFF ;
	           }
#leftcolumn h4{
	             font-size: small;
	             margin:10px 0px 0px 0px;
	             line-height: 3em;
	             color:#fff;
	           }
				 
#leftcolumn a{			 
				 color:#B0C4DE ;
				 text-decoration: none;
				 
				 }
#leftcolumn a:hover{			 
				 color:#f5f5f5;
				 text-decoration: none;
				 
				 }
#leftcolumn li		{			 
				
				 font-size: x-small;
				 color: #FFFFFF;
				 }	 
				 
				 
#leftcolumn li a{
				color: #B0C4DE;
				text-decoration: none;
				}
#leftcolumn li a:hover{
				color: #FFFFFF;
				text-decoration: none;
				}
				 
#rightpanel{		
                 width: 290px;
				 margin-left: 390px;
 				 padding:10px; 						
	
	
	}
#rightpanel img{	
	border:1px solid #C0C0C0;
		
	}		
	 
	
	
#rightpanel h1{
	             font-size: medium;
	             margin:10px 0px 0px 0px;
	           
	             color:#FFCCFF ;
	           }
#rightpanel  h2{
	                     font-size: 80%;
	margin:0px 0px 0px 0px;
	line-height: 1.7em;
	 color:#FFCCFF ;
	           } 
#rightpanel h3{
	             font-size: medium;
	             margin:10px 0px 0px 0px;
	           
	             color:#FFCCFF ;
	           }
#rightpanel  h4{
	             font-size: small;
	             margin:10px 0px 0px 0px;
	             line-height: 3em;
	             color:#fff;
	           }
#rightpanel  h5{
	             font-size: small;
	             margin:10px 0px 0px 0px;
	             line-height: 3em;
	             color:#fff;
	           }


#rightcolumn{
				width: 312px;
				 margin-left: 360px;
 				 padding:20px; 						 
				 background: #C0C0C0;		
				 }
#rightcolumn img{	
	padding:auto;
		
	}		 
				 
#rightcolumn p{
	font-size: 85%;
	margin:10px 0px 0px 0px;
	line-height: 1.4em;
	color:#000000;
}
#rightcolumn h1{
	             font-size: medium;
	             margin:10px 0px 0px 0px;
	           
	             color:#000000 ;
	           } 
#rightcolumn  h2{
	             font-size: small;
	             margin:10px 0px 0px 0px;
	           
	             color:#666666 ;
	           } 
#rightcolumn h3{
	             font-size: medium;
	             margin:10px 0px 0px 0px;
	           
	             color: #666666; 	           } 
#rightcolumn a{			 
				 color:#4682B4  ;
				 text-decoration: none;
				 
				 }
#rightcolumn a:hover{			 
				 color:#f5f5f5;
				 text-decoration: none;
				 
				 }
 #rightcolumn.style2 {color: #666666}
				 
	#centrepanel2 {

	width: 85%;
	margin: 20px auto;
	padding:20px 20px;
	background-color:#333333	
 

}

#centrepanel2  h2{
	            font-size: 80%;
				margin:0px 0px 0px 0px;
				line-height: 1.7em;
	 			color:#FFCCFF ;
	           }
			 

				
#thumbgallery {

							margin:0 auto;
							text-align: center;

							}
#thumbgallery img {
	border: 1px solid #9F8E5A;
}		
 
#thumbgallery img:hover{
	border: 1px solid #fff;
								}		
								
div.img
{
  margin: 2px;
  
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #000000;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}
				
