/* OTS -  www.roadtax.net */

/* LAST EDIT: */
/* 3-26-08 - roy */


/* ::::::: Genereal Elements ::::::: */

* { /* Global Reset */
margin: 0px;
padding: 0px;
}


body {
background: #ffffff;
height: 100%;
}

h1 {
font: normal 20px/24px Arial, Helvetica, sans-serif;
color: #ff6600;
padding: 10px 0px 10px 0px;
}

h2 {
font: normal 16px/24px Arial, Helvetica, sans-serif;
color: #003366;
}

h3 {
font: bold 14px/18px Arial, Helvetica, sans-serif;
color: #2e3b67;
}

p {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
padding: 5px 0px 10px 0px;
}

ul {
list-style-position: outside;
padding-left: 20px;
}

li {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

a:link, a:active, a:visited {
font: normal 12px Arial, Helvetica, sans-serif;
color: #003366;
text-decoration: none;
}
a:hover {
font: normal 12px Arial, Helvetica, sans-serif;
color: #ff6600;
text-decoration: underline;
}

img {
margin: 0px;
padding: 0px;
border: 0px;
}

table {
}

tr {
}

th {
font: bold 14px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

td, input, textarea {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

form {
width: 180px;
}

fieldset {
font: bold 12px/18px Arial, Helvetica, sans-serif;
}

input.text {
width: 174px;
font: normal 12px Arial, Helvetica, sans-serif;
color: #483e32;
padding: 2px;
border: solid 1px #483e32;
}

.Button, a.Button:link, a.Button:active, a.Button:visited {
background: #f99c25 url("../images/button.jpg") left top repeat-x;
font: bold 13px/28px Arial, Helvetica, sans-serif;
text-align: left;
text-indent: 10px;
color: #FFFFFF;
border-top: 1px #ffdda3 solid; 
border-right: 1px solid #957a55;
border-bottom: 1px solid #5e5148;
border-left: 1px solid #fcb564;
display: block;
height: 28px;
width: 100%;
padding: 0px;
text-decoration: none;
cursor: pointer;
}

.Button:hover, a.Button:hover {
background: #f99c25 url("../images/button.jpg") left bottom repeat-x;
font: bold 13px/28px Arial, Helvetica, sans-serif;
text-align: left;
text-indent: 10px;
color: #7f7667;
border-top: 1px #ffdda3 solid; 
border-right: 1px solid #957a55;
border-bottom: 1px solid #5e5148;
border-left: 1px solid #fcb564;
display: block;
height: 28px;
width: 100%;
padding: 0px;
text-decoration: none;
cursor: pointer;
}

/*  ::::::: Main Wrap  ::::::: */

.MainBody {
background: #fff url("../images/bg.jpg") left top repeat-y;
width: 804px;
margin: 0px;
}


/* ::::::: Header ::::::: */

.TopOfPage {
background: #2D3A67 url("../images/header.jpg") 3px top no-repeat;
height: 130px;
margin: 0px;
position: relative;
}

.header {
width: 804px;
margin: 0px;
position: relative;
}

a.HomeLink {
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 104px;
}

a.HomeLink span, a.ClientLogin span {
display: none;
}

.ClientLogin {
width: 144px;
height: 26px;
position: absolute;
top:104px;
left: 0px;
}

/* ::::::: Modified Suckerfish CSS Dropdown ::::::: */

.ToolBar {
background: #898373 url("../images/toolbar.jpg") top left repeat; 
text-align: left;
padding: 0px;
}

ul#nav {/* Main List */
width: auto;
margin: 0px 0px 0px 220px;
padding: 0px;
border-right: 1px #2a2825 solid;
border-left: 1px #aaa79b solid;
height: 24px;
display: block;
text-align: center;
}

ul#nav, ul#nav li ul { /* all lists */
list-style: none;

}

ul#nav li { /* main list items */
float: left;
position: relative;
width: 116px;
border-left: 1px #2a2825 solid;
border-right: 1px #aaa79b solid;
}

ul#nav li a { /*main links*/
background: url("../images/toolbar.jpg") top left repeat-x;
font: normal 12px/24px Arial, Helvetica, sans-serif;
color: #ffffff;	
text-decoration: none;
display: block;
height: 24px;
}
ul#nav li a:hover {
background: url("../ots-new/images/toolbar.jpg") bottom left repeat-x;
font: normal 12px/24px Arial, Helvetica, sans-serif;
color: #ffffff;	
text-decoration: none;
display: block;
height: 24px;
}

