/* colours: Grey text= #717171
Grey box backgrounds= #f4f6f5;
Grey box borders: #dedede
Grey lines: #999999;
Green solid: #99cc66;
text-color:#262626;
*/

/* SET DEFAULTS */
*
{
	font-family: verdana, arial, helvetica;
	margin:0px;
	padding:0px;
	border:none;
	color:#262626;
}
body
{
	font-size:.688em; /* Set all other font sizes as em related to this one. */
	/* Centering of main box for MS internet explorer */
	text-align:center;
}
.col25
{
	width: 215px;
	float:left;
/*	padding: 20px 1% 0% .8%; */
	padding:20px 10px 0px 0px;
	text-align:center;
}
.col25 p
{
	font-size:1.091em;
	padding:4px 20px 10px 20px;
}
.col25 img
{
	width:180px;
	height: 135px;
	border: solid 1px #999999;
	background-color:#ffffff;
	padding:1px;
}

/* Link defaults*/
a:link
{
	color:#262626;
}
a:visited
{
	color:#262626;
}
a:hover
{
	background-color:#99cc66;
}
/* HTML re-styling */
h1
{
	font-size:1.455em;
	font-weight:normal;
	padding:3px 0px 12px 19px;
}
h2
{
	font-size:1.455em;
	font-weight:normal;
	padding:8px 0px 4px .8em;
	line-height:1.35em;
/*	margin-left: 1.32em; */
}
h3
{
	font-size:1.091em;
	font-weight:normal;
	padding-top:8px;
	line-height:1.35em;
	text-indent: -1.4em; 
	margin-left: 1.5em; 
}
h3 a:link
{
	text-decoration:none;
}
h3 a:visited
{
	text-decoration:none;
}
h3 a:hover
{
	background-color:#99cc66;
}
p
{
	font-size:1.091em;
	line-height:1.83em;
	margin: .1em .2em 0em .2em;
}
td
{
	vertical-align:middle;
	height:25px;
	border:1px solid #dedede;
	padding:0px;
	margin:0px;
	overflow:hidden;
	background-color:#ffffff;
}
.infotable
{
	margin-left:0.6em;
}
.infotable td
{
	border:0px;
	padding:6px;
	font-size:1.091em;
}

/* New styles */

