/* BASIC */
   body {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0;
	padding: 0;
	line-height: 150%;
	background: url(images/mainbg.jpg) no-repeat top;
	}
	
  p,h1,h2,h3,h4,h5,h5,ol,ul {
	margin: 0px;
	padding: 0px;
 }
 img {
 	border: none;
 }
 
 /* GENERAL FORMATTING ETC. */
  h1 {
  	font-size: 150%;
	margin: 10px;
  }
  h2 {
  	font-size: 140%;
	margin: 10px;
  }
  
  h3 {
  	font-size: 120%;
  }
  p {
  	padding: 10px;
  }
  .strong {
  	font-weight: bold;
  }
  p.signature {
  	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bolder;
	font-size: 1.5em;
  }
  a.external {
  	background: url(images/globe.gif) no-repeat right top;
	padding-right: 18px;
	border-bottom: none;
	font-weight: bolder;
  }
  a.external:hover {
  	background-position: right -24px;
	color: #339900;
  }
  p.quote {
  	font-style: italic;
	margin-right: 55px;
	margin-left: 55px;
  }
  .inline_link {
  	background: url(images/globe.gif) no-repeat right -24px;
	padding: 2px 18px 5px 5px;
  }
 .inline_link:hover {
 	font-weight: bolder;
 }
 ul.mainlist {
 	list-style: none;
	margin-bottom: 0;
	line-height: 170%;
	margin-left: 50px;
 }
 .mainlist li {
 	background: transparent url(images/objects_059.gif) no-repeat left center;
	padding: 0 0 0 25px;
	font-weight: bolder;
	color: #003333;
 }
  .email {
  	font-size: 140%;
	font-style: italic;
	font-weight: bolder;
  }
 /* WRAPPER CONTAINING ALL CONTENT */
  #wrapper {
  	width: 760px;
	margin: 10px auto 0 auto;
	border: 1px solid #000;
	background: #fff url(images/sidebg1.gif) repeat-y top left;
  }
 
 
 /* HEADER DIV */
  #header {
  	background: url(images/headbg1.gif) repeat-x;
	height: 90px;
	position: relative;
  }
 #headlinks {
 	position: absolute;
	top: 2px;
	right: 10px;
	}
 #headlinks a {
 	text-decoration: none;
	padding: 0 10px 0 10px;
	color: #fff;
	background-color: #22459d;
	margin-left: 5px;
 }
 #headlinks a:hover {
 	background-color: #f1ca51;
	color: #000066;
 }
  /* LOGO DIV */
  #logo {
  	background: url(images/logobg.png) no-repeat top right;
	height: 90px;
  }
   #logo img {
 	padding: 10px;
 }
 
 /* SIDEBAR_1 DIV */
  #sidebar_1 {
  	float: left;
	width: 160px;
	
  }

 /* NEWS DIV */
 #news {
   
	width: 145px;
	margin-right: 3px;
	margin-left: 5px;
 }
 
 #news .story {
   background: #22459d;
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
	line-height: 110%;
	color: #fff;
	padding: 2px 2px 30px 2px;
	}
	
	#news .latest_story {
		background: #22459d;
	   margin-bottom: 10px;
	   display: block;
	   text-decoration: none;
	   line-height: 110%;
	   color: #fff;
	   padding: 2px 2px 30px 2px;
	}
	
	 #news span.title_big {
	font-size: 1.3em;
	font-weight: bolder;
	display: block;
	line-height: 120%;
	color: #fff;
	margin-bottom: 2px;
	text-decoration: underline;
	text-align: center;
	background: url(images/newsround.png) no-repeat top;
 }
	
	
	
	
 #news span.title {
	font-size: 1.1em;
	font-weight: bold;
	display: block;
	line-height: 120%;
	color: #fff;
	margin-bottom: 2px;
	text-decoration: underline;
	background: url(images/newsround.png) no-repeat top;
 }
 #news a.story:hover {
	color: #000066;
	background-color: #fff;
}

