/*******************************************************
TITLE: Nicodemus Stylesheet

MODIFIED FROM A FOUR-COLUMN TEMPLATE STYLESHEET BY: 
         The CSS Tinderbox - http://www.csstinderbox.com/
         MODIFIED BY: http://www.toucher.co.uk/
*******************************************************/

/* << ----------------// General Styles //---------------->> */
body {
margin:10px;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
line-height:18px;
color:#000000;
}

p {
margin:4px 0 6px 0;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

h1, h2, h3, h4 {
font-weight:bold;
margin:10px 0 0 0;
}

acronym {
border-bottom: 1px dashed;
cursor:help;
}

#introtext h1 {
color:#3A680E;
font-size:22px;
font-style:italic;
line-height:26px;
margin:0 0 10px;
text-transform:uppercase;
}

h2 {
font-size:20px;
}

#introtext h2 {
color:#855C27;
font-size:16px;
margin:0 0 15px;
}

h3 {
color:#855C27;
font-size:18px;
font-style:italic;
}

h4 {
font-size:16px;
line-height:20px;
}

a:link, a:visited {
color:#cc0000;
text-decoration:underline;
}

a:hover, a:active {
color:#999999;
text-decoration:none;
}

ul {
margin:5px 0 5px 20px;
padding:0;
list-style-type:disc;
}

ol {
margin:5px 0 5px 30px;
padding:0;
list-style-type:decimal;
}

ul li, ol li {
margin:0 0 4px 0;
padding:0;
}

/* << ----------------// Outer container that holds all the columns //---------------->> */
#mainContainer {
border:1px solid #855C27;
margin:0 auto;
padding:0;
width:900px;
}

/* << ----------------// Header //---------------->> */
#header {
height:191px;
margin:0;
width:900px;
}

/* << ----------------// Horizontal navigation //---------------->> */
#navHorizontal {
background-color:#855C27;
height:30px;
line-height:30px;
margin:0;
padding:0;
width:900px;
}

#navHorizontal ul {
margin:0 0 0 5px;
padding:0;
list-style:none;
}

#navHorizontal ul li {
margin:0 0 0 -5px;
padding:5px 0 5px 0;
list-style:none;
display:inline;
}

#navHorizontal ul li a:link, #navHorizontal ul li a:visited {
padding:5px 8px 5px 8px;
color:#eeeeee;
text-decoration:none;
border-right:1px solid #999999;
}

#navHorizontal ul li a:hover, #navHorizontal ul li a:active {
background-color:#D3AB73;
color:#454545;
text-decoration:none;
}

#navHorizontal ul li a.selected:link, 
#navHorizontal ul li a.selected:visited, 
#navHorizontal ul li a.selected:active  {
background:#A47331 none repeat scroll 0 0;
color:white;
}


/* << ----------------// Main area //---------------->> */
#columnOne {
background:#FCF7DA url(images/mainBG.jpg) repeat-x scroll 0 0;
margin:0;
padding:40px 10px 10px;
width:880px;
}

#notice {
background-color:#ffffd4;
border:1px dashed #855C27;
color: brown;
float:right;
font-family:arial;
font-size:1.05em;
line-height:1.2em;
margin:4px 0 0 20px;
padding:6px;
width:125px;
z-index:10;
}

a:link #notice, a:visited #notice {
color: brown;
display:block;
text-decoration: none;
}

a:hover #notice {
background-color:white;
color:#3A680E;
} 

#bbclogo {
float:left;
margin:-6px 5px 5px -6px;
width:66px;
}

#editorarea form {
margin:20px;
}


#sleeve {
border:1px solid #D3AB73;
float:left;
margin:40px 30px 10px;
width:282px;
}

#introtext {
float:left;
margin:35px 0;
width:500px;
}

#introtext p {
color:#3A680E;
font-size:18px;
font-weight:bold;
line-height:24px;
margin:0 0 12px;
text-align:justify;
}

#introtext #notice p {
font-size:18px;
line-height:21px;
/*text-align:center;*/
}

.quotes {
background:transparent url(images/quotes.png) no-repeat scroll 0 5px;
color:#855C27;
float:left;
font-size:18px;
font-style:italic;
line-height:20px;
margin:10px 15px 0 10px;
padding:0 5px 5px 40px;
width:365px;
}

