@charset "UTF-8";
/* CSS Document */

/*----COLOURS-------
Text: #888888
Bold grey: #777777
Background: #EEEBE0
Intro grey: #888888
Form grey: #DDDDDD

Red: #C85E4C
Yellow: # D5B23F
Teal: #589681
Purple: #58689C
Green: #519154
Fame: #849246

Blue: #006D8F
Lime: #B0B91D
 */

.NoPrint
{
display:none;
}

body
{
background-color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:000;
}

img
{
border-style:none;
}


#wrapper
{
width:960px;
position:relative;
margin:auto;
top:-10px;

}

#header
{
width:920px;
height:255px;
margin-left:20px;
}

#content-wrapper
{
width:960px;
float:left;
}


#left-column
{
width:295px;
position:relative;
margin-top:5px;
margin-left:20px;
padding-right:5px;
float:left;
}

#middle-column
{
width:295px;
position:relative;
margin-top:0px;
margin-left:15px;
padding-top:10px;
padding-left:5px;
float:left;
}

#right-column
{
width:290px;
position:relative;
margin-left:20px;
margin-top:5px;
float:left;
}


#right-column-box
{
width:290px;
position:relative;
margin-left:15px;
margin-top:30px;
float:left;
}

#footer
{
width:920px;
height:50px;
margin-left:20px;
margin-top:20px;
border-top:1px solid #dddddd;
float:left;
font-size:12px;
line-height:30px;
text-align:right;
}

#spry-box
{
margin-top:15px;
background-image:url(../images/Fact-header-03.jpg);
background-repeat:no-repeat;
padding:0px 5px 5px 5px;
width:285px;
position:relative;
float:left;
border:1px solid #006d8f;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

#spry-box-home
{
margin-top:15px;
background-image:url(../images/Fact-header-home.jpg);
background-repeat:no-repeat;
padding:0px 5px 5px 5px;
width:280px;
position:relative;
float:left;
border:1px solid #006d8f;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

.spry-box-heading
{
font-size:16px;
line-height:18px;
font-weight:bold;
color:#8a5d3b;
padding-left:10px;
}

.spry-box-intro
{
color:#8a5d3b;
font-size:14px;
line-height:18px;
text-align:left;
padding-left:10px;
}


/*------------------------TEXT---------------*/

p
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:22px;
text-align:left;
color:000;
}

h1
{
font-size:16px;
font-weight:bold;
text-align:left;
color:000;
}

.italics
{
font-style:italic;
}

.intro
{
font-size:17px;
line-height:24px;
text-align:left;
letter-spacing:-0.5px;
color:000;
}

.contact
{
font-size:14px;
line-height:normal;
text-align:left;
color:000;
}


/*---------------NAV-----------------*/

#nav
{
width:800px;
height:40px;
position:relative;
top:10px;
margin-left:135px;
margin-bottom:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul
{
list-style:none;
line-height:25px;
padding:0px;
}

a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
text-align:center;
text-decoration:none;
border-style:none;
}

a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
text-align:center;
}


.nav-home
{
width:60px;
position:relative;
padding-left:10px;
padding-right:10px;
border-right-style:solid;
border-right-width:1px;
border-right-color:#dddddd;
float:left;
list-style:none;
text-align:center;
font-size:12px;
line-height:13px;
}

.nav-decline
{
width:110px;
position:relative;
padding-left:10px;
padding-right:10px;
border-right-style:solid;
border-right-width:1px;
border-right-color:#dddddd;
float:left;
list-style:none;
text-align:center;
font-size:12px;
line-height:13px;
}

.nav-threat
{
width:115px;
position:relative;
padding-left:10px;
padding-right:10px;
border-right-style:solid;
border-right-width:1px;
border-right-color:#dddddd;
float:left;
list-style:none;
text-align:center;
font-size:12px;
line-height:13px;
}

.nav-breeding
{
width:120px;
position:relative;
padding-left:10px;
padding-right:10px;
border-right-style:solid;
border-right-width:1px;
border-right-color:#dddddd;
float:left;
list-style:none;
text-align:center;
font-size:12px;
line-height:13px;
}

.nav-support
{
width:120px;
position:relative;
padding-left:10px;
padding-right:10px;
border-right-style:solid;
border-right-width:1px;
border-right-color:#dddddd;
float:left;
list-style:none;
text-align:center;
font-size:12px;
line-height:13px;
}

.nav-contact
{
width:80px;
position:relative;
padding-left:15px;
float:left;
list-style:none;
text-align:center;
font-size:12px;
line-height:13px;
}