#news a.latest_story:hover {
	color: #000066;
	background-color: #fff;
}
 #news a.story:hover span.title {
	color: #000066;
	background-image: none;
}
 #news a.latest_story:hover span.title_big {
	color: #000066;
	background-image: none;
}

 #news h3 {
 	background: url(images/headbg3.jpg) repeat-y;
	text-transform: uppercase;
	padding: 10px 1px 10px 1px;
	font-size: 1.1em;
	text-align: center;
	margin-bottom: 10px;
	border: 1px solid #000066;
 }
 p.temp {
 	padding: 70px 10px 100px 10px;
	font-weight: bolder;
	color: #fff;
	background: #22459d;
 }
 .date {
 	float: left;
	}
  .new {
  	text-transform: uppercase;
	font-size: 1em;
	text-align: center;
   margin: 8px 0 0 0;
	background: red;
	padding: 2px;
	color: #fff;
	font-weight: bold;
  }

 /* MAIN DIV */
  #main {
  	margin-left: 180px;
	background: #fff url(images/mainbg1.jpg) no-repeat right top;
	padding-bottom: 20px;
  }
  
  .tophead {
  	padding: 10px;
	border: 1px solid #000;
	width: 90%;
	background: url(images/headbg3.jpg);
	margin-top: 1.5em;
  }
  #gal_link {
  	float: right;
	margin-right: 15px;
	margin-left: 10px;
	border: 1px dotted #000;
	padding: 3px 0 10px 0;
	text-align: center;
	background: url(images/gal_bg.png) repeat-x;
	}
		

 /* mainNav (NAVBAR) */
 ul#mainNav {
  	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	background-color: #22459d;
	list-style: none;
	float: left;
  }
  #mainNav li {
  	float: left;
	width: 11.8em;
  }
 #mainNav a {
  	color: #fff;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 0.8em;
	text-decoration: none;
	border-right: 1px solid #f1ca51;
	border-left: none;
	display: block;
	background-color: #22459d;
	text-align: center;
  }
  #mainNav a:hover {
   background-color: #f1ca51;
	color: #000066;
  }
  
  /* Contact_Box DIV */
  #contact_box {
   color: #fff;
  	float: right;
	width: 180px;
	padding-bottom: 30px;
	margin: 20px 10px 20px 10px;
	background: url(images/round2.gif) no-repeat bottom center;
  }
  #contact_box h3 {
  	background: url(images/round1.gif) no-repeat top center;
	text-align: center;
	padding-top: 5px;
  }
  #contact_box p {
  	font-size: 85%;
	background-color: #22459d;
	line-height: normal;
  }
  #contact_box a {
  	color: #f1ca51;
	text-transform: uppercase;
	font-weight: bold;
  }
  #contact_box a:hover {
  	color: #bfeefe;
  }
 
 /* FOOTER DIV*/
  #footer {
	height: 30px;
	background: url(images/footbg.gif) repeat-x top;
	color: #fff;
	padding: 0 3px 3px 3px;
	text-align: center;
	clear: both;
  }
  #footer a {
  	color: #f1ca51;
  }
  #footer a:hover {
  	color: #bfeefe;
  }
  
  /* PHOTO GALLERY STYLING */
  .gal_photo img {
  	border: 1px solid #000;
	background-color: #fff;
	padding: 4px;
	position: relative;
	top: -5px;
	left: -5px;
  }
  .gal_photo {
   background: url(images/drop_shadow.gif) right bottom no-repeat;
  	float: left;
	width: 210px;
	margin: 0 10px 10px 10px;
  }
  .log_photo {
  	float: left;
	margin: 0 10px 10px 10px;
	text-align: center;
	}
	.log_photo img {
	border: 1px solid #000;
	background-color: #fff;
	padding: 4px;
	position: relative;
	top: -3px;
	left: 15px;
	}
	.gallery_spare {
   float: left;
	margin: 50px 50px 50px 100px;
	text-align: center;
	}
	a.return {
		font-size: 1.5em;
		padding: 5px;
	}
  /* THANKS_IMAGES DIV ON THANK YOU PAGE */
  #thanks_images {
  	margin: 20px 0 20px 20px;
  }
  #thanks_images img {
  	margin: 20px 20px 0 0;
  }
  /* INDIVIDUAL STYLINGS FOR DIFFERENT PAGE ID'S */
  #aboutme #main, #thankyou #main {
  	padding-bottom: 100px;
  }
  .gallery #wrapper {
  	background-image: none;
	background-color: #fff;
  }
  .gallery #main {
   background-image: none;
  	margin-left: 35px;
	text-align: center;
  }
  #story1 #main {
  padding-bottom: 200px;
  }
  #contact #main {
  	background: url(images/contactbg.gif) no-repeat top right;
	padding-bottom: 280px;
  }
  #aboutme #main {
  	padding-bottom: 250px;
  }
  #story2 #main {
  	padding-bottom: 350px;
  }
  .story_long {
  	background: url(images/mainbg3.jpg);
  }
  
  .logpage #main {
  		background-image: none;
		margin-bottom: 100px;
  }
  
  #thankyou {
  	background: url(images/mainbg3.jpg);
  }
  	/* LOG DIV */
	#log {
		background: #f2e1a9 url(images/log_bg2.png);
		position: relative;
	  	width: 550px;
		margin-top: 40px;
		text-align: center;
		border: 2px dotted #f1ca51;
		padding-bottom: 100px;
	}
	
	
	a.log_entry {
	margin-top: 0;
	display: block;
	padding: 5px;
	text-decoration: none;
	border-bottom: 1px dotted #22459d;
	color: #000;
	font-style: italic;
	}
	.date {
	padding: 0 30px 0 5px;
	font-weight: bolder;
	}
	a.log_entry:hover {
		background-color: #e5c182;
	}
	p.log_click {
		font-weight: bolder;
		text-transform: uppercase;
		font-size: 0.88em;
		border-bottom: 1px dotted #22459d;
	}
  .log_end {
  	font-weight: bolder;
	text-transform: uppercase;
	font-size: 0.88em;
	color: #000;
  }
  a.log_end {
  	background: url(images/camera.gif) no-repeat right center;
	padding-right: 20px;
  }
  #log_page {
  	   background: #f2e1a9 url(images/log_bg2.png);
		position: relative;
	  	width: 550px;
		margin-top: 40px;
		text-align: center;
		border: 2px dotted #f1ca51;
		padding-bottom: 60px;
  }
  p.log_text {
  	font-style: italic;
	text-align: left;
  }