.quote_by {
color:#3A680E;
display:block;
font-size:16px;
font-style:normal;
font-weight:bold;
margin:10px 0;
}

#rspca {
border:1px solid;
color:#3A680E;
float:left;
font-size:18px;
line-height:20px;
margin:-10px 0 0 45px;
padding:5px;
width:365px;
}

#rspca p#note {
color:#855C27;
font-family:arial;
font-size:12px;
font-style:italic;
}

#mainText {

}

#mainText #sleeve {
margin:0 30px 10px 10px;
}

.clear {
clear:both;
width:100%;
}

th, td {
padding: 2px 5px;
}

#preBuy {
margin:30px auto;
padding:10px;
width:630px;
}

#preBuy table {
background:#D9EDC7 none repeat scroll 0 0;
border:1px solid #D3AB73;
color:#3A680E;
font-family:arial;
font-size:12px;
margin:10px auto;
padding:5px;
width:650px;
}

#preBuy table td{
padding:5px;
}

#preBuy table td.label{
font-weight:bold;
}

#preBuy table td.caption{
color:#3A680E;
}

#preBuy h4 {
margin:50px 0 40px;
}

#preBuy input#submit {
margin:10px 0 0;
}

span.error {
color: red;
font-weight:bold;
}

#confirm {
font-family:arial;
font-size:12px;
margin:30px auto;
width:600px;
}

#priceCheck {
float:left;
margin:0 0 20px;
width:420px;
}

#paypal {
float:left;
height:75px;
margin:20px 0 40px;
width:170px;
}

#postage {
clear:both;
font-family:arial;
font-size:12px;
margin:20px auto;
width:600px;
}

#postage h4 {
color:#855C27;
font-family:arial;
margin:20px 0 0;
}

#postage h3 {
background:#B1DB8D none repeat scroll 0 0;
color:#855C27;
display:block;
font-size:18px;
font-style:italic;
margin:40px 0 15px;
padding:4px;
}

#postage table {
border:1px solid;
color:#227722;
font-family:arial;
font-size:12px;
margin:20px 0;
text-align:left;
width:600px;
}

#postage table th {
background:#B1DB8D none repeat scroll 0 0;
color:#855C27;
font-weight:bold;
padding:3px 10px;
}

#postage table td {
background:#D9EDC7 none repeat scroll 0 0;
padding:2px 10px;
}

#postage table td.num {
background:#E4F2D8 none repeat scroll 0 0;
font-weight:bold;
width:90px;
}

#about {
font-size:14px;
line-height:17px;
text-align:justify;
}

.img_left {
float:left;
padding:5px 15px 5px 0;
}

.img_right {
float:right;
padding: 5px 0 5px 15px;
}

.imgcaption {
color:#777777;
display:block;
font-family:arial;
font-size:12px;
text-align:center;
}

div#links {
float:left;
text-align:left;
padding:2px;
width:350px;
}

div#animals {
/* height:355px; */
margin:20px 0 0 18px;
width:865px;
}

#terms {
margin:20px auto;
text-align:justify;
width:80%;
}

#terms h3 {
margin: 15px 0;
}

#terms ol li {
margin-top:10px;
}

#news {
float:left;
font-size:14px;
line-height:17px;
margin:40px 0;
text-align:justify;
width:500px;
}

#news h1 {
color:#3A680E;
font-size:22px;
font-style:italic;
line-height:22px;
margin:37px 0 20px;
text-transform:uppercase;
}

#news h2 {
color:#3A680E;
font-size:14px;
font-weight:bold;
line-height:18px;
margin:10px 0;
text-transform:uppercase;
}

/* << ----------------// Right column //---------------->> */
#columnTwo {
float:left;
margin:0;
padding:0 5px 10px 5px;
width:175px;
background-color:#e4e4e4;
}

/* << ----------------// Footer //---------------->> */
#footer {
background-color:#855C27;
clear:both;
color:#EEEEEE;
font-size:10px;
height:20px;
margin:0;
padding:5px 5px 5px 10px;
/* text-align:center; */
width:885px;
}

#footer a:link, #footer a:visited {
color:#EEEEEE;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color:#ffffff;
text-decoration:underline;
}

.clr {
clear: both; 
visibility: hidden;
}

/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */