/* Global Styles */
* { padding: 0; margin: 0; }
html, body {
height: 100%;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #404040;
background: #fff url('/images/bk_stripe.gif') 0 0 repeat-x;
}
p { margin: 1em 0;}
h1 {
color: #1e6294;
font-size: 1.4em;
line-height: 1.2em;
}
h2 {
color: #5e5e5e;
font-size: 1.2em;
}
h3{
text-transform: uppercase;
font-size: 1em;
color: #5e5e5e;
font-weight: normal;
}
a {
color: #1e6294;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
ul {
list-style-position: outside;
}
.alt {
color: #6bab2e;
}
.ad {
padding: 10px;
}
div.spacer {
clear: both;
}
/* default style */
#wrapper { 
margin: 0 auto -25px; /* the bottom margin is the negative value of the footer's height */
width: 100%;
font-size: 1.2em;
line-height: 1.4em;
background: url('/images/bk_interior.gif') 0 25px repeat-x;
min-height: 100%;
height: auto !important;
height: 100%;
}
body#home #wrapper { 
margin: 0 auto -25px; /* the bottom margin is the negative value of the footer's height */
width: 100%;
font-size: 1.2em;
line-height: 1.4em;
background: url('/images/bk_home.gif') 0 25px repeat-x;
min-height: 100%;
height: auto !important;
height: 100%;
}
#wrapper #header {
width: 960px;
padding: 0 10px;
height: 25px;
margin: 0 auto;
}
#wrapper #navigation {
width: 960px;
height: 75px;
background: #fff url('/images/bk_navigation.gif') repeat-x;
margin: 0 auto;
}
#wrapper #navigation div.logo {
float: left;
padding: 22px 0 0 35px
}
#wrapper #navigation ul {
float: left;
margin: 37px 0 0 70px;
list-style: none;
width: auto;
}
#wrapper #navigation ul li {
height: 38px;
padding: 0 1px;
float: left;
background: url('/images/bk_navLink.gif') repeat-x;
}
#wrapper #navigation ul li a {
display: block;
height: 38px;
padding: 15px 12px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-decoration: none;
color: #1e6294;
background: url('/images/bk_navigation.gif') repeat-x;
}
#wrapper #navigation ul li a:hover {
color: #6bab2e;
background: url('/images/bk_navigation_over.gif') repeat-x;
}
body#home #navigation ul li a.home, 
body#products #navigation ul li a.products,
body#services #navigation ul li a.services,
body#team #navigation ul li a.team,
body#news #navigation ul li a.news,
body#contact #navigation ul li a.contact {
color: #6bab2e;
background: url('/images/bk_navigation_over.gif') repeat-x;
}
body#home #banner {
width: 960px;
height: 180px;
margin: 0 auto;
}
#banner {
position: relative;
width: 960px;
height: 116px;
margin: 0 auto;
overflow: hidden;
}
#banner h1 {
position: absolute;
top: 90px;
left: 255px;
color: #fff;
}
#content { 
width: 960px;
margin: 0 auto;
}
body#home #content { 
width: 960px;
margin: 0 auto;
background: #fff;
}
#content div.leftBar, #content div.rightBar {
float: left;
padding: 20px 10px;
}
#content div.mainContent {
float: left;
padding: 20px;
}
#content div.mainContent ul {
margin: 10px 20px;
}
body#home #content div.mainContent {
float: left;
padding: 20px 10px;
}
#content div.leftBar {
width: 210px;
background: #fff;
}
body#home #content div.leftBar {
width: 205px;
}
#content div.leftBar h1 {
padding-left: 7px;
color: #000;
}
body#home #content div.leftBar h1 {
color: #1e6294;
padding-left: 0;
}
#content div.leftBar ul {
list-style: none;
margin: 5px 0;
}
#content div.leftBar ul li a{
display: block;
padding: 5px 0 5px 7px;
color: #1e6294;
border-top: 1px solid #e6ecf3;
text-decoration: none;
}
body#team #content div.leftBar ul li a{
border-top: 0;
border-bottom: 1px solid #e6ecf3;
}
body#home #content div.leftBar ul li a{
display: block;
padding: 2px 0 2px 7px;
color: #6bab2e;
}
#content div.leftBar ul li a:hover{
background: url('/images/icon_arrow.gif') 0 50% no-repeat;
color: #6bab2e;
text-decoration: none;
}
body#home #content div.leftBar ul li a:hover{
background: url('/images/icon_arrow.gif') 0 50% no-repeat;
text-decoration: none;
}
#content div.leftBar ul li ul {
margin-top: 0px;
padding: 5px;
background: #e6ecf3;

}
#content div.leftBar ul li ul li a {
display: block;
padding: 0 0 0 7px;
margin: 0 0 0 10px;
border: 0;
text-decoration: none;
}
#content div.leftBar a.crumb {
background: url('/images/icon_arrow.gif') 0 50% no-repeat;
color: #6bab2e;
}
#content div.leftBar p {
padding-left: 7px;
}
#content div.mainContent {
width: 690px;
}
body#home #content div.mainContent {
width: 710px;
}
body#home #content div.mainContent {
width: 430px;
}
#content div.mainContent div.crumb {
margin: 0 0 10px 0;
}
#content div.mainContent div.ourTeam ul, 
#content div.mainContent div.contactus ul {
list-style: none;
margin: 0;
}
#content div.mainContent div.ourTeam ul li {
padding-bottom: 5px;
}
#content div.mainContent div h2, 
#content div.mainContent div ul {
padding-top: 15px;
}
#content div.mainContent div h3 {
padding-top: 10px;
}
#content div.mainContent div.ourTeam ul li {
list-style: none outside;
padding-bottom: 15px;
margin: 0;
}
#content div.mainContent div.ourTeam div.photo {
height: 470px;
padding: 20px 20px 0 0;
float: left;
}
#content div.mainContent div.contactus ul li, #content div.mainContent div.contactus h2, #content div.mainContent div.contactus h3 {
clear: both;
}
#content div.mainContent div.contactus ul li {
padding: 10px 10px 10px 0;
border-bottom: 1px solid #ddd;
}
#content div.mainContent div.contactus ul li div.staff {
width: 400px;
padding: 0 20px 0 0;
float: left;
color: #1e6294;
}
#content div.mainContent div.contactus ul li div.staff span.title {
display: block;
color: #404040;
}
#content div.rightBar {
width: 205px;
}
#content div.rightBar img.ad {
margin-bottom: 10px;
padding: 0;
}
#content div.rightBar ul {
list-style: none;
margin: 5px 0;
}
#content div.rightBar ul li a {
display: block;
padding: 2px 0 2px 15px;
color: #6bab2e;
background: url('/images/icon_arrow2.gif') 0 50% no-repeat;
}
#content div.rightBar ul li a:hover{
text-decoration: none;
}
#content div.adContent {
clear: both;
padding: 20px;
text-align: center;
border-top: 1px dotted #d9d9d9;
}
#footer, div.push {
height: 25px; /* .push must be the same height as .footer */
}
#footer { 
width: 100%;
margin: 0 auto;
padding: 0 0;
color: #cfebb5;
background: #8ebf5f;
text-align: center;
}
#footer p {
width: 960px;
margin: 0 auto;
padding: 5px 0 0;
}
#footer p span.copyright {
display: block;
float: left;
width: auto;
}
#footer p span.legal {
display: block;
float: right;
width: auto;
}
#footer span.legal a {
color: #cfebb5;
}
/*Page Styles */
ul.products_list {
list-style: none;
}
ul.products_list li {
padding: 10px;
}
ul.products_list li a {
display:block;
padding:10px;
line-height: 1.6em;
text-align:justify;
text-decoration:none;
color: #404040;
background: #e8e8e8 url('/images/bk_gradient1.gif') 0 0 repeat-x;
border: 1px solid #e8e8e8;
}

ul.products_list li a:hover {
background: #d2ffc3 url('/images/bk_gradient2.gif') 0 0 repeat-x;
border: 1px solid #d2ffc3;
}

ul.products_list li a strong {
font-size: 1.2em;
text-decoration: underline;
color: #1e6294;
}

ul.products_list li a:hover strong {
color: #6bab2e;
}

body#events div#content div.mainContent table {
margin-top: 10px;
}
body#events div#content div.mainContent table tr td {
padding: 5px;
}
body#events div#content div.mainContent table tr th.col1,
body#events div#content div.mainContent table tr th.col2,
body#events div#content div.mainContent table tr th.col3 {
text-align: left;
padding-right: 5px;
}
body#events div#content div.mainContent table tr th.col1 {
width: 300px;	
}
body#events div#content div.mainContent table tr th.col2 {
width: 150px;
}
body#events div#content div.mainContent table tr th.col3 {
width: 150px;
}
body#events div#content div.mainContent table tr.altRow {
background: #c4d7eb;
}