/*Riverman

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

This style has been inspired by the work of Phu on http://ifelse.co.uk

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.

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

Notes
This style sheet makes use of the hack marked !important which compensates for 
ood old IE.

See http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/

Notes on Updates will be added as and when necessary
----------------------------------------------------------------------------*/

html {
font-family:arial, helvetica, sans-serif;
font-size:76%;
color:#555;
background:#2f2f2f url("images/Riverman/stripes.gif");
background-position:top right;
background-repeat:repeat-y;
}

body {
background:#3a3a3a;
color:#dedede;
font-family: "Trebuchet MS", Tahoma, "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
position:relative;
width:700px;
padding:20px 25px 258px 25px;
margin:10px auto 10px auto;
}

#banner {
background: url("./images/Riverman/header.jpg") no-repeat;
height:230px;
margin:0;
padding:0 !important;
text-align:center;
width:100%;position:absolute;
}

#banner p {
display: none;
position:absolute;
top:17px;
left:90px;
padding:0;
margin:0;
font-family:serif;
font-size:3em;
font-style:italic;
line-height:1.4em;
color:#F3F8FF;
}

#nav-main {
position:absolute;
top:250px;
right:75px;
height:26px;
width:auto;
font-family:Georgia, serif;
font-size:1.2em;
z-index:1;
}

#nav-main ul {
margin:0;
}

#nav-main ul li {
display:inline;
background-color: #ADBE91;
border:1px solid #CCC;
border-top:none;
list-style:none;
margin:0 !important;
margin-left:3px;
padding-bottom:2px !important;
padding:0;
}

#nav-main a {
text-decoration:none;
color:#fff;
margin:0 !important;
margin-right:-3px;
padding:0 3px 0 3px !important;
padding-bottom:2px;
}

#nav-main ul li a.current {
border-top: 0.5PX solid #000;
color:#fff;
background-color: #000;
}

#nav-main li:hover {
border:1px solid #ECECEC;
color:#47455B;
}

#nav-main li a:hover {
background-color:#000;
color:#fff;
}

#container {
position:relative;
top:260px;
height:100%;
background:#444444 url("./images/Riverman/main.png") repeat-x;
margin-bottom:30px;
}

#content {
position:relative;
width:525px;
background:#444444 url("./images/Riverman/main.png") repeat-x;
color:#ffffff;
}

#content p {
font-size:1.08em;
line-height:1.4em;
padding:6px 15px 13px 13px;
margin:0 15px 1.1em 15px;
text-align: justify;
}

/* TABLE SECTION */

table {
position:relative;
width:468px;
margin-left: 28px;
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;
}

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

/* Content Styling */

#content ol, #content ul {
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 13px 40px;
margin:0 13px 1.1em 0;
}

#content li a {
text-decoration: underline;
color: #F1FF8A;
background:transparent url("images/Riverman/bullet1.gif") left center no-repeat;
}

#content li a:hover {
color:#fff;
background:#ccc;
}

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

h1,h2,h3,h4,h5,h6 {
height:auto !important;
height:30px;
margin-top:0;
margin-left:11px;
font-family:serif;
letter-spacing:0.04em;
background-repeat:no-repeat;
}

h1 {
width:487px;
padding-top:0.3em;
font-size:1.4em;
color:#FFFFED;
background-image:url("images/Riverman/sky1.png");
background-position:bottom right;
}

h2 {
width:487px;
font-size:1.3em;
color:#F4F4F4;
background-position:bottom left;
background-image: url("images/Riverman/sky3.png");
}

h3, h4, h5, h6 {
width: 300px;
font-size: 1.2em;
color:#F4F4F4;
background-image: url("images/Riverman/sky3.png");
}

h1:first-letter ,h2:first-letter {
font-size:1.6em;
text-transform:uppercase;
}

h3:first-letter ,h4:first-letter ,h5:first-letter ,h6:first-letter {
font-size:1.4em;
text-transform:uppercase;
}

/*Nav Sections*/

#right_nav_top {
position:absolute;
top:50px;
right:0px;
width:175px;
padding-top:5px;
border-top:1px solid #ECECEC;
border-bottom:1px solid #ECECEC;
background:transparent url("images/Riverman/sidebar.png") top center repeat-x;
}	

