/* CSS for www.wildlifefestival.org.uk by Allan Scott www.allanscott.co.uk */

/*---[ undohtml ]---*/

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

a img,:link img,:visited img { border:none }

address { font-style:normal }


body {
border:0;
background-color:#CFC8C4;
color: #666666;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:small;
}

* html body	{
font-size:x-small; /*for IE5 Win*/
f\ont-size:small;/*for othe IE versions*/
}

html>body	{/*be nice  to Opera*/
font-size:small;
}

/*---[ layout divs ]--------------------------------------------*/

#wrapper {
margin:10px auto;
width:764px;
background-image:url(../images/pg-bg.jpg);
background-repeat:repeat-y;
text-align:left;
}

#innerwrapper	{
width:750px;
margin:0 8px;
}

#header	{
background-image:url(../images/hdr.jpg);
background-repeat:no-repeat;
height:65px;
width:750px;
}

#navbox	{
height:35px;
margin:0;
padding:0;
background-image:url(../images/nav-bg.jpg);
}

#content	{
width:750px;
margin:0;
padding:0;
}

#mainbox	{
float:right;
width:500px;
}

#sidebox	{
width:250px;
float:left;
}

#footer	{
font-size:80%;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #666;
clear: both;
width: 750px;
line-height: 150%;
background-color:#5A6DA1;
/*background-image: url(../images/ftr-bg.jpg);*/
height: 30px;
margin:50px 0 0 0;
}

#footer a:link, a:visited, a:active	{
color:#666;
}

#footer a:hover	{
text-decoration: underline;
font-weight:normal;
}

#footer2	{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
font-weight:normal;
color: #666;
text-align: center;
width:764px;
height:28px;
margin:0 auto;
}

#footer2 a:link, #footer2 a:visited, #footer2 a:active	{
color: #666;
font-weight: normal;
}

#footer2 a:hover	{
text-decoration: underline;
}


/*---[ gutters ]---*/

#mainbox .gutter	{
padding:0 15px 0 25px;
}

#sidebox .gutter	{
padding:0 10px 0 10px;
margin:0;
}

/*---[ clearing floats ---]*/

.clearfix:after	{/*the Alsett clearing method*/
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix	{/* a fix for IE Mac*/
display:inline-block;
}

/*the Holly Hack for a bug in IE6 for Windows*/
*html .clearfix	{
height:1%;}

.clearfix	{
display:block;
}
/*end of Holly Hack*/

/*---[ lists ]---*/

ul {
margin: 0px;
padding: 0px;
}

#bullets ul {
}

#bullets li	{
font-weight: normal;
line-height: 150%;
font-size: 90%;
}

/*---[ bnavlist ]---*/

#navlist	{
margin: 0px;
padding:5px 10px 0px 270px;
}

#navlist li	{
display: inline;
list-style-type: none;
margin: 5px 0px 0px;
padding: 0px;
color:#fff;
}

#navlist a:link, #navlist a:visited, #navlist a:active{
color: #FFFFFF;
font-weight: bold;
}

#navlist a:hover {
color: #FFCC00;
font-weight: bold;
}

/*---[ generic links ]---*/ 
a:link, a:visited, a:active {
color: #5A6DA1;
font-weight: bold;
}

a:hover {
text-decoration: underline;
color: #CC0000;
font-weight: bold;
}

/*---[ text styles ]---*/
p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:95%;
color: #333333;
margin-bottom: 0px;
margin-top: 0px;
line-height:150%;
}

h1 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:180%;
font-weight: 900;
color: #5A6DA1;
margin-bottom: 5px;
margin-top: 0px;
padding:0 0 5px 0;
border-bottom:solid 4px #CCCCFF;
}

h2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:140%;
font-weight:bold;
color: #5A6DA1;
margin-bottom:3px;
margin-top:10px;
}

#sidebox h1	{
font-size:120%;
}

#sidebox h2	{
font-size:110%;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size:110%;
font-weight: bold;
color: #333;
margin: 0px;
padding: 0px;
}

#sidebox h3	{
font-size:95%;
}

/*---[ images ]---*/

.picBorder {
border: 1px solid #666666;
}
.imgleftborder {
float: left;/*float the image to the left*/
border: 1px solid #666666;/*add a border around the image*/
margin: 5px 10px 0 0;/*set a margin to the top and right to give clearance against the text the top margin aligns the image with the top of the p element*/
}

.imgrightborder {
float: right;/*float the image to the right*/
border: 1px solid #666666;/*add a border around the image*/
margin: 5px 0px 0 10px;/*set a margin to the top and left to give clearance against the text the top margin aligns the image with the top of the p element*/
}

/*---[ misc ]---*/
.panel {
background-color: #D7B7A6;
padding: 5px;
}

.leftcolumncaption {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: normal;
color: #666666;
padding: 5px 5px 10px;
text-align: center;
}