/*
logo = #425968;
55% = #97A4AC;
40% = #B3BDC3;
yellow = #FFC425;
*/

body {
	background:#fefefe url("http://www.toothandclaw.org.uk/test/grafx/bg.gif") top center repeat-y;
	margin:auto;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align:center;
	color:#414141;
	line-height:140%;
width:946px;
}

body input submit {
	border:1px solid;
	border-color: #000033;
	}
	
a {
	color:#FCA401;
	text-decoration:none;
	font-weight: normal;
	}
	
a:hover {
	color:#FCA401;
	text-decoration:underline;
	font-weight: normal;
	}


h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:145%;
	color:#ffffff;
	padding:3px 6px 3px 6px;
	background-color:#425968;
	margin:6px 1px 4px 1px;
	}
	
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:142%;
	color:#425968;
	margin:8px 1px 4px 1px;
	}
	
h2 a {
	color:#425968;
	font-weight:bold;
	}
	
h2 a:hover {
	color:#FFC425;
	font-weight:bold;
text-decoration:none;
	}
	
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	color:#425968;
	margin:8px 1px 0px 1px;
	}
	
h3 a {
	color:#425968;
	font-weight:bold;
	}
	
h3 a:hover {
	color:#FFC425;
	font-weight:bold;
text-decoration:none;
	}
	
	
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	color:#E1510B;
	margin:8px 1px 2px 1px;
	}
	
h4 a {
	color:#425968;
	font-weight:bold;
	}
	
h4 a:hover {
	background-color:#eeeeee;
	color:#FFC425;
	text-decoration:none;
	font-weight:bold;
	}


#wrapper {
	text-align:left;
	background-color:#e0e0e0;
	padding:0px;
	padding-top:1px;
	margin:auto;
font-size:92%;
   }
   

#pagetop {
	width:100%;
	height:150px;
	padding:0px;
	margin:0px;
	text-align:left;
	overflow: hidden;
	}

#logo {
	float:left;
	width:170px;
	margin:0px;
	padding:0px;
	}

	
#pagetop img {
	float:left;
	padding:0px;
	border:0px;
	margin:0px;
	}

#headtext {
	float:right;
margin-right:10px;
margin-top:10px;
	width:240px;
	text-align:left;
	padding:0px;
	/* font-size:120%; */
font-size:18px;
font-weight:bold;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#pagehead {
position:absolute;
margin:0px;
	top:70px;
	right:20px;
	width:250px;
	text-align:right;	
	padding:0px;
	font-size:105%;
	font-weight:bold;
	color:#5C7883;
	}
	
#pagehead img {
	float:none;
	}
	
#pagehead a {
	text-decoration:none;
	}
	
#pagehead a:hover{
	text-decoration:none;
	background-color:#003300;
	}
	
#pagehead a:visited {
	text-decoration:none;
	}
	
#heading {
	margin:0px 0px 6px 1px;
	padding:0px;
	}

#heading a {
	margin:1px 1px 1px 8px;
	padding:0px;
	}	

	
#navbar {
	padding:4px;
	margin:0px;
	margin-top:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:92%;
	font-variant: small-caps;
background-color:#425968;
	}

#navbar table td {
border-left:1px solid#cccccc;
padding-left:3px;
padding-right:3px;
}
	
		
#navbar table.menu a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
padding:1px 2px 1px 2px;
	}
	
#navbar table.menu a:hover {
	color:#f9f9f9;
	background-color:#97A4AC;
	text-decoration:none;
	}

#navbar img {
padding:0px;
margin:0px;
}

#navbar a:hover img {
background-color:#425968;
text-decoration:none;
}	
	
.first {
	font-size:100%;
	color:#DCE3DB;
	border-bottom:1px solid #DCE3DB;
	margin-bottom:2px;
	}

#storywide {
	padding:5px;
	margin:2px 1px 1px 2px;
	background-color:#ffffff;
	-moz-border-radius: 5px;  /*mozilla only */
	font-size:86%;
	color:#3F4749;
	line-height:140%;
	min-height:400px;
	}
		
