/* Grayson Willis Bennett */
/* http://www.gwbsol.co.uk */
/* Created 09/11/06 */
/* Author: Mark Williams of Open Source Software Ltd */
/* Website: http://www.ebcltd.co.uk */
/* Blue - #6666CC */
/* Green - #85AEAE */


/* UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,img
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

* {
padding: 0px;
margin: 0px;
}

body {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
color: #333333;
background: #FFFFFF url(../images/navbar_bg.gif) repeat-y top left;
}

/* Miscellaneous styles */

.red {
color: #CC0000;
}

.hidden {
display: none;
}

p {
line-height: 18px;
margin-bottom: 20px;
}

/* Heading styles */

h1 {
font-family: Geneva, helvetica, arial;
font-weight: bold;
margin-bottom: 20px;
font-size: 1.5em;
color: #6666CC;
}

h2 {
border-bottom: 1px solid #85AEAE;
height: 25px;
color: #85AEAE;
font-size: 14px;
margin: 20px 0px 10px 0px;
font-weight: bold;
}

h3 {
font-size: 13px;
color: #333333;
margin-bottom: 20px;
}

/* Layout styles */

#top {
background-color: #6666CC;
text-align: right;
height: 70px;
padding: 10px;
margin-bottom: 20px;
}

#top ul li {
text-decoration: none;
display: inline;
padding-left: 10px;
}

#top a {
color: #FFFFFF;
text-decoration: none;
}

#top img {
float: left;
}

a.link#top {
color: #FFFFFF;
}

.bodyPic {
float: right;
padding: 5px;
margin: 0px 0px 10px 10px;
border: 1px solid #EEEEEE;
}

.date {
color: #394E74;
}

#headerpics {
margin-top: 10px;
}

#left {
width: 150px;
margin: 0px;
padding: 0px 10px;
text-align: left;
}

#content {
position: absolute;
top: 110px;
left: 190px;
text-align: justify;
padding: 0px 10px;
}

/* Left Aligned Horizontal List */

ul.horListLeft li {
display: inline;
padding-right: 10px;
color: #6666CC;
font-size: 11px;
}

/* Footer styles */

#footer {
border-top: 1px solid #6666CC;
margin-top: 10px;
height: 30px;
padding: 10px 0px;
font-size: 11px;
clear: both;
}

#footer ul {
margin-bottom: 20px;
list-style-type: none;
color: #6666CC;
font-size: 11px;
text-align: left;
}

#footer li {
display: inline;
padding-right: 12px;
font-size: 11px;
}

#footer li a {
font-size: 11px;
color: #6666CC;
text-decoration: none;
}

#footer a:hover {
font-size: 11px;
color: #85AEAE;
text-decoration: none;
}

/* General link styles */

a:link {
color: #6666CC;
text-decoration: underline;
}

a:visited {
color: #6666CC;
text-decoration: underline;
}

a:active {
color: #6666CC;
text-decoration: underline;
}

a:hover {
color: #85AEAE;
text-decoration: none;
}

.small {
font-size: 10px;
}

/* Main navigation styles */

#menu {
position: relative;
text-align: left;
margin: 0px;
padding: 0px;
}

#menu li {
margin: 0px;
padding: 0px;
text-align: center;
display: block;
width: 100%;
}

#menu li a {
display: block;
text-decoration: none;
color: #FFFFFF;
padding-top: 15px;
height: 30px;
background: url(../images/button_off.gif) no-repeat right;
}

#menu li a:hover {
height: 30px;
display: block;
text-decoration: none;
color: #FFFFFF;
background: url(../images/button_hover.gif) no-repeat right;
padding-top: 15px;
}

/* Rule for IE!! Set width of navigation link to 100% so display as block functions correctly */

* html body #menu ul li a {
width: 100%;
}

ul#subMenu li {
margin: 0px;
padding: 0px;
width: 105px;
}

ul#subMenu li a {
font-size: 10px;
margin: 0px;
display: block;
text-decoration: none;
color: #FFFFFF;
padding: 4px 10px 3px 10px;
}

ul#subMenu li a:hover {
font-size: 10px;
margin: 0px;
display: block;
text-decoration: underline;
color: #FFFFFF;
padding: 4px 10px 3px 10px;
}

/* Setup primary navigation active page link styles */

body#home a#homenav,
body#about a#aboutnav, 
body#services a#servicesnav,
body#contact a#contactnav {
width: 100%;
text-decoration: none;
color: #FFFFFF;
background: url(../images/button_on.gif) no-repeat right;
font-weight: bold;
text-transform: uppercase;
}

/* Footer Links */

body#copyright a#copyrightnav,
body#terms a#termsnav,
body#privacy a#privacynav {
color: #6666CC;
text-decoration: underline;
}

/* Top links - Sitemap and Accessibility */

body#sitemap a#sitemapnav,
body#accessibility a#accessibilitynav {
color: #FFFFFF;
text-decoration: underline;
}

/* Basic Unordered List */

ul.basicList, ol.basicList {
list-style-image: url(../images/list_bullet.gif);
margin-left: 10px;
padding-left: 10px;
margin-bottom: 20px;
}

ul.basicList li, ol.basicList li {
line-height: 20px;
margin: 10px 0px 10px 10px;
float: none;
}

ul.basicList li ul, ol.basicList li ul {
padding: 15px 0px 10px 20px;
}

/* Back to Top Links */

.topLink {
text-align: left;
padding: 0px;
margin: 6px 0px;
font-size: 11px;
}

a.topLink:link {
text-decoration: none;
color: #6666CC;
font-weight: normal;
font-size: 11px;
display: block;
}

a.topLink:visited {
text-decoration: none;
color: #6666CC;
font-weight: normal;
font-size: 11px;
}

a.topLink:active {
text-decoration: none;
color: #6666CC;
font-weight: normal;
font-size: 11px;
}

a.topLink:hover {
text-decoration: none;
color: #85AEAE;
font-weight: normal;
font-size: 11px;
}

/* No Underlined Links */

a.printer:link {
text-decoration: none;
clear: both;
}

/* Form styles */

.formnote {
color: #990000;
margin: 0px 0px 10px 190px;
}

form {
padding: 0px;
margin: 10px 0px;
text-align: left;
}

.button {
width: 90px;
height: 30px;
background: #6666CC url(../images/button_bg.gif) no-repeat top;
color: #FFFFFF;
padding: 1px 2px;
margin: 0px 10px 20px 0px;
display: block;
border: 0;
}

#spacer {
height: 20px;
}

label {
display: block;
width: 160px;
float: left;
margin-bottom: 20px;
font-size: 12px;
text-align: left;
padding-right: 30px;
vertical-align: middle;
}

br {
clear: left;
}

form input {
padding: 2px;
border: 1px solid #6666CC;
background: #F4F7FB;
width: 160px;
display: block;
float: left;
margin-bottom: 20px;
}

form textarea {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
margin-bottom: 20px;
padding: 2px;
border: 1px solid #6666CC;
background: #F4F7FB;
display: block;
float: left;
margin-bottom: 20px;
}

form select {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
background: #F4F7FB;
display: block;
float: left;
margin-bottom: 20px;
}

form select option {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
text-indent: 3px;
}