@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
 ----------------------------*/

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

img
{
border-style:none;
outline:none;
}

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

}

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

#content-wrapper
{
width:960px;
background-color:#FFFFFF;
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;
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;
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;
}


#partnerbox
{
margin-top:20px;
width:270px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-style:solid;
border-width:1px;
border-color:#519154;
}

#sponsorbox
{
margin-top:20px;
width:260px;
padding-left:20px;
padding-right:10px;
padding-bottom:10px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-style:solid;
border-width:1px;
border-color:#006d8f;
}

#sponsorbox a {
color:#589681;
}

#sponsorbox a:hover {
color:#589681;
text-decoration:underline;
}

#donatebox
{
width:260px;
padding-left:20px;
padding-right:10px;
padding-bottom:10px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-style:solid;
border-width:1px;
border-color:#006d8f;
}

#sitemap-wide
{
width:560px;
position:relative;
padding:20px;
margin-left:20px;
margin-right:20px;
margin-bottom: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:#b0b91d;
}

#sitemap-left
{
float:left;
width:270px;
margin-left:5px;
}

#sitemap-right
{
float:left;
width:270px;
}



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

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

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

.italics
{
font-style:italic;
}

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

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

.dark a:link
{
color:#444444;
}

.dark
{
color:#444444;
}

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

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

#nav
{
height:40px;
top:8px;
position:relative;
margin:0 0 8px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:13px;
text-align:center;
}

a:link, a:visited {
color:#888888;
text-align:center;
text-decoration:none;
border-style:none;
}

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

a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#888888;
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:0 10px;
border-right:solid 1px #dddddd;
float:left;
color:#888888;
}

.nav-decline
{
width:105px;
position:relative;
padding:0 10px;
border-right:solid 1px #dddddd;
float:left;
color:#888888;
}

.nav-threat
{
width:100px;
position:relative;
padding:0 10px;
border-right:solid 1px #dddddd;
float:left;
color:#888888;
}

.nav-breeding
{
width:120px;
position:relative;
padding:0 10px;
border-right:solid 1px #dddddd;
float:left;
color:#888888;
}

.nav-support
{
width:120px;
position:relative;
padding:0 10px;
border-right:solid 1px #dddddd;
float:left;
color:#888888;
}

.nav-media
{
width:95px;
position:relative;
padding:0 10px;
border-right:solid 1px #dddddd;
float:left;
color:#888888;
}

.nav-blog
{
width:60px;
position:relative;
float:left;
padding:0 10px;
border-right:solid 1px #dddddd;
color:#888888;
}

.nav-contact
{
width:75px;
position:relative;
padding:0 10px;
float:left;
color:#888888;
}

.current-home
{
width:60px;
position:relative;
padding:0 10px;
border-right:1px solid #dddddd;
float:left;
font-weight:bold;
color:#999999;
}

.current-decline
{
width:105px;
position:relative;
padding:0 10px;
border-right:1px solid #dddddd;
float:left;
font-weight:bold;
color:#999999;
}

.current-threat
{
width:100px;
position:relative;
padding:0 10px;
border-right:1px solid #dddddd;
float:left;
font-weight:bold;
color:#999999;
}

.current-breeding
{
width:120px;
position:relative;
padding:0 10px;
border-right:1px solid #dddddd;
float:left;
font-weight:bold;
color:#999999;
}

.current-support
{
width:120px;
position:relative;
padding:0 10px;
border-right:1px solid #dddddd;
float:left;
font-weight:bold;
color:#999999;
}

.current-media
{
width:95px;
position:relative;
padding:0 10px;
border-right:1px solid #dddddd;
float:left;
font-weight:bold;
color:#999999;
}

.current-blog 
{
width:40px;
position:relative;
float:left;
border-right:solid 1px #dddddd;
padding:0 10px;
color:#999999;
font-weight:bold;
}

.current-contact
{
width:75px;
position:relative;
padding:0 10px;
float:left;
font-weight:bold;
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;
}

/*-------------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;
}

#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;
}

#follow-box {
background-image:url(../images/follow-card.jpg);
background-repeat:no-repeat;
padding:38px 15px 20px 45px;
width:230px;
height:138px;
margin-bottom:10px;
}

#follow-box p {
color:#8A5D3B;
font-size:12px;
line-height:18px;
margin-top:17px;
}

#follow-box a:link, #follow-box a:visited {
color:#006d8f;
text-decoration:none;
}

#follow-box a:hover {
text-decoration:underline;
}

.email
{
color:#000;
}

.email a
{
color:#000;
}

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

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

#left-links
{
width:320px;
position:relative;
margin-top:20px;
margin-left:20px;
float:left;
}

#left-links img {
height:80px;
display:block;
float:left;
margin-right:10px;
margin-bottom:20px;

}

#left-links a:hover
{
color:#006d8f  !important;
outline:none;
}

#left-links a:link, #left-links a:active, #left-links a:visited
{
color:#666;
text-decoration:none;
outline:none;
}

#middle-links
{
width:370px;
position:relative;
margin-top:20px;
margin-left:30px;
padding-left:5px;
float:left;
}

#middle-links img {
display:block;
float:left;
margin-right:10px;
margin-bottom:20px;

}

#middle-links a:hover
{
color:#006d8f  !important;
outline:none;
}

#middle-links a:link, #left-links a:active, #left-links a:visited
{
color:#666;
text-decoration:none;
outline:none;
}

#archives {
width:160px;
margin-top:20px;
margin-left:20px;
float:left;
}

/*
.news {
background:#fff;
padding:8px;
margin-top:10px;
-webkit-box-shadow:2px 2px 3px #999,
-1px -1px 2px #ccc;
-moz-box-shadow:2px 2px 3px #999;
}

.news p, .news a:link, .news a:active, .news a:visited {
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
line-height:17px;
}

.news a:hover {
color:#666;
text-decoration:underline;
}

#feature {
width:279px;
margin:0;
padding:0;
}

#feature p {
background:url(../devil-ark-media/images/featured-item-tile.gif) repeat-y;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
color:#000;
margin:0;
padding:0 15px 0 20px;
}
*/

.teal h1{
color:#006d8f;
font-size:15px;
font-weight:normal;
}

.teal a:link {
color:#006d8f;
text-decoration:none;
}

.teal a:hover {
color:#006d8f;
text-decoration:underline;
}

.teal p {

font-size:13px;
line-height:16px;
font-weight:normal;
}

.links a:hover
{
color:#006d8f;
text-decoration:underline !important;
outline:none;
}

.links a:link, .links a:active, .links a:visited
{
color:#006d8f;
text-decoration:none;
outline:none;
}