/************************************
   Stylesheet for 681webdesign.com   
   Webmaster: Tim Sutherland
   Email: tim@681webdesign.com  
*************************************/

/** Global **/

*
{
padding:0;
margin:0;
}

html
{
overflow-y: scroll;
}

body
{
font-size:0.9em;
font-family: Georgia,"Times New Roman",Times,serif;
color:#654321;
background-color:#66CC00;
background-image: url("../images/bgrnd.gif");
}

h1
{
font-size:180%;
float:right;
text-align:right;
padding: 0 5px 5px 5px;
border: 1px solid #FFFDD0;
-moz-border-radius: 5px 5px 5px 5px;
background-color: #654321;
color: white;
}

h2
{
font-size:160%;
padding:0 0 5px 0;
margin-bottom:10px;
border-bottom: 1px solid rgb(124,155,60);
}

h3
{
font-size:140%;
padding:0 0 5px 0;
color: rgb(124,155,60);
font-weight:bold;
}

a
{
color:#654321;
font-weight:bold;
text-decoration:none;
}

a:hover, a:active, a:focus
{
text-decoration:underline;
}

p
{
padding-bottom:15px;
line-height:1.4em;
}

.lead
{
font-size:110%;
padding-bottom:20px;
}

/** End Global **/


/** Navigation **/

/*  Use this code to add padding to left-hand side of main navigation and/or to center navigation */

#navigation
{
margin-bottom: 25px;
}

#navigation ul
{
padding:5px 0 0 0;
list-style: none;
text-align: left;
}

#navigation li
{
display: inline;
}

#navigation li a
{
text-decoration: none;
padding: 10px 12px 8px 12px;
margin: 0;
color: #654321;
font-size:90%;
-moz-border-radius:0px 0px 5px 5px;
border: 1px solid #654321;
font-weight:bold;
background-color:#FFFDD0;
}

#navigation li a:hover, #navigation li a.active, #navigation li a:focus
{
background-color: #654321;
color: white;
}

/** End Navigation **/

/** Page layout **/

#container
{
margin:0 auto;
text-align:center;
}

#page
{
width:900px;
margin:0 auto;
}

#content
{
text-align:left;
min-height: 400px;
clear:both;
padding:15px;
-moz-border-radius:10px 10px 10px 10px;
border-top:1px solid #654321;
border-bottom:1px solid #654321;
border-right:1px solid #654321;
border-left:1px solid #654321;
background-color: #FFFDD0;
font-size:110%;
overflow:hidden;
}

#content #featureleft ul, #content #featureright ul, #content #featurecentre ul
{
list-style: square;
}

#content #featureleft ul, #content #featureleft ol, #content #featureright ul, #content #featureright ol, #content #featurecentre ul, #content #featurecentre ol
{
padding: 0 0 20px 20px;
line-height: 1.5em;
}

/** Slideshow styles **/

#slideshow 
{
height: 149px;
margin: 0 auto;
position: relative;
width: 840px;
border-top:1px solid #654321;
border-bottom:1px solid #654321;
padding:5px;
background-color: rgb(231,226,175);
font-size:0.9em;
}

#slideshow #slidesContainer
{
margin:0 auto;
width:760px;
height:149px;
overflow:auto; /* allow scrollbar */
position:relative;
}

#slideshow #slidesContainer .slide
{
margin:0 auto;
width:740px; /* reduce by 20 pixels to avoid horizontal scroll */
height:149px;
}

.slide img
{
float:right;
margin:0 15px;
}

/** Slideshow controls style rules **/
.control
{
display:block;
width:39px;
height:149px;
text-indent:-10000px;
position:absolute;
cursor: pointer;
}

#leftControl 
{
top:0;
left:0;
background:transparent url(../images/control_left.png) no-repeat 0 0;
}

#rightControl 
{
top:0;
right:0;
background:transparent url(../images/control_right.png) no-repeat 0 0;
}

/** End slideshow controls style rules **/

/** End slideshow styles **/

/** Feature block styles **/

#featureleft, #featureright, #featurecentre
{
display:block;
height: 190px;
margin-right: auto;
margin-left: auto;
margin-top:20px;
padding:5px;
font-size:0.9em;
}

#featureleft
{
float:left;
}

#featureright
{
float:right;
}

.threecolumn
{
width: 31%;
}

.twocolumn
{
width: 48%;
}

/** End feature block styles **/

/** Form styles **/

form, fieldset, legend
{
border: 0;
padding: 0;
margin: 0;
}

legend 
{
font-size:140%;
padding:0 0 5px 0;
color: rgb(124,155,60);
font-weight:bold;
}

form ol, form ul, form ul
{
list-style: none;
margin: 0;
padding: 0;
}

form li
{
clear: both;
margin: 0 0 10px 0;
padding: 0;
}

label
{
display: block;
float: left;
line-height: 1.4em;
margin-right: 10px;
text-align: right;
width: 120px;
}

label:after 
{
content: ':';
}

input, textarea 
{
width: 250px;
background: #ddd;
padding: 1px 3px;
margin-bottom:5px;
}

input:focus, textarea:focus, select:focus 
{
background: #E7E2AF;
}

select
{
background: #ddd;
width: 260px;
margin-bottom:5px;
}

option
{
padding-left:5px;
}

.radio, .captcha
{
margin-top:20px;
margin-left:125px;
}

.radio ul
{
font-size: 1em;
margin: 0.3em 0 0 0;
}

.radio li
{
float:left;
margin:0;
width: 20%;
clear:none;
}

.radio li label:after
{
content: '';
}

label input
{
background:transparent;
width:auto;
position: relative;
top: 2px;
}

.radio legend, .captcha legend
{
font-size:1em;
line-height: 1.4em;
padding: 0 0 0 6px;
margin: 0;
}

.radio legend span, .captcha legend span
{
display:block;
width:270px;
}

.radio label 
{
display: inline;
width: auto;
margin: 0;
}

button
{
background: #654321;
border: 2px outset #654321;
color: white;
cursor: pointer;
font-weight: bold;
margin-left: 130px;
margin-top:10px;
padding: .2em .5em;
}

#recaptcha_widget_div
{
margin: 0 0 20px 0;
}

#error
{
border: 1px solid red;
background-color: #E7E2AF;
padding: 5px;
}

#message
{
border: 1px solid #654321;
background-color: #E7E2AF;
padding: 5px;
}


/** End form styles **/

#footer
{
clear:both;
padding: 5px;
text-align: right;
}

#footer img
{
border: 0px;
vertical-align:middle;
}

/** End Page Layout **/