/* Hides from IE5-mac \*/
* html #storywide {height: 400px;}
/* End hide from IE5-mac */
   
	
#story {
	padding:5px;
	margin:1px 168px 1px 173px;
	background-color:#F7F7F4;
	-moz-border-radius: 5px;  /*mozilla only */
	font-size:84%;
	color:#3F4749;
	}
	
	
.notsodeep {
	margin-top:-3px;
	}
	
	#innerstorywide {
	padding:1px 3px 1px 4px;
	margin-right:4px;
line-height:148%;
font-size:86%;
	}


#innerstory {
	padding:1px 3px 1px 4px;
	margin-right:168px;
line-height:148%;
font-size:94%;
	}

#innerstory p {
font-size:100%;
line-height:150%;
margin:6px 0px 18px 0px;
}

#innerstory2 {
	padding:1px 3px 1px 4px;
	margin-right:246px;
	font-size:94%;
	}

#innerstory2 p {
font-size:100%;
line-height:150%;
margin:6px 0px 18px 0px;
}
	
#snippetholder {
	margin:0px;
	float:right;
	width:165px;
	height:98%;
	padding:0px;
	}
	
#snippetholderwide {
	margin:0px;
	float:right;
	width:238px;
	height:98%;
	padding:0px;
	}
	
#snippets {
	padding:3px;
	margin:2px;
	background-color:#FBFBF9;
	-moz-border-radius: 5px;  /*mozilla only */
	font-size:94%;
line-height:138%;
	color:#353F40;
	border:1px solid #bbb;
	}
	
#snippets ul {
	list-style-type: none;
	padding:3px;
	margin:0px;
	}
	
#storeside {
	padding:3px;
	margin:2px;
	background-color:#FBFBF9;
	-moz-border-radius: 5px;  /*mozilla only */
	font-size:90%;
line-height:140%;
	color:#353F40;
	border:1px solid #bbb;
	}
	
#storecats {
	font-size:132%;
	line-height:146%;
	}

#storecats ul {
margin-left:2px;
padding:0px;
list-style-type: none;
}

#storecats li {
margin:0px;
}

#storecats a {
	color:#666666;
	display:block;
	padding:1px 3px 1px 3px;
	text-decoration:none;
	}

#storecats a:hover {
	color:#666666;
	text-decoration:none;
	background-color: #FFC425; 
	}

#active a {
	display: block; 
	background-color:#425968;
	color: #eeeeee; 
	}
	
#storeheader {
	padding:3px;
	margin:2px 2px 8px 2px;
	background-color:#FBFBF9;
	-moz-border-radius: 5px;  /*mozilla only */
	color:#353F40;
	border:1px solid #bbbbbb;
	}
	
.register {
	background-color:#EAEBDE;
	border:1px solid #444444;
	margin:2px;
	padding:2px;
	}	
	
#endorseregister {
	background-color:#E6E6D5;
	border:1px solid #444444;
	margin:8px 2px 2px 2px;
	padding:6px;
	-moz-border-radius: 5px;  /*mozilla only */
	}	
	
#endorseregister a {
	color:#E1510B;
	text-decoration:none;
	font-weight: normal;
	}
	
#endorseregister a:hover {
	color:#E1510B;
	background-color:#f0f0f0;
	text-decoration:underline;
	font-weight: normal;
	}
	
	
#snippets input {
	font-size:94%;
	padding:2px;
	margin:2px;
	background-color:#FDFDFD;
	}
	
.opinion {
	color:#E1510B;
	}
	
.orange {
	color:#E1510B;
	font-weight:bold;
	}
	
#snippetsnav {
	padding:1px 2px 2px 3px;
	margin:2px;
	background-color:#FBFBF9;
	-moz-border-radius: 5px;  /*mozilla only */
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-variant:normal;
	color:#61160C;
	font-size:90%;
	border:1px solid #cccccc;
	line-height:130%;
	}
		
#spacer {
	clear:both;
	height:1px;
	}
	
#SpeciesHolder {
	margin:2px;
	padding:4px 1px 1px 1px;
	text-align:center;
	border:1px solid #555555;
	width:84px;
	height:84px;
	float:left;
	background-color:#EAEDE9;
	}
	
.SpeciesText {
	position:relative;
	top:-24px;
	right:10px;
	text-align:right;
	font-weight:bold;
	}
	
