@charset "utf-8";
/* CSS Document */
body {
	
				font-size: small;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				background: #FFEFD5;
				margin-top: 20px;
				background-color:#333;
				
}

/*universal format for page */
* {margin:0; padding:0;} 
		

#container {
	
		width: 776px;
		height:0px;
		margin-left:auto;
		margin-right: auto;
		background-color:#FFF;
}

#header {
		position: relative;
		width: 776px;
		height: 76px;
 		background:		url(../images/headeral1.gif) no-repeat top left;

}

#header img {
	
	float: right;
	border: none;
	margin-right: 10px;
	
}

#header h1{
		
		float:left;	
		margin: 25px 0 20px 15px;		
		font-size: 165%;	
}
	
#header img {
	
	
	padding: 25px 5px 20px 0;	
}


#picture {
		position: relative;
		width: 776px;
		height: 155px;
 		background:		url(../images/headerpical1.jpg) no-repeat top left;
	
}

#content{
		position: relative;
		width: 776px;
		background:		url(../images/content3.gif) repeat-y top left;
		
		
	
}

#content p{
	
		padding: 20px 20px 10px 25px;
		
}

#content h1{
	
		padding: 20px 20px 10px 25px;
		font-weight: bold;
}

#trippanel {
			position:		relative;
			width:			776px;
			height:			238px;
			margin:			auto;
			background:		url(../images/contental1.gif) repeat-y top left;
			background-color:#fff;
			
		}

.panel {
			width:			227px;
			height:			238px;
			margin: 		0 0 0px 25px;
			float:			left;
 	
}

.panel h2 {
	
	text-align:center;
	padding: 15px 0 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
	
}
#pic1 {
			
			background:		url(../images/pic11.jpg) no-repeat top left;
			

		}
		
		
#pic2 {
			
			background:		url(../images/pic21.jpg) no-repeat top left;
			

		}
		
		
#pic3 {
			
			background:		url(../images/pic31.jpg) no-repeat top left;
			

		}
/* Styles for the contact form. */

form {
    margin: 0 0 0 5px;
}

form h2 {
    color: #036;
    font-size: 80%;
    font-weight: bold;
    margin: 0 0 5px 10px;
}

form p {
    margin: 0 0 5px 0;
}

.formbox {
    width: 250px;
}

fieldset {
    border: none;
}

/* Setting display to block forces the label for each form element onto a line of its own. */

label {
    font-weight: bold;
    color: #036;
    display: block;
}
.formbox{	
	outline:none;/*prevents a 'bug' (coloured border appearing ) in Chrome and Safari browsers*/
}		

/* The warning class makes the error messages on the feedback form bold and red. */

.box{	
	outline:none; /*for the submit button only prevents a 'bug' (coloured border appearing ) in Chrome and Safari browsers*/
}		

/* The warning class makes the error messages on the feedback form bold and red. */

.warning {
    font-weight: bold;
    color: #f00;
}

#footer{
		position: relative;
		width: 776px;
		height: 57px;
		background:		#FFF url(../images/footeral1.gif) no-repeat top left;
		
		
	
}

#metanav {
			position:		absolute;
			bottom:			10px;
			right:			15px;
		}
		#metanav li {
			list-style:		none;
			display:		inline;
			padding:		5px;
			padding-top:	1px;
			padding-bottom:	1px;
			border-right: 	1px solid black;
		}
		#metanav li.last {
			border-right:	none;
		}
		#metanav li a {
			font-size:		0.9em;
			color:			black;
			text-decoration:none;
		}
		#metanav li a:hover {
			text-decoration:underline;
		}