/* Style Sheet for Felicity Mann's website */
/* Author - Lindsy Anderson */
/* Created 9 March 2009*/
/*old background colour  F0DACE */

/* This specifies the background colour for the page*/
body {
			background-color: #dfe1e8;
		}

/* This section specifies the layout for the page*/

/* This specifies the page wrapper which is the container for all the information*/
.pagewrapper {
	width: 1000px;
	margin-top: 20px;
	left: 50%;
	background-color:  #dfe1e8;
	position: absolute;
	margin-left: -500px;
	
}

/* This specifies the layout for the main content*/

.contentwrapper {
	position: relative;
	width: 800px;
	background-color: #dfe1e8;
	margin-left: 100px;
	
	
}

/* The banner is the top images and naviagtion bars*/

.banner {
	width: 1000px;
	background-color: #dfe1e8;
}


/* This specifies the layout for the menu bar across the top*/

.menubar {
	position: relative;
	left: 0;
	top:0;
	width: 100%;
	vertical-align: top;
	
}


/* This ensures that the text in the centre is correctly positioned*/
.maincontent {
		width: 100%;
		position: relative;
	}
	
.boxone {
	   margin-top: 20px;
width: 340px;
	float: left;
}

.boxthree {
	width: 190px;
	border: thin #B4272E solid;
    padding: 0.5em;
    margin-top: 20px;
	margin-right: 5px;
 	float: right;
   }	
	
.boxtwo {
	border: thin #B4272E solid;
	width: 190px;
	/*margin-left: 385px;
	margin-right: 220px;*/
	padding: 0.5em;
 	margin-top: 20px;
  	  margin-right: 5px;
	float: right;
}

/* This specifies the layout for the footer, which is all the navigation links which are to be kept at the bottom of the page*/
.footer {
	clear: both;
	width: 100%;
	background-color: #dfe1e8;
	padding-top: 0px;
	
}

.footerbox {
	position: relative;
	width: 800px;
	background-color: #dfe1e8;
	margin-left: 100px;
}
.footertextbox {
		width: 590px;
		float: left;
}
.footerimgbox {
		width: 180px;
		float: right;
}
/*End of layout specification*/

/* Navigation */

td
{		width: 100px;
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 1em;
		text-align: center;
		color: #cc071e;
		background-color: #c0cbe1;
		text-decoration: none;
		padding-left: 5px;
		padding-right: 5px;	
	}

/* floating images*/
.floatleft
{
float: left;
margin: 0px 10px 0px 0px;
padding: 2px;
}


/* This section describes the fonts, colours and formats used within the design*/


/* This specifies the default settings for all the fonts.*/
	a:link {	
				font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 1em;
		text-align: center;
		color: #cc071e;
		text-decoration: none;
				}
	a:visited {	
				font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 1em;
		text-align: center;
		color: #cc071e;
		text-decoration: none;
				}
p
{
	font-family: Verdana, Helvetica, sans-serif;
	color: #000000; 
	font-size: 1em;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

h1
{
	font-size: 1em; 
	text-align: left;
	font-family: Verdana, Helvetica, sans-serif;
	color: #cc071e; 
				
}	
h2
{
	font-size: 1.2em; 
	text-align: left;
	font-family: Verdana, Helvetica, sans-serif;
	color: #cc071e; 
				
}			
/* This specifies the formatting for the main body text.*/
.maintext {
	font-size: 1em; 
	text-align: left;
	font-family: Verdana, Helvetica, sans-serif;
	color:#000000; 
}

li {
	font-size: 1em; 
	text-align: left;
	font-family: Verdana, Helvetica, sans-serif;
	color:#000000; 
}

.fred 
{
	font-size: 1em; 
	text-align: left;
	font-family: Verdana, Helvetica, sans-serif;
	color:#000000; 
	padding-left: 150px; 
	margin:0; 
		}
.more
{
	text-align: right;
		font-style: italic; 
				
	}

/* This specifies the formatting for the text in the footer */
.footer {
				font-size: 0.9em;
				text-align: center;
				color: #cc071e; 
				text-decoration: none;
}

.footermedium {
				font-size: 0.8em;
				text-align: center;
				color: #cc071e; 
				text-decoration: none;
}
.footersmall {
				font-size: 0.6em;
				text-align: center;
				color: #cc071e; 
				text-decoration: none;
}

div.passphrasebox {

  margin: 3px 0 3px 0;

  width: 120px;

  background-color: #C6EAFB;

  border: 1px solid #19B3E3;

}



div.passphrasetext {

  font-size: 1.2em;

  width: 100%;

  text-align: center;

}

div.figure {
  float: right;
  width: 220px;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}


/* End of formatting specification.*/
/* Gallery Code*/
#gallery {
	width:800px; 
	height:400px;
	}
#gallery ul {
	list-style:none; 
	padding:0; 
	margin:0; 
	width:150px; 
	position:relative; 
	float:left;
	}
#gallery ul li {
	display:inline; 
	width:50px; 
	height:50px; 
	float:left; 
	margin:3px 3px 3px 3px;
	}
#gallery ul li a {
	display:block; 
	width:50px; 
	height:50px; 
	text-decoration:none; 
	border:1px solid #ffffff;
	}
#gallery ul li a img {
	display:block; 
	width:50px; 
	height:50px; 
	border:0;
	}
#gallery ul li a:hover {
	white-space:normal; 
	border-color:#dddddd;
	}
#gallery ul li a:hover img {
	position:absolute; 
	left:180px; 
	top:10px;
	width:auto; 
	height:285px; 
	border:none;}