.Species img {
	margin:4px;
	border:1px solid #888888;
	padding:2px;
	}
	
.question {
	text-align:left;
	border: 1px solid #496035;
	background-color:#FBFBF9;
	padding:3px 8px 3px 8px;
	margin:1px 5px 1px 5px;
	-moz-border-radius: 5px;  /*mozilla only */
	}

.question a:hover {
	color:#dddddd;
	background-color:#E1510B;
	text-decoration:underline;
	}
	
.message {
	color:#990000;
	padding:5px;
	font-size:105%;
	}
	
#item {
	padding: 3px;
	float:left;
	margin:5px;
	border:1px solid #999999;
	width:175px;
	height:160px;
	text-align:center;
	}
	
#ecardbody {
	clear:left;
	}
	
#submenu {
	/*float:left;*/
	margin:3px 3px 3px 0px;
	}
	
#submenu ul {
	display:inline;
	list-style-type:disc;
	padding:3px 3px 1px 0px;
	}
	
#submenu ul li {
	display:inline;
	list-style-type:disc;
	padding:3px 3px 1px 0px;
	}
	
.largerbody {
	font-size:105%;
	}
	
.bullet {
	font-size:112%;
	line-height:155%;
	list-style:disc;
	color:#3E4138;
	padding-bottom:3px;
	}
	
.statement {
	font-style:italic;
	color:#444;
	line-height:125%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#gallerythumbs {
	margin:0px 5px 2px 4px;
	float:right;
	width:280px;
	}
	
.gallery {
	margin 3px;
	/*width:405px;
	height:405px;*/
	padding:5px;
	border:1px solid #555555;
	text-align:center;
	background-color:#EAEDE9;
	-moz-border-radius: 5px;  /*mozilla only */
	position:relative;
	top:0;
	left:0;
	}
	

#opener {
	text-align:center;
	}
		
#openerbuttons {
	text-align:center;
	width:540px;
margin:auto;
font-size:90%;
}

#openerbuttons ul {
margin:5px 0px 3px 0px;
padding:0px;
}

#openerbuttons  li {
list-style-type:none;
display: inline;
padding:3px;
margin:1px;
background-color:#444444;
color:#ffffff;
}

#openerbuttons a {
color:#eeeeee;
}

#openerbuttons a:hover {
color:#bbbbbb;
text-decoration:underline;
background-color:#444444;
}

#footer {
	font-size:85%;
	width:100%;
background-color:#425968;
	color:#f0f0f0;
	text-align:center;
	}
	
#studybox {
	float:left;
	width:170px;
	height:140px;
	border:1px solid #eeeeee;
	padding:3px;
	margin:2px;
	}
	
#partnerbox {
	float:left;
	width:230px;
	height:140px;
	border:1px solid #eeeeee;
	padding:3px;
	margin:2px;
	}
	
#supporters {
border:1px solid #dddddd;
	padding:3px;
	margin:2px;
-moz-border-radius: 5px;  /*mozilla only */
  overflow:auto;	
}

#supporters img {
float:left;
border:0px;
padding:2px 4px 3px 1px;
}

.keywords {
	color:#885302;
	font-size:104%;
	}
	
#instructions {
	padding:3px;
	margin:2px;
	/*float:right;*/
	background-color:#F5F8F3;
	-moz-border-radius: 5px;  /*mozilla only */
	font-size:85%;
	color:#314E27;
	/*width:150px;*/
	border:1px solid #bbb;
	}
	
#statement {
	padding:3px;
	margin:2px;
	/*float:right;*/
	background-color:#F4F4E8;
	-moz-border-radius: 5px;  /*mozilla only */
	font-size:104%;
	color:#555;
	/*width:150px;*/
	border:1px solid #bbb;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#statement h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:150%;
	color:#4E6543;
	margin:8px 1px 2px 1px;
	font-weight:bold;
	}
	
#bookings {
	border:1px solid #bbb;
	padding:6px;
	-moz-border-radius: 5px;  /*mozilla only */
}

#bookings a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:120%;
	font-weight:bold;
}
	
.emphasis {
	color:#444444;
	font-weight:bold;
	}
	
.youropinion {
	color:#13235B;
	line-height:126%;
	}
	
.red {
color:#990000;
font-size:96%;
}

