html, body, div, span, h1, h2, h3, p, a, img, strong, table, tr, th, td {
font-size:100%;
margin:0;
padding:0;
}

body { 
background-image: url('images/SBOP-gradient.jpg');
background-repeat: repeat-x;
}

a:link, a:visited { color: #f60; }
a:hover { color:#4e5391; }

div.container {
margin:0 auto;
width: 840px;
position: relative;
background: transparent;
}

div.content {
width: 740px;
margin: 40px 0px 70px 0px;
}

div.content p strong, div.content ul li strong {color: #333;}

div.content p, div.content table p, div.content ul li {
font-family: Georgia, sans-serif;
font-size: 90%;
line-height: 140%;
color: #666;
}

div.content ul {
margin-top: 20px;
margin-bottom: 20px;
}

div.content p { 
margin: 7px 0px 15px 0px; 
}

h2 {
font-family:Georgia,sans-serif;
font-size:150%;
font-weight:normal;
margin:0px 0px 30px 0px;
color: #4e5391;
}

h3 {
font-family:Georgia,sans-serif;
font-size:115%;
font-style:normal;
font-weight:normal;
color: #4e5391;
margin:20px 0px 15px 0px;
}

h4 {
font-family:Georgia,sans-serif;
font-size:100%;
font-style:normal;
font-weight:normal;
color: #4e5391;
margin:10px 0px 5px 0px;
}

table.about { 
margin-top:40px; 
width:100%;
}


div.aboutUs p {
font-family: Georgia, sans-serif;
font-size: 90%;
line-height: 140%;
color: #666;
padding-right:20px;
padding-bottom: 30px;
}

div.aboutUs p strong, div.aboutUs a:visited, div.aboutUs a:link { color: #4e5391; }

div.aboutUs a:hover { 
color: #f60;
text-decoration: none;
}

div.aboutUs img { 
float:left; 
margin: 5px 20px 30px 0px;
}


div.address p{
font-family: Arial, sans-serif;
font-size:14px;
color: #333;
margin:0;
padding:0px 0px 0px 15px;
line-height: 130%;
vertical-align:top;
}

div.cols { 
border-top: 1px dotted #666;
border-bottom: 1px dotted #666;
}

table.services { 
margin-top: 10px;
width: 100%;
}

div.col1 p, div.col2 p, div.col3 p {
vertical-align:top;
font-family: Georgia, sans-serif;
font-weight: normal;
font-size: 90%;
line-height: 140%;
color: #666;
margin-bottom:25px;
}

div.col1 {
margin-right: 10px;
vertical-align:top;
}

div.col2 {
margin: 0px 5px 0px 5px;
vertical-align:top;
}

div.col3 {
margin-left:10px;
vertical-align:top;
}

div.banner {
background-image: url('images/SBOP-header-2.jpg');
background-repeat:no-repeat;
display:block;
width:840px;
height:231px;
margin:0;
padding:0
}

div.otherServices {
margin-top:20px;
}

div.otherServices img { 
float: left;
margin: 0px 20px 20px 0px;
}

div.otherServices p {
font-family: Georgia, sans-serif;
font-weight: normal;
font-size: 90%;
line-height: 140%;
color: #666;
margin:0px 0px 35px 0px;
}

div.footer {
width: 100%;
background-color: #d7d5dd;
margin: 0;
padding: 15px 0px 20px 0px;
}

div.footer p {
margin:0;
padding:5px 0px 0px 0px;
font-family: Arial, sans-serif;
font-size: 11px;
color: #6f697f;
}

div.footer img {
float:left;
margin-right:10px;
}

/*------------Miscellaneous-----------------*/

div.content p.note {
border: 1px solid #f90;
padding: 10px 20px 10px 20px;
background: #ff9;
color: #000;
font-family: Arial, sans-serif;
}

/*---- BEGIN navigation tabs--------------------*/

#navcontainer {
margin: 205px 0px 0px 0px;
float: right;
width: 450px;
}

#navcontainer ul
{
padding: 0;
margin: 0;
background-color: transparent;
color: White;
float: left;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 5px 12px 5px 12px; 
background-color: #b3beea;
color: #000;
text-decoration: none;
float: left;
border-right: 2px solid #325197;
}

#navcontainer ul li a:hover, #navcontainer ul li a#current
{
background-color: #fff;
color: #000;
}

/*---- END navigation tabs-----------------------*/