#right_nav_top ul{
list-style-type:none;
margin:0;
padding:0;
color: #F8FBFF;
}

#right_nav_top li {
list-style:none;
margin:0;
padding:3px;
padding-left:15px;
border-bottom:1px dotted #444444;
}

#right_nav_top li a {
display:block;
padding-left:10px;
text-decoration:underline;
color: #F8FBFF;
background:transparent url("images/Riverman/bullet1.gif") left center no-repeat;
}

#right_nav_top li a:hover {
text-decoration:underline overline;
color:#ff0;
background:transparent url("images/Riverman/bullet_hover.gif") left center no-repeat;
}

#right_nav_top .youarehere {
text-decoration:none;
color:#ffd700;
background:transparent url("images/Riverman/this_page.gif") left center no-repeat;
}

/* RSS feed display for home page*/

#rss{
max-width: 175px;
background:transparent url("images/Riverman/sidebar.png") top center repeat-x;
border-top: 50px #F8FBFF none;
border-bottom:1px solid #ECECEC;
padding-top:10px;
}	

#rss ul{
list-style:none;
margin:0;
padding-left:15px;
border-bottom:1px dotted #444444;
}
#rss li {
list-style:none;
color:#F8FBFF;
margin:0;
padding:3px;
padding-left:15px;
}

#rss a{
padding-left:10px;
text-decoration:underline;
color: #F8FBFF;
background-image : url("images/Riverman/bullet1.gif");
Background-repeat : no-repeat;
Background-position : center left;
}

#rss li a:hover {
text-decoration:underline overline;
color:#ff0;
background:transparent url("images/Riverman/bullet_hover.gif") left center no-repeat;
}

#rss a:visited {
text-decoration:underline;
}

#rss a:hover {
text-decoration:underline overline;
color:#ff0;
background:transparent url("images/Riverman/bullet_hover.gif") left center no-repeat;
}

#rss h1{
background-image:none;
font-size:1.1em;
}

#nav-section {
}

#right_nav_switch {
background:transparent url("images/Riverman/sidebar.png") top center repeat-x;
}

#right_nav_switch ul {
list-style-type:none;
margin:0;
padding:0;
}

#right_nav_switch li {
list-style:none;
color:#F8FBFF;
margin:0;
padding:3px;
padding-left:15px;
}

#right_nav_switch li a {
display:block;
padding-left:10px;
text-decoration:underline;
color: #F8FBFF;
background-color : transparent;
background-image : url("images/Riverman/bullet1.gif");
Background-repeat : no-repeat;
Background-position : center left;
}

#right_nav_switch li a:hover {
text-decoration:underline overline;
color:#ff0;
background:transparent url("images/Riverman/bullet_hover.gif") left center no-repeat;
}

#right_nav_switch .youarehere {
text-decoration:none;
color:#ffd700;
background:transparent url("images/Riverman/this_page.gif") left center no-repeat;
}

/* Info Sections */

#info-site {
position:absolute;
bottom:26px !important;
bottom:15px;
right:30px;
width:100%;
font-size:0.94em;
}

#info-company {
position:absolute;
right:0;
}

#info-standards {
position:absolute;
right:0;
top:-1.2em;
}

/*additional*/

A:link {
color:#FFFFD2;
text-decoration:none;
}

A:active {
color:#000;
text-decoration:none;
}

A:visited {
text-decoration:none;
color: #bbb;
}

A:hover {
color: #ffff99;
}

A.help {
cursor: help;
text-decoration:none;
background-color:#807B7E;
color:#FFFFD2;
}

A.help visited{
color:#FFFFD2;
}

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

A.internal_link visited{
color:#ffffd2;
}

abbr, acronym {
font-style:normal;
border-bottom:dotted 1px #ABB1B7;
cursor:help;
}

code, kbd, samp {
display:block;
padding:10px;
border-left:10px solid #DDD;
font-family:monaco, "Courier new", courier, monospace;
}

/* PHP Contact form css-originally added to html 040506 but updated to css files
300506 ps removed 061206 and replaced with form for IFPHPCONTACT*/

.contactaddress{
width: 90%;
text-align: left;
float: right;
display: inline;
padding: 4px;
margin: 5px 13px 0 13px;
}

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