h3.presentation {
color:#222222;
padding-bottom:0px;
margin-bottom:-5px;
margin-top:20px;
}

#thumbholder {
margin-right:440px;
}

#bigpic {
	width:468px;
	padding:4px;
margin:0px 0px 4px 4px;
	float:right;
	border:1px solid #cccccc;
	text-align:center;
  	background-color:#EAEDE9;
}

#imagebox {
float:left;
padding:2px;
text-align:center;
margin:2px;
border:1px solid #cccccc;
height:126px;
width:126px;
}

#results {

}

#resultsbox {
border-bottom:1px solid #cccccc;
float:left;
width:118px;
border:1px solid #cccccc;
margin:3px;
font-size:86%;
height:190px;
padding:2px;
text-align:center;
}

#resultsbox img {
padding:1px;
margin:0px;
}

#resultsboxwide {
border-bottom:1px solid #cccccc;
float:left;
width:246px;
border:1px solid #cccccc;
margin:3px;
font-size:86%;
height:290px;
padding:2px;
text-align:left;
}

#resultsboxcard {
border-bottom:1px solid #cccccc;
float:left;
width:157px;
border:1px solid #cccccc;
margin:3px;
font-size:86%;
height:210px;
padding:2px;
text-align:center;
}

#resultsboxcard img {
float:left;
padding:2px;
margin:3px;
}

#resultsboxwide img {
float:left;
padding:2px;
margin:3px;
}

#leftpart {
	float:left;
	width:110px;
	padding:0px;
	text-align:left;
	}
	
#rightpart {
	float:right;
	width:130px;
	padding-left:0px;
	text-align:left;
	}

#resultsmore {

}

#resultsmore img {

	padding-right:7px;
	padding-bottom:3px;
	float:left;
	}
	
#resultsmore table img {
float:none;
padding:1px;
}

#resultleft {
float:left;

padding:0px 5px 0px 0px;
}

#resultright {
padding-left:8px;
}

#errormessage {
	color:#990000;
	font-weight:bold;
	size:108%;
	margin:12px;
	padding:8px;
	border:1px solid #dddddd;
	}

#biocolumn {
width:32%;
float:left;
padding:4px;
border-right:1px dotted #cccccc;
}

#biocolumn2 {
float:right;
padding:4px;
border-right:1px dotted #cccccc;
}

#biocolumn h3 {
padding:0px;
margin:16px 0px 0px 0px;
}

#biocolumn p {
padding:0px;
margin-top:4px;
}

#dates {
	border-bottom:1px dotted #cccccc;
	padding:10px 2px 10px 2px;
	line-height:150%;
}

.emphasis {
font-size:130%; padding-bottom:12px; padding-top:0px;
}

.divider {
	border-bottom:1px dotted #cccccc;
	padding-bottom:10px; 
	padding-top:0px;
}

#quotes {
padding:3px;
margin-bottom:6px;
font-size:160%;
margin:1px 26px 6px 26px;
font-family:skia,georgia,serif;
line-height:140%;
}

#quotes .leftquote {
float:left;
padding:2px 6px 2px 2px;
margin-left:-44px;
margin-top:-7px;
}

#quotes .rightquote {
float:right;
padding:2px 2px 2px 6px;
margin-top:-28px;
margin-right:-28px;
}

#reviews {
float:left;
}

#reviews h3 {
font-size:120%;
padding-bottom:5px;
border-bottom:1px solid #aaaaaa;
}

#reviews p {
padding:3px 3px 16px 3px;
/*border-bottom:1px dotted #cccccc;*/
margin-bottom:15px;
}

.explanation {
	font-size:78%;
	border-top:1px dotted #cccccc;
	}
.shade {
background-color:#D5DADD;
padding:4px 4px 2px 6px;
}

.inverse {
	color:#ffffff;
	padding:3px 6px 3px 6px;
	background-color:#425968;
	}

h3.inverse a {
color:#FFC425;
}

h3.inverse a:hover {
color:#FFC425;
text-decoration:underline;
}

.button{
background-color:#425968;
padding:3px 6px 3px 6px;
}

.imgborder {
	padding:2px;
	margin:1px;
	border:1px solid #425968;
	}

#keepitquiet { display: none; }