/* COLOURS  

	background buff:#e3e3db
	page:#fafaf9
	
	block buff:#ededed

	lighter blue:#85a1a1
	darker blue:#666666
	
	dark grey link hover:#333333
	
	menu: #7c783e	
	menu li a:#a09f94
	
	orange: #666666
	line color: #a2a6a1
	
	burnt orange:#996600
	
	*/



/* STRETCH*/

	img.bg {
		/* Set rules to fill background */
		min-height: 100%;
		min-width: 1024px;
		
		/* Set up proportionate scaling */
		width: 100%;
		height: 100%;
		
		/* Set up positioning */
		position: fixed;
		top: 0;
		left: 0;
		}
	
	@media screen and (max-width: 1024px){
		img.bg {
			left: 50%;
			margin-left: -512px; }
		}
	
	div#content {
		/* This is the only important rule */
		/* We need our content to show up on top of the background */
		position: relative; 
		
		
		/* These have no effect on the functionality */
		width: 780px;
		margin: 0 20px 0 20px;
		background: #fff;
		padding: 0;
		
		}
		
		div#content2 {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 


			/* These have no effect on the functionality */
			width: 780px;
			margin: 0 auto;
			background: #fff;
			padding: 0;

			}	
	
	body {
		/* These rules have no effect on the functionality */
		/* They are for styling only */
		margin: 0;
		padding: 0 0 0 0;
		font-size: 100%;
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
		background-color:#e3e3db;
		}
	

/* REST OF CONTENT*/
	#outerwrapper {
	position:relative;

	margin:0 auto;
	width:1024px; }
		

	#header{
		
		position:relative;
		float:left;
		margin:0 auto ;
		z-index:50;
		width:699px;
		text-align:center;
		height:142px;
		}

	#copyarea{	
		position:relative;
		float:left;
		margin:-20px 0 10px 32px;
		padding:0px 0px 30px 0px;
		width:640px;
		background: #fafaf9;
		background-repeat: no-repeat;
		background-position: top ;
		font-family: Palatino Linotype, serif;
		z-index:5;
		-moz-border-radius: 0px 0px 10px 10px;
	
		}
	
a {
	outline:none;
	text-decoration :none;
	color:#666666;
	}
	
a:hover	{
	color:#cccc00;
	}

a.info {
	text-decoration:none;
	color:#85a1a1;	
	}
	
	a.info:hover{
	background-color:#85a1a1;
	color:#ffffff;
	padding:5px;
	}

a.connect{
	text-decoration:underline;
	color:#85a1a1;	
	}
	
a.connect:hover{
	text-decoration:underline;
	color:#333333;
	}	


		/* --------------------------------MENU--------------------------------------------*/


#menuholder{
	position:relative;
	z-index: 5;
	margin:0 20px 60px 38px;
	padding:5px 8px 9px 13px;
	height:27px;
	width:550px;
	float:left;
	vertical-align:super;
	background-color:#ededed;
	-moz-border-radius: 0px 0px 10px 10px;
	box-shadow: 2px 2px 2px #999999;
	-moz-box-shadow: 2px 2px 2px #999999;
	-webkit-box-shadow:2px 2px 2px #999999;
	}


ul#menu {
	display:block;
	color:#7c783e;
	list-style:none;
	font-family:Palatino Linotype,Palatino,Book Antiqua,serif;
	font-size: 11px;
	letter-spacing:4px;	
	float:left;	
	text-align:center;
	font-weight:bold;
	}

	ul#menu li  {	
	height:32px;
	display:inline;
	padding:10px 6px 11px 6px;
	text-align:center;	
	}

	ul#menu li a {
	color:#666666;
	padding:20px 6px 11px 6px;
	text-align:center;
	}

	ul#menu li a:hover {
	color:#ffffff;
	background-color:#999966;
	padding:18px 6px 11px 6px;
	text-align:center;
	}
	
	body#home ul#menu li a.home{
	color:#ffffff;
	padding:20px 6px 11px 6px;
	text-align:center;
	background-color:#85a1a1;
	}

	body#links ul#menu li a.links{
	color:#ffffff;
	padding:20px 6px 11px 6px;
	text-align:center;
	background-color:#85a1a1;
	}

	body#contact ul#menu li a.contact{
	color:#ffffff;
	padding:20px 6px 11px 6px;
	text-align:center;
	background-color:#85a1a1;
	}

	body#about ul#menu li a.about{
	color:#ffffff;
	padding:20px 6px 11px 6px;
	text-align:center;
	background-color:#85a1a1;
	}
	
	body#biblio ul#menu li a.biblio{
	color:#ffffff;
	padding:20px 6px 11px 6px;
	text-align:center;
	background-color:#85a1a1;
	}