ul#nav li ul { /* second-level lists */
text-align: left;
background: #e7ecf4 url("../images/sublink.jpg") left top no-repeat;
display: none;
position: absolute;
padding: 12px 0px 6px 0px;
border-top: 0px;
border-right: 1px solid #8e9196;
border-bottom: 1px solid #5b5d60;
border-left: 1px solid #d8dbdb;
z-index: 2;
}

ul#nav li ul li {
float: left;
position: relative;
border: 0px;
width: 150px;
}

ul#nav li ul li a { /*sub links */
background: transparent;
font: bold 10px Arial, Helvetica, sans-serif;
color: #00225a;
border: 0px;
height: auto;
margin: 1px 0px;
padding: 2px 6px;
}

ul#nav li ul li a:hover {
background: #f38120;
font: bold 10px Arial, Helvetica, sans-serif;
color: #ffffff;
border: 0px;
height: auto;
margin: 1px 0px;
padding: 2px 6px;
}

ul#nav li>ul#nav ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
display: block;
}


/* ::::::: Inner/Right Wrap ::::::: */

.Wrap {
width: 544px;
float: right;
padding: 20px;
}

/* ::::::: Main Content Area ::::::: */

.three-boxes {
width: 544px;
float: left;
display: block;
}

.three-boxes div {
float: left;
width: 155px;
padding: 30px 10px 10px 10px;
border-bottom: 2px solid #0d1a27;
margin: 10px 0px 15px 0px;
}

.three-boxes h3 {
display: none;
color: #bdd0e8;
}

.three-boxes p {
color: #ffffff;
}

.three-boxes img {
margin: 10px 0px 0px 0px;
}

.three-boxes .one, .three-boxes .two {
margin-right: 9px;
}

.one {
background: url(../images/one.jpg) left top no-repeat;
}
.two {
background: url(../images/two.jpg) left top no-repeat;
}
.three {
background: url(../images/three.jpg) left top no-repeat;
}

.three-boxes a {
color: #FFFFFF;
}

/* ::::::: Right Column  ::::::: */

.RightMargin {
display: none;
}

/* ::::::: Left Column ::::::: */

html>body .LeftMargin {
width: 200px;
padding: 10px;
float: left;
z-index: 1;
}

.LeftMargin {
width: 180px;
padding: 10px;
float: left;
z-index: 1;
}

.LeftMargin h2 {
font: normal 18px/24px Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 0px 0px 0px 30px;
background: url("../images/arrow.gif") left center no-repeat;
}

.LeftMargin p {
color: #ffffff;
}

.ctas a img {
border:0px;
margin: 5px 0px;
}

 /* ::::::: Bottom Links ::::::: */
 
.SiteFooter {
clear: both;
}


/* ::::::: Copyright Area ::::::: */

.Footer {

background: url("../images/toolbar.jpg") left top repeat-x;
border: 1px solid #483e32;
display: block;
height: 18px;
padding: 0px;
}

.Footer a:link, .Footer a:active, .Footer a:visited {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #FFFFFF;
padding: 0px 20px;
height: 18px;
float: left;
text-decoration: none;
}
.Footer a:hover {
background: url("../images/toolbar.jpg") left bottom repeat-x;
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #FFFFFF;
padding: 0px 20px;
height: 18px;
float: left;
text-decoration: none;
}

.Footer p {
margin-left:30px;
text-align: left;
width: 804px;
font: bold 11px/18px Arial, Helvetica, sans-serif;
color: #483e32;
padding: 0px;
}
.Seo {
width: 804px;
margin-left: 150px;
text-align: center;
}

div.calendar
{
  font-size: smaller;
  color: #000;
}

div.calendar.popup
{
  margin-left: -40px;
  margin-top: -100px;
}

div.calendar table
{
  background-color: #eee;
  border: 1px solid #aaa;
  border-collapse: collapse;
}

div.calendar thead {
  background-color: white;
}

div.calendar td,
div.calendar th
{
  padding: 3px;
  text-align: center;
}

div.calendar td.title
{
  font-weight: bold;
}

div.calendar th
{
  background: #ddd;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: bold;
  color: #555;
}

div.calendar tr.days td {
  width: 2em;
  color: #555;
  text-align: center;
  cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  background-color: #34ABFA;
  cursor: pointer;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color: #cde;
}

div.calendar tr.days td.selected
{
  font-weight: bold;
  background-color: #fff;
  color: #000;
}

div.calendar tr.days td.today
{
  font-weight: bold;
  color: #D50000;
}

div.calendar tr.days td.otherDay
{
  color: #bbb;
}