/*Bay

------------------------------------------------------
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.
------------------------------------------------------
Notes

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
060606 Fix flicker on hover nav-main - remove a:hover bold
220606 .apology added for server issues
------------------------------------------------------
*/

html {
font-family:arial, helvetica, sans-serif;
font-size:76%;
color:#555;
background:#FFF;
background-image:url(../images/bay/html.png);
background-position:center center;
background-repeat:repeat-y;
}

body {
position:relative;
width:700px;
padding:20px 25px 258px 20px;
margin:10px auto 10px auto;
background-image:url(../images/bay/body.png);
background-position:center center;
background-repeat:repeat-y;
border-bottom:1px solid #ECECEC;
border-top:1px solid #ECECEC;
background-color: #6265b2;
}

#banner {
position:absolute;
left:0;
width:100%;
height:228px;
padding:0 !important;
padding-right:50px;
background-color:#FFF;
background-image:url(../images/bay/header.jpg);
background-position:25px 0;
background-repeat:no-repeat;
border-top:1px solid #ECECEC;
border-bottom:1px solid #ECECEC;
}

#banner p {
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:230px;
right:50px/*0*/;
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:#FFF;
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:#000;
margin:0 !important;
margin-right:-3px;
padding:0 3px 0 3px !important;
padding-bottom:2px;
}

#nav-main ul li a.current {
color:#000;
background:#C9D9FE;
}

#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-color:#F8FBFF;
margin-bottom:30px;
}

#content {
position:relative;
width:525px;
background:transparent;
}

#content p {
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 13px 20px;
margin:0 15px 1.1em 0;
background-image:url(../images/bay/shadow1.png);
background-position:bottom left;
background-repeat:no-repeat;
text-align: justify;}

/* TABLE SECTION */

table {
position:relative;
width:90%;
margin: 0 1% 0 1%;
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 5% 0 5%;
font-size:small;
background-image:none;
margin: 0 5% 0 5%;
}

caption {
padding-bottom:1em;
text-align: center;
font-size: 1.4em;
font-weight: normal;
text-transform: uppercase;
letter-spacing:.6em;
color: #333;
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;
}

#b { font-weight: bold; }

#content ol, #content ul {
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 13px 40px;
margin:0 13px 1.1em 0;
background-image:url(../images/bay/shadow.png);
background-position:bottom left;
background-repeat:no-repeat;
}

#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;
font-style:italic;
letter-spacing:0.04em;
background-repeat:no-repeat;
border-bottom:1px solid #ECECEC;
}

h1 {
width:487px;
padding-top:0.3em;
padding-left:12px;
font-size:1.5em;
color:#555;
background-image:url(../images/bay/sky1.png);
background-position:bottom right;
}

h2,h3,h4,h5,h6 {
width:475px;
font-size:1.3em;
color:#666;
padding-left:25px;
background-position:bottom left;
}

h2 {
background-image: url(../images/bay/sky3.png);
}

h3, h4, h5, h6 {
background-image: url(../images/bay/sky2.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;
}

#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/bay/mountain.jpg) top center no-repeat;
}

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

#right_nav_top li a {
width:100%;
display:block;
padding-left:10px;
text-decoration:underline;
color: #0a246a;
background:transparent url(../images/bay/bullet1.gif) left center no-repeat;
}

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

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

/* RSS feed display for home page*/
#rss{
max-width: 175px;
background:transparent url("images/bay/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:3px;
padding-left:15px;
border-bottom:1px dotted #444444;
}

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

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

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

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

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

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

#nav-section {
border-bottom:1px solid #ECECEC;
}

#right_nav_switch {
border-top: 50px #F8FBFF none;
padding-top:10px;
/*background:#C9D9FE;*/
}

#right_nav_switch ul {
margin-top:-10px;
padding-top:20px;
border-top:1px solid #ECECEC;
}

#right_nav_switch li {
list-style:none;
color:#002266;
margin:0;
padding:3px;
padding-left:15px;
border-top:1px none #888;
}

#right_nav_switch li a {
width:100%;
display:block;
padding-left:10px;
text-decoration:underline;
color: #0a246a;
background-color : transparent;
background-image : url(../images/bay/bullet1.gif);
Background-repeat : no-repeat;
Background-position : center left;
}

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

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

#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:#000;
text-decoration:none;
}

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

A:visited {
color: #557;
}

A:hover {
color: #026;
}

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

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  */
#contact_form fieldset{
width: 500px;
text-align: left;
display: block;
padding: 4px 5px 4px 5px;
margin: 5px 0;
}

#contact_form textarea{
width: 90%;
text-align: left;
display: inline;
margin: 5px 0;
}

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