/*---------------------------------TYPOGRAPHY-------------------------------------*/
	
	#contenttype	{ text-align:left;padding: 15px 35px 0 56px;}
	
	h1		{ font-weight:normal; 	font-family:Palatino Linotype,Palatino,Book Antiqua,serif; font-size:35px; line-height:14px; color:#85a1a1;}
	
	h2		{ font-weight:normal; font-family:Palatino Linotype,Palatino,Book Antiqua,serif;text-align:left; font-size:22px; line-height:12px; color:#999900;}

	h3		{ font-weight:normal; font-family:Palatino Linotype,Palatino,Book Antiqua,serif;text-align:left; font-size:20px; line-height:28px; color:#999900;}
		h4		{ font-weight:normal; font-family:Palatino Linotype,Palatino,Book Antiqua,serif;text-align:left; font-size:16px; line-height:20px;margin:28px 0 10px 0 ; color:#999900;}
	
	p	{font-weight:normal; font-family:Palatino Linotype,Palatino,Book Antiqua,serif; display:block; font-size:14px;line-height:17px;color:#666666;line-height:24px;letter-spacing:0px;}
	
.blue{color:#85a1a1;}
		.other {
		font-family:Palatino Linotype,Palatino,Book Antiqua,serif; 
		font-weight:normal; color:#85a1a1;
		font-size:19px;
		line-height:24px; 
		display:block;
		padding:15px 15px 20px 15px;
		width:610px;
		float:left;
		text-align:center;
		background-color:#ededed;
		}
		
			
		.abouttext{
		font-family:Palatino Linotype,Palatino,Book Antiqua,serif; 
		font-weight:normal; color:#666666;
		font-size:17px;
		line-height:24px; 
		display:block;
		padding:10px 0 25px 0px;
		float:left;
		}				

		
		.brackbox{
			font-family:Palatino Linotype,Palatino,Book Antiqua,serif;
			position:relative;
			float:left;
			font-weight:normal; color:#666666;
			font-size:170px;
			line-height:170px;
			height:170px;
			width:30px;
		    padding:10px 5px 0 5px;
			display:inline;
			z-index:1000;
			}
			
			
		 .brackbox2 {
			font-family:Palatino Linotype,Palatino,Book Antiqua,serif;
			position:relative;
			float:left;
			font-weight:normal; color:#666666;
			font-size:170px;
			line-height:170px;
			height:170px;
			width:30px;
			padding:10px 5px 0 5px;
			display:inline;
			z-index:100;
			text-align:left;
			}
			
		#dylan{
				
			float:left;
			position:relative;
			height:280px; width: 271px;
			margin:-70px 200px 60px 70px;
			padding:0 40px 0 0;
			}
		
	hr{height:2px;color:#a2a6a1;background-color:#a2a6a1;border:0;}
			
	ul.linklist {list-style:none;line-height:24px;}
	
	ul.linklist li a {
		font-family:Palatino Linotype,Palatino,Book Antiqua,serif;color:#666666;
		font-size:17px;
		}
	
	ul.linklist li a:hover {
		font-family:Palatino Linotype,Palatino,Book Antiqua,serif;color:#ffffff;
		font-size:17px;
		background-color:#666666;
		padding:5px;
		}
		
		
		ul.booklist {list-style:none;line-height:18px; width:500px;}

		ul.booklist li a {
			font-family:Palatino Linotype,Palatino,Book Antiqua,serif;color:#666666;
			font-size:15px;
			}

		ul.booklist li a:hover {
			font-family:Palatino Linotype,Palatino,Book Antiqua,serif;color:#ffffff;
			font-size:15px;
			background-color:#666666;
			padding:5px;
			}		

		
	.small{font-size:14px;line-height:15px;font-style:italic; color:#666666;}
		

	.intro {font-size:16px;line-height:35px;color:#666666;letter-spacing:-0.2px;}
	
	#space{width:640px;text-align:center; height:10px;}
	
	#smalltext{width:640px;text-align:center; height:30px;text-transform:uppercase;margin:5px 0 0 0; font-size:10px;letter-spacing:0.5px;line-height:15px; color:#666666;font-family:Trebuchet MS, Helvetica sans-serif;float:left;}
.container{ position:relative; float:left; width:220px;padding:0 10px 0 10px; margin:5px;}

hr.bib {width:489px; float:left; margin:7px 20px 7px 0;  background-color:#e3e3db;}
.yellow{color:#999900;}

#zond {position:relative; float:right; margin:10px 50px 0 0; border:none;}