.current-home
{
width:60px;
position:relative;
padding-left:10px;
padding-right:10px;
border-right:1px solid #dddddd;
float:left;
list-style:none;
text-align:center;
font-size:12px;
line-height:13px;
font-weight:bold;
font-size:12px;
color:#999999;
}
.current-decline
{
width:110px;
position:relative;
padding-left:10px;
padding-right:10px;
border-right:1px solid #dddddd;
float:left;
list-style:none;
text-align:center;
font-size:12px;
line-height:13px;
font-weight:bold;
font-size:12px;
color:#999999;

}

.current-threat
{
width:115px;
position:relative;
padding-left:10px;
padding-right:10px;
border-right:1px solid #dddddd;
float:left;
list-style:none;
text-align:center;
font-size:12px;
line-height:13px;
font-weight:bold;
font-size:12px;
color:#999999;
}

.current-breeding
{
width:120px;
position:relative;
padding-left:10px;
padding-right:10px;
border-right:1px solid #dddddd;
float:left;
list-style:none;
text-align:center;
font-size:12px;
line-height:13px;
font-weight:bold;
font-size:12px;
color:#999999;
}

.current-support
{
width:120px;
position:relative;
padding-left:10px;
padding-right:10px;
border-right:1px solid #dddddd;
float:left;
list-style:none;
text-align:center;
font-size:12px;
line-height:13px;
font-weight:bold;
font-size:12px;
color:#999999;
}

.current-contact
{
width:80px;
position:relative;
padding-left:10px;
padding-right:10px;
border-right:1px solid #dddddd;
float:left;
list-style:none;
text-align:center;
font-size:12px;
line-height:13px;
font-weight:bold;
font-size:12px;
color:#999999;
}



/*----------------HOME---------------*/

#home-column-wide
{
width:560px;
position:relative;
padding:0px 20px 20px 20px;
margin-top:15px;
margin-left:20px;
float:left;
background-color:#FFFFFF;
border-style:none;
}


/*-------------DONATE/SUPPORT-------------*/

#support1
{
width:200px;
height:20px;
padding:20px 10px 20px 10px;
z-index:10;
background-color:rgba (81,145,84,0.5);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
text-align:center;
}

#support1 a
{
color:#ffffff;
}

#support1 a:hover
{
width:200px;
height:20px;
padding:20px 10px 20px 10px;
color:#000000;
}

#support
{
width:200px;
height:20px;
padding:20px 10px 20px 10px;
margin-left:30px;
margin-top:20px;
background-color:#519154;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
text-align:center;
}

#support a
{
color:#ffffff;
}

#support a:hover
{
width:200px;
height:20px;
padding:20px 10px 20px 10px;
color:#000000;
}

/*-------------CONTACT-------------*/

#form-column-wide
{
width:540px;
position:relative;
padding:20px;
margin-top:15px;
margin-left:20px;
margin-right:20px;
float:left;
background-color:#FFFFFF;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-style:solid;
border-width:1px;
border-color:#cccccc;
}


.form
{
color:#000000;
font-size:14px;
text-align:left;
outline:none;
border-style:none;
}

label
{
float:left;
width:120px;
text-align:right;
margin-right:10px;
color:#999999;
font-size:14px;
}

.checkbox
{
float:left;
color:#fff;
font-size:14px;
}

input.checkbox
{
width:20px;
margin-left:125px;
}


input{ 
background-color:#dddddd;
width:300px;
outline:none;
}

textarea
{ 
background-color:#dddddd;
width:300px;
outline:none;
}

#send
{
width:400px;
margin-left:130px;
}

input.sendbutton
{
width:80px;
float:left;
padding:5px;
background-color:#dddddd;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#777;
font-weight:bold;
font-size:12px;
text-align:center;
border-style:none;
}

input.sendbuttonhover
{
width:80px;
padding:5px;
background-color:#777;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
text-align:center;
color:#fff;
border-style:none;
cursor:pointer;

}

#contact-box
{
width:300px;
height:200px;
background-image:url(../images/contact-card.jpg);
background-repeat:no-repeat;
padding:30px 20px 20px 30px;
font-size:14px;
line-height:18px;
color:#000000;
}

.email
{
color:#000;
}

.email a
{
color:#000;
}

.email a:hover
{
text-decoration:underline;
}

.underline a 
{
color:#888888;
font-size:17px;
line-height:24px;
text-align:left;
letter-spacing:-0.5px;
text-decoration:underline;
}

underline a:hover
{
color:#666;
font-size:17px;
line-height:24px;
text-align:left;
letter-spacing:-0.5px;
text-decoration:underline;
}