.submitbutton
{
	background-color:#ffffff;
	font-size: 1em;
	padding: 6px 12px 6px 12px;
	border: solid 1px #dedede;
}
.submitbutton:hover
{
	background-color:#99cc66;
	color:#ffffff;
}
input.search
{
	border:0px;
/*	font-size:1.091em;*/
	font-size:12px;
	color:#717171;
	padding:0px 5px 0px 5px;
	width:216px;
}
input.submit
{
	font-size:12px;
	color:#717171;
	border:0px;
	padding:0px 10px 0px 10px;
	background-color:#ffffff;
	height:26px;
	width:65px;
}
input.submit:hover
{
	color:#ffffff;
	background-color:#99cc66;
}
.searchgutter
/* I spect a g e s  trying to get the search buttons to match the design and line up in every browser. In the end I had to resort to this table horribleness. sorry! */
{
	border:0px;
	width:10px;
	background-color:#f4f6f5;
}
#outerbox
{
	text-align:left;
	background-color:#ffffff;
	margin-top: 0px;
	margin-bottom: 20px;
	width:969px;
	margin-left:auto;
	margin-right:auto;
}
#logobox
{
	background-color:#ffffff;
	/*background-image:url(bck-header.gif);
	background-repeat:no-repeat;*/
	float:left;
	width:498px;
	height:125px;
}
#logobox img /* We're now using a logo gif on each page to help with SEO */
{
	position:relative;
	top:30px;
	left: 21px;
}
#logobox a:hover
{
	background-color:#ffffff;
}
#editortopbox
{
	background-color:#f4f6f5;
	text-align:center;
	padding:1em;
}
#simplesearchbox
{
	background-color:#f4f6f5;
	float:right;
	margin-left:30px;
	width:339px;
	height:54px;
	margin-right:28px;
}
.simplesearchtable
{
	margin-left:12px;
	margin-top:11px;
}
#menuspace
{
	clear:both;
	min-height:33px;
	background-color:#ffffff;
	font-size:1em;
	width:97%;
	background-image: url(bck-menu-baseline.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-left: 2%;
}
#menuspace a
{
	float:left;
	width:auto;
	height:26px;
	display:block;
	border-left:solid 1px #dedede;
	font-size:1em;
	padding: 0em 2.4em 0em 2.4em;
}
#menuspace a:link
{
	padding-top:7px;
	padding-bottom:0px;
	color:#100001;
	text-decoration:none;
	background:url(bck-menu-grad2.gif);
	background-position:top;
	background-repeat:repeat-x;
}
#menuspace a:visited
{
	padding-top:7px;
	padding-bottom:0px;
	color:#100001;
	text-decoration:none;
	background:url(bck-menu-grad2.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
#menuspace a:hover
{
	padding-top:7px;
	padding-bottom:0px;
	color:#100001;
	text-decoration:none;
	background:url(bck-menu-grad2-select.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}
#menuspace .selected
{
	padding-top:7px;
	padding-bottom:0px;
	color:#100001;
	text-decoration:none;
	background-color:#ffffff;
}
#menuspace .lastmenuitem
{
	border-right:solid 1px #dedede;
}
#advancedsearchbox
{
	float:right;
	padding-right:20px;
	width:200px;
}
.rightcol .searchtext
{
	width: 250px;
	font-size:1em;
	height:1.5em;
	color:#717171;
	border: 1px solid #dedede;
	background-color:#ffffff;
	vertical-align: inherit;
	display:block;
}
#advancedsearchbox a
{
	float:right;
	width:auto;	
	display:block;
	border-left:none;
	border-right:solid 1px #dedede;	
	font-size:1em;
	padding: 0em 1.5em 0em 32px;
}
#advancedsearchbox a:link
{
	padding-top:7px;
	padding-bottom:0px;
	color:#100001;
	text-decoration:none;
	background:url(bck-asearch-grad.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#advancedsearchbox a:visited
{
	padding-top:7px;
	padding-bottom:0px;
	color:#100001;
	text-decoration:none;
	background:url(bck-asearch-grad.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}
#advancedsearchbox a:hover
{
	padding-top:7px;
	padding-bottom:0px;
	color:#100001;
	text-decoration:none;
	background:url(bck-asearch-grad-select.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}
#advancedsearchformbox
{
	margin-top:10px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#f4f6f5;
}
#advancedsearchformbox .leftcol
{
	margin-top:8px;
	clear:both;
	float:left;
	width:25%;
	text-align:right;
	padding-right:2%;
}
#advancedsearchformbox .rightcol
{
	margin-top:12px;
   	float:left;
   	width:48%;
}
#advancedsearchformbox .clearer
{
	clear:both;
	height:1px;
	background-color:#f4f6f5;
}
#advancedsearchformbox .narrowoptions
{
	margin-top:8px;
	padding-top:10px;
   	float:left;
   	width:27%;
   	background-color:#ffffff;
}
#advancedsearchformbox .wideoptions
{
	margin-top:8px;
   	float:left;
   	width:72%;
   	background-color:#ffffff;
}
#advancedsearchformbox .wideoptions p
{
	font-size: 1em;
}
#advancedsearchformbox .narrowoptions p
{
	font-size: 1em;
}
.checkbox
{
	margin:0px 8px 0px 0px;
	vertical-align:middle;
}
#advancedsearchformbox select
{
	width:54%;
	padding:2px;
}
#categoryfilterbox
{
	background-color:#f4f6f5;
	margin:10px 0px 10px 0px;
}
#filteroptions
{
	float:left;
	width:339px;
}
#filteroptions p
{
	font-size:1em;
	text-align:left;
	padding: 18px 0px 13px 10px;
	vertical-align:top;
}
#filteroptions a
{
	display:block;
	float:left;
	padding: 0px .3em 0px 0.3em;
	border-right: 2px solid #999999;
}
#filteroptions a:hover
{
	background-color:#99cc66;
}
#imagefilteroptions
{
	float:left;
	width:645px;
}
#imagefilteroptions p
{
	font-size:1.091em;
	text-align:left;
	padding: 15px 0px 13px 10px;
	vertical-align:top;
}
#imagefilteroptions a
{
	padding: 0px .27em 0px .27em;
	border-right: 2px solid #999999;
}
#imagefilteroptions a:hover
{
	background-color:#99cc66;
}

#tabspace
{
	font-size:1em;
	width:96%;
	padding-left: 3%;
	padding-top:20px;
}
#tabspace a
{
	float:left;
	width:auto;	
	height:26px;
	display:block;
	border-left:solid 1px #dedede;
	border-bottom:solid 1px #dedede;	
	font-size:1em;
	padding: 7px 1.2em 0em 1.2em;
	color:#eeeeee;
}
#tabspace a:link
{
	color:#100001;
	text-decoration:none;
}
#tabspace a:visited
{

	color:#100001;
	text-decoration:none;
}
#tabspace .selected
{
	color:#100001;
	text-decoration:none;
	border-bottom:1px solid #f4f6f4;
	background-color:#f4f6f5;
}
#categorysearch
{
	float:right;
	width:269px;
	height:54px;
	padding:0px;
	margin:0px;
}
.categorysearchtable
{
	margin-left:10px;
	margin-top:13px;
}
.categorysearchtable input.search
{
	width:150px;
}
.searchtitlematches a
{
	font-weight:bold;
	text-decoration:none;
}
.searchtitlematches ul
{
	list-style-type: none;
	list-style-image: none;
}
.searchtitlematches li
{
	padding:0em 0em 0em 0em;
	line-height:1.5em;
}
.searchothermatches a
{
	text-decoration:none;
}
.searchothermatches strong
{
	font-weight:normal;
}
.searchothermatches ul
{
	list-style-type: none;
	list-style-image: none;
}
.searchothermatches li
{
	padding:0em 0em 0em 0em;
	line-height:1.5em;
}
.simplesearchresultsbox
{
	background-color: #f4f6f5;
	padding: 0px 20px 15px 20px;
}
.simplesearchresultsbox ul
{
	list-style-type: none;
	list-style-image: none;
	padding-bottom: 0px;
}
.simplesearchresultsbox li
{
	padding:0em 0em 0em 0em;
	line-height:1.8em;
}
.simplesearchresultsbox a
{
	text-decoration:none;
}
.col33 ul
{
	list-style-type: none;
	list-style-image: none;
	font-size:1em;
}
.col33 li
{
	padding:.6em 0em 0em .8em;
	line-height:1.3em;
}
.col33 li a:link
{
	color:#262626;;
	text-decoration:none;
}
.col33 li a:visited
{
	color:#262626;
	text-decoration:none;
}
.col33 li a:hover
{
	background-color:#99cc66;
}
.col100 p
{
	font-size:1.091em;
	padding: 0em 0em 1em 12px;
	line-height:1.83em;
	text-align:left;
}
.col67
{
	float:left;
	width:625px;
	margin-top:0px;
	margin-right:30px;
	padding-left:16px;
}
.col67 p
{
	font-size:1.091em;
	padding: 0em 6.5em 1em 12px;
	line-height:1.83em;
	text-align:left;
}
.aboutlist
{
	font-size:1.091em;
	line-height:1.83em;
	padding: 0em 6.5em .6em 12px;
	margin-left:34px;
}
.col33
{
	float:left;
	width:30%;
	margin-top:0px;
	padding: 0px;
}
.col67 .col33 /* Just for 3-col listings, not for the rh column */
{
	width:203px;
	padding-left:5px;
	margin:0px;
}
.col33 p
{
	font-size:1em;
	padding: 0em 0em 0em 1.4em;
	line-height:1.83em;
	text-align:left;	
}
.col33 h2
{
	font-size:1.091em;
	/*padding: 0em 0em .7em 1em;  CHANGED FOR credits h2 in col33 on about.php - CHECK IT'S NOT BROKEN ELSEWHERE*/
	padding: 1em 0em .2em 1.3em;
	line-height:1.6em;
	font-weight:normal;
	margin-left:0px;
/*	border-top: dotted 1px #999999; */
}
.col100
{
	float:left;
	width:97%;
	margin-top:14px;
	padding: 0px;
	padding-left:17px;
}
.separator
{
	height:20px;
	border-bottom: dotted 1px #999999;
}
.itembox
{
	height:18.5em;
	overflow:hidden;
}
.itembox a:hover
{
	background-color:#ffffff;
}
.itembox img:hover
{
	border:1px solid #99cc66;
	background-color:#99cc66;
}
.itembox p
{
	line-height:1.2em;
	margin:8px 0px 0px 0px;
	text-align:left;
	text-indent: -1em;
	margin-left: 1em;
	font-size:1em;
}

.headbox
{
	background-image: url(bck-headbox.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-bottom:10px;
	margin-top:30px;
	margin-left:0px;
	padding-left:15px;
}
.headbox h1
{
	font-size:1.455em;
	line-height:1.45em;
	font-weight:normal;
	padding:3px 0px 12px 0px;
	margin:0px;
}
.headbox h2
{
	font-size:1.455em;
	font-weight:normal;
	padding:3px 0px 12px 0px;
	margin:0px;
	line-height:1.3em;
}
.col33 h1
{
	padding-right:.15em;
}

.plainheadbox
{
	background-image: url(bck-plain-headbox.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-bottom:20px;
	padding-top:10px;
	background-color:#f4f6f5;
}
.plainheadbox h1
{
	font-size:1.455em;
	font-weight:normal;
	padding:9px 0px 8px 0px;
}
.bigpic
{
	padding: 13px 0px 8px 13px;
	width:530px;
}
.bigpic img
{
	border:solid #dedede 1px;
	padding:1px;
	width:526px;
}
.bigpic a:hover
{
	background-color:#ffffff;
}
.bigpic img:hover
{
	border:1px solid #99cc66;
	background-color:#99cc66;
}
.bigpic p
{
	padding-top:.8em;
	font-size:1em;
	text-align:left;
	padding:0px;
}
.bigpic p a:link
{
	text-decoration:none;
}
.bigpic p a:visited
{
	text-decoration:none;
}
.bigpic p a:hover
{
	background-color:#99cc66;
}

.thumbbox180
{
	padding-left:17px;
	margin:4px 0px 5px 0px;
}
.thumbbox180 img
{
	border:solid #dedede 1px;
	padding:1px;
	width:180px;
}
.thumbbox180 a:hover
{
	background-color:#ffffff;
}
.thumbbox180 img:hover
{
	border:1px solid #99cc66;
	background-color:#99cc66;
}

.thumbbox120
{
	padding-left:17px;
	margin:4px 0px 5px 0px;
}
.thumbbox120 img
{
	border:solid #dedede 1px;
	padding:1px;
	width:120px;
}
.thumbbox120 a:hover
{
	background-color:#ffffff;
}
.thumbbox120 img:hover
{
	border:1px solid #99cc66;
	background-color:#99cc66;
}

#footer
{
	clear:both;
	background-color:#f4f6f5;
	font-size:1em;
	text-align:center;
}
.footercontents
{
	padding: 1em;
	width:910px; /* Set narrower than full page - seemed best way to get left margin working */
	margin-left:auto;
	margin-right:auto;
}
.floating
{
	display:block;
	float:left;
	margin-right:3px;
}
#footer a
{
	display:block;
	float:left;
	border-left: 2px solid #999999;
	padding: 0px .6em 0px .6em;
	text-decoration:none;
}
.clearer
{
	clear:both;
	height:0px;
	overflow:hidden;
}
.showall
{
	font-size:.688em;
	text-decoration:none;
	margin-left:2em;
}
.linkstitle
{
	font-size:1.455em;
}
.linkedpic
{
	float:left;
	padding:0px 0px 0px 19px;
	margin-left:0px;
	margin-bottom: 10px;
	margin-right:10px;
	height:94px;
}
.linkedpic img
{
	border: solid 1px #999999;
	padding: 1px;
}
.linkedpic a:hover
{
	background-color:#ffffff;
}
.linkedpic img:hover
{
	border:1px solid #99cc66;
	background-color:#99cc66;
}
.linkedpictext
{
	float:left;
	width:53%;
}
.linkedpictext h3
{
	font-size:1.091em;
}
.linkedpictext p
{
	font-size:1em;
	margin-left: 4px;
}
.linkeditem p
{
	font-size:1em;
	margin-left: 2px;
	padding-bottom:0px;
}
.linkeditem h3
{
	font-size:1.091em;
}
.item
{
	padding-top:10px;
	clear:both;
}
.leftcol p
{
	text-align:right;
	margin:1px;
}
#funderlogos
{
	padding:30px 0px 0px 28px;
}
#funderlogos a
{
	margin-right:13px;
}
#col33expl h2
{
	margin:6px 0px 0px 0px;
	padding:0px 0px .4em 1em;
	font-size:1.455em;
	line-height:1.2em;
}
#col33expl p
{
	font-size:1.091em;
	margin:0px;
	line-height:1.6em;
	padding:0px 0px 1em 1.4em;	
}