/* BODY AND CONTAINER */

		body {
			background: url(../images/body_background.jpg) #59B1D5 repeat-x 0 0; margin: 0; padding: 0;
			}

		#container {
			width: 750px;
			margin: 0 auto;
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 70%;
			line-height: 1.6em;
			color: #fff;
			background-color: #4893BD;
			border: 4px solid #D7E2EC;
		}
		
/* GENERAL STYLES */
		
		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 250%;
			color: #FFFFFF;
			margin-bottom: 30px;
			padding-left: 10px;
		}
		
		h2 {
			color: #fff;
			font-size: 140%;
			font-family: Arial, Helvetica, sans-serif;
			}

		h3 {
			color: #fff;
			font-size: 120%;
			font-family: Arial, Helvetica, sans-serif;
			}

		
		a {
			color: #fff;
			text-decoration: none;
		}

		a:hover {
			color: #265A8C;
		}

		
		form {
			float:right;
			margin-top: -45px;
			font-size: 70%;
			padding-right: 10px;
		}
		
		input {
			background-color: #D1C9BE;
			color: #000000;
			border: 1px solid #000000;
			font-size: 140%;
			padding: 3px;
		}
		
		.button {
			padding: 2px;
		}
		
/* IMAGES */		
		
		a img{
	  		border: none;
	  	}

		img.left,img.center,img.right {
	  		padding: 4px;
	  		border: 1px dashed #D1C9BE;
	  		margin: 0px;
	  	}

		img.left2,img.center2,img.right2 {
	  		padding: 4px;
	  		margin: 0px;
	  	}

		img.left {
	  		float: left;
	  		margin: 0 12px 5px 0;
	  	}
		img.left2 {
	  		float: left;
	  		margin: 0 12px 5px 0;
	  	}		

		img.center {
			display: block;
	  		margin: 0 auto 5px auto;
	  	}
	
		img.right {
	  		float: right;
	  		margin: 0 0 5px 12px;
	  	}
		
/* HEADER */

		#header {
			border-bottom: 4px solid #D7E2EC;
			padding-top: 10px;
			clear: both;
			margin-bottom: 10px;
			background-image:  url("../images/header_bg.jpg");
			background-color: #B2A592;
		}
		
		#header p { 
			margin-top: -20px;
			margin-left: 30px;
			color: #EFEFEF;
		}

/* NAVIGATION */
	
		#menu1 {
			width: 150px;
			margin: 10px;
			float: left;
		}
	
		#menu1 li a {
			height: 32px;
  			voice-family: "\"}\""; 
  			voice-family: inherit;
  			height: 24px;
			text-decoration: none;
		}	
	
		#menu1 li a:link, #menu1 li a:visited {
			color: #fff;
			display: block;
			background:   url("../images/menu1.gif");
			padding: 8px 0 0 10px;
		}
	
		#menu1 li a:hover {
			color: #FFF;
			background:   url("../images/menu1.gif") 0 -32px;
			padding: 8px 0 0 10px;
		}	

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

		img {
   			border: none;
		} 

		
/* CONTENT */

		#content {
			width: 350px;
			margin-left: 180px;
			margin-right: 200px;
		}
		
		#content p {
			padding-bottom: 10px;
			border-bottom: 1px dashed #fff;
		}
		
		#content a {
			color: #fff;
			text-decoration: underline ;
			font-weight: 500;	
		}
		
		#content a:hover{
			color: #C8DFEB;
			text-decoration: underline;
			border-bottom: none;	
			font-weight: 500;	
		}
		
		#content ul {margin: 0 0 0 10px; padding: 0;}
		#content ul li {margin: 0; padding: 0 0 0 13px; background: url("../images/arrow.gif") transparent no-repeat 0 6px;}

/* SIDEBAR */

		#sidebar {
			float: right;
			width: 165px;
		}
		
		#sidebar p {
			padding-bottom: 10px;
			margin-right: 10px;
			border-bottom: 1px dashed #fff;
		}
		
		#sidebar a {
			color: #fff;
			text-decoration: none;
			border-bottom: 1px dashed #66749A;	
			font-weight: 500;	
		}
		
		#sidebar a:hover{
			color: #C8DFEB;
			text-decoration: underline;
			border-bottom: none;	
			font-weight: 500;	
		}

.photocol  {width: 80px; margin: 0 5px 0 5px; background-color: #4893BD; float: left}
.textcol {width: 250px; margin: 0 5px 10px 5px; background-color: #4893BD; float: left}

/* FOOTER */

		#footer {
			margin-top: 20px;
			clear: both;
			background-color: #6DA9CA;
			padding: 0px 5px 0px 5px;
			text-align: center;
		}
		
		#footer p {
			color: #265A8C;
			padding: 5px;
		}
		
		#footer p a {
			color: #265A8C; text-decoration: underline;
				}
		
		#footer p a:hover {
			color: #fff;
		}
		
/* ID  */

/*This sets the colour of the bar containing the bottom navigation */
.bottomNav {background: transparent;}
/*This sets the colour of the five boxes*/
.bottomNav a {background: transparent; border: 1px solid #fff;}
/*This sets the colour of the text within the five boxes*/
.bottomNav a:link, .bottomNav a:visited, .bottomNav a:active {color: #fff;}
/*This sets the colour of the five boxes and text within, when the mouse is rolled over*/
.bottomNav a:hover {color: #265A8C; background: #FFFFFF; border: 1px solid #fff;}


/*This sets the colour for the bar underneath the bottom navigation*/
.maintainer {background: transparent; color: #fff;}
/*This sets the colour of the text for the updated date*/
.maintainerLeft {color: #fff;}
/*This sets the colour of the text for the maintainer text*/
.maintainerRight a:link, .maintainerRight a:visited, .maintainerRight a:active {color: #fff;}
/*This sets the colour of the text for the maintainer text, when the mouse is rolled over*/
.maintainerRight a:hover {color: #265A8C;}
/*This sets the colour of the approved text at the very bottom of the screen*/
.approved {color:#fff;}


	
		#menucv {
			width: 150px;
			margin: 10px;
			float: right;
					}
	
		#menucv li a {
			height: 32px;
  			voice-family: "\"}\""; 
  			voice-family: inherit;
  			height: 24px;
			text-decoration: none;
		}	
	
		#menucv li a:link, #menucv li a:visited {
			color: #fff;
			display: block;
			background:   url("../images/menu1.gif");
			padding: 8px 0 0 10px;
		}
	
		#menucv li a:hover {
			color: #FFF;
			background:   url("../images/menu1.gif") 0 -32px;
			padding: 8px 0 0 10px;
		}	
		
		
/* CONTENTCV */

		#contentcv {
			width: 350px;
			margin-left: 150px;
			margin-right: 10px;
		}
		
		#contentcv p {
			padding-bottom: 10px;
			border-bottom: 1px dashed #fff;
		}
		
		#contentcv a {
			color: #fff;
			text-decoration: underline ;
			font-weight: 500;	
		}
		
		#contentcv a:hover{
			color: #C8DFEB;
			text-decoration: underline;
			border-bottom: none;	
			font-weight: 500;	
		}
		
		#contentcv ul {margin: 0 0 0 0px; padding: 0;}
		#contentcv ul li {margin: 0; padding: 0 0 0 0px; transparent no-repeat 0 6px;}