/* goldenbrown

----------------------------------------------------------------------------
Copyright Paul Stanton, www.innovativefuture.co.uk & www.wheresthefire.co.uk
some rights reserved http://creativecommons.org/licenses/by-sa/2.0/

Please feel free to use this style sheet but not the images as a template for 
your own sites or as an example for study. However, please respect my work by 
maintaining this credit in the style sheet.

This style sheet makes use of the hack marked !important
which compensates for good old IE. See
http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/

Updates
300506 - CSS for PHP contact form-originally incl in html 040506 but added to
all css files 300506 ps
220606 .apology added for server issues

-----------------------------------------------------------------------------

/* Site-wide styles */

/*wrap {
width: 100%;
}*/

body {
margin: 0;
font-family: georgia, verdana, arial, helvetica, sans-serif;
color: #000000;
padding: 0;
font-size: 100%;
margin: 0;
width: 99%;
}

a {
color: #aa8139;
}

a:visited {
color: #55411c;
}

a:hover {
color: #bf9d60;
}

A.help {
cursor: help;
text-decoration:none;
background-color:#ffc;
border-bottom: 1px dashed
}

p, th, td, li, dd, dl, dt {
font-family:  palatino, georgia, times, serif;
}

h1,h2,h3,h4,h5,h6 {
color: #55411c;
font-weight: normal;
}

p {
border: 0;
margin: 0;
padding: 0;
text-align: justify;
}

/* Header */

#banner {
background: #57514b;
width: 100%;
height: 80px;
color: #a4a4a4;
margin: 0 auto;
}

#banner p {
font-family: palatino, georgia, times, serif;
font-size: 1.8em;
padding: 20px 0 10px 20px;
}

/* Navigation and content */

#content p, #content ol, #content ul {
color: #000000;
margin-bottom: 1em;
font-size: 90%;
line-height: 1.6em; 
width: 100%;
}

#content p:first-letter {
font-weight: bold;
font-size: medium;
}

#b { font-weight: bold; }

#nav-main {
background: url(../images/goldenbrown/goldenbrown_navmeta_bg.jpg) #ccc;
padding: 0;
margin: 0 auto;
height: 22px;
width: 100%;
}

#nav-main ul {
text-align: center;
margin: 0 4% 0 4%;
padding: 0;
border: 0;
list-style-type: none;
}

#nav-main ul li {
font-family: palatino, georgia, serif;
font-size: 85%;
display: block;
float: left;
height: 22px;
width: 13%;
padding: 0;
margin: 0;
border: 0;
}

#nav-main ul li a {
display: block;
text-align: center;
text-decoration: none;
text-align: center;
color: #0033CC;
height: 22px;
margin: 0;
border: 0;
border-right: 1px #55411c dotted;
}

#nav-main li a.current {
text-decoration: underline;
color: activecaption;
background-color: #aa8139;}

#nav-main li a:hover {
background: #f7f5f3;
text-decoration: underline;
color: #55411c;
}

#container {
margin: 0 auto;
position:relative;
padding: 0;
border: 0;
width: 100%;
}

#container h1, h2, h3, h4, h5, h6 {
margin-top: 0;
padding-top: 0.5em;
font-weight: normal;
}

#container h2 {
font-style: italic;
}

#container h4 {
font-style: italic;
}

#content {
float: left;
margin: 0 4% 0 4% !important;
margin: 0 2% 0 2%;
width: 70% !important;
width: 51%;
background: #f7f5f3 none top left repeat;
}

#content p, th, td, li, dd, dl, dt {
font-family: "trebuchet ms", verdana, arial, sans-serif;
}

#content-help {
font-family:arial, helvetica, sans-serif;
font-size:0.9em;
Font-style : italic;
}

table {
position:relative;
width:90%;
margin: 0 2.5% 0 2.5%;
background:transparent;
font-size:90%;
font-family: "trebuchet ms", "lucidia grande", verdana, arial, sans-serif;
line-height:1.2em;
color: #333;
background-color:#fff;
border-collapse:collapse;
text-align:left;
letter-spacing:.1em;
}

/*p.table {

margin: 0 2.5% 0 2.5%;
font-size:small;

}*/
caption {

padding-bottom:1em;
color:#fff;
text-align: center;
font-size: 1.4em;
font-weight: normal;
text-transform: uppercase;
letter-spacing:.6em;
background: transparent;
}

thead th, tfoot th, tfoot td {

font-family: arial, helvetica, sans-serif;
border-right: 1px solid #fff;
padding-left:5px;
font-variant:small-caps;
letter-spacing:0.1em;
color: #fff;
background: #009;
}

tfoot th, tfoot td {
border-top: 2pt double #009;
}

td, th {
padding:4px;
}

tbody tr th, tbody tr td {
border-bottom: 1px dotted #009;
}

tbody tr:hover td, tbody tr:hover th {
border-bottom: 1px solid #333;
}

tbody td a, tbody th a {
background: transparent;
color: #009;
text-decoration: none;
border:none;
}

tbody td a:hover, tbody th a:hover {
background: transparent;
color: #930;
}

tbody tr:hover {
color: #333;
background: #c6c6e8;
}

tbody tr th:hover {
background:#fff;
}

#right_nav_top {
position:relative;
top:50px;
right:5%;
float: right;
width: 15%;
margin: 5% 0 0 0;
padding: 5px;
text-align: left;
border-left: 7px solid #fff;
border-top: 0px;
background: #f7f5f3 none top left repeat;
}

#nav-section {
padding: 0;
margin: 0;
}

#nav-section ul {
border: 1px #cacaca solid;
margin: 0;
padding: 0;
list-style-type: none;
}

#nav-section ul li {
text-align: left;
font-family:  palatino, georgia, times, serif;
}

#nav-section ul li a {
display: block;
color: #55411c;
border-right: 7px solid #f7f5f3;
padding: 3px 5px;
width: 13%;
text-align: right;
}

#nav-section ul li a:hover {
background: #000;
border-right: 7px solid #000;
color: #fff;
}

#nav-section li a.youarehere {
background-color: #fff;
border-right: 7px solid #fff;
}

#right_nav_switch ul {
list-style-type: none;
text-align: right;
margin: 0;
padding: 1em 0;
padding-right: 15px;
border: 1px #cacaca solid;
}

#right_nav_switch ul li {
padding: 1px 0;
font-family:  palatino, georgia, times, serif;
}

#right_nav_switch ul li a {
text-decoration: underline;
width: 13.5%;
}

#right_nav_switch ul li a:hover {
background: #000;
border-right: 7px solid #000;
color: #fff;
}

/* Footer */

#info-site, #info-standards {
background: #57514b;
width: 100%;
clear: both;
height: 60px;
margin: 0 auto;
padding-top: 7px;
text-align: center;
font-size: 0.8em;}

#info-site p, #info-standards p {
text-align: center;
color: #FFD50F;
}

#info-site a, #info-standards a {
color: #FFD50F;
}

#info-site a:hover, #info-standards a:hover {
color: #FFF;
}

/* PHP Contact form css-originally added to html 040506 but updated to css files 300506 ps  */
.contactaddress{
width: 90%;
text-align: left;
float: right;
display: inline;
padding: 4px;
margin: 5px 13px 0 13px;
}

.apology{
font-size:1.08em;
color: #fff;
line-height:1.4em;
padding:6px 11px 13px 20px;
margin:0 35px 1.1em 35px;
background-color: #506472;
}

/**** #contact_form styles added 061206 for new contact form utilising IFPHPCONTACT ****/

.contact_form{
width: 70%;
text-align: left;
display: inline;
padding:6px 11px 13px 20px;
margin:0 15px 30px 0;
}

.contact_form label, fieldset{
font-family: tahoma, arial, helvetica, sans-serif; 
color:#000; 
width: 70%;
padding: 0 15px 0px 30px;
margin: 0 15px 0 30px;
}

.contact_form input{
font-family:tahoma, arial, helvetica, sans-serif;
background:#fff;
color:#000;
width: 70%;
display: inline;
padding: 0 15px 0px 30px;
margin: 0 15px 0 30px;
}

.contact_form textarea{
font-family:tahoma, arial, helvetica, sans-serif;
background:#fff;
color:#000;
width: 70%;
display: inline;
padding: 0 15px 0px 30px;
margin: 0 15px 0 30px;
}	

.contact_form p {
font-size:1.08em;
line-height:1.4em;
text-align: justify;
background-image:none;
text-align: left;
width: 70%;
text-align: left;
display: inline;
padding: 0 15px 0px 30px;
margin: 0 15px 0 30px;
}