@import url("reset.css");

#topRow {
    width: 100%;
    height: 67px;
    background-color: #0d2c5a
}

#mainNav {
    width: 930px;
    height: 67px;
    margin: 0 auto;
    background: url(../images/deep_nav_background.jpg) 340px 0 no-repeat
}

#navContainer {
    float: left;
    width: 930px;
    height: 60px;
    clear: both
}

#logo {
    padding: 10px 10px 0 0;
    float: left
}

#navContainer ul li {
    float: left;
    display: block;
    padding: 24px 12px
}

#mainNavR {
    float: right
}

#mainNavRE1 {
    float: left;
    padding: 27px 0 0 0
}

#mainNavRE2 {
    float: left;
    padding: 27px 3px 0 3px
}

#mainNavRE3 {
    float: left;
    padding: 24px 0 0 0
}

#Trafficpointer {
    float: left;
    margin: 0 0 0 385px
}

#Autopointer {
    float: left;
    margin: 0 0 0 297px
}

#whtRow {
    width: 100%;
    height: 60px;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0
}

#wrContainer {
    width: 930px;
    height: 60px;
    margin: 0 auto
}

#breadcrumbs {
    float: left;
    font: 500 11px Arial, Helvetica, sans-serif;
    color: #336699;
    padding: 11px 0 0 0
}

#breadcrumbs a {
    font: 500 11px Arial, Helvetica, sans-serif;
    color: #336699;
    text-decoration: none
}

#breadcrumbs a:hover {
    text-decoration: underline
}

#breadcrumbs_only {
    float: left;
    font: 500 11px Arial, Helvetica, sans-serif;
    color: #336699;
    padding: 23px 0 0 0
}

#breadcrumbs_only a {
    font: 500 11px Arial, Helvetica, sans-serif;
    color: #336699;
    text-decoration: none
}

#breadcrumbs_only a:hover {
    text-decoration: underline
}

#localNav {
    float: left;
    padding: 8px 0 0 0;
    clear: left
}

#localNav ul li {
    float: left;
    display: block;
    padding: 0 25px 0 0
}

#trusted_service {
    float: right
}

#main {
    width: 930px;
    margin: 0 auto
}

#mainContent {
    width: 930px;
    margin: 0 34px 0 0;
    float: left
}

#mainContent h1 {
    color: #333333;
    font: 800 20px Arial, Helvetica, sans-serif;
    padding: 25px 0
}

#mainContent p {
    color: #666666;
    font: 500 12px Arial, Helvetica, sans-serif
}

#mainContent p strong {
    color: #666666;
    font: 800 12px Arial, Helvetica, sans-serif
}

#mainContent p.note {
    color: #666666;
    font: 500 12px Arial, Helvetica, sans-serif;
    padding: 10px 0 0 0;
    text-align: center
}

#mainContent p.postPad {
    color: #666666;
    font: 500 12px Arial, Helvetica, sans-serif;
    padding: 0 0 15px 0
}

#mainContent p.large {
    font: 800 14px Arial, Helvetica, sans-serif;
    color: #333333;
    margin: 0 0 15px 0
}

#mainContent p a {
    font: 500 12px Arial, Helvetica, sans-serif;
    color: #333333;
    text-decoration: none;
    border-bottom: 1px dashed #b6b6b6
}

#mainContent p a:hover {
    text-decoration: underline;
    border-bottom: none
}

#mainContent h2 {
    color: #333333;
    font: 800 16px Arial, Helvetica, sans-serif;
    padding: 25px 0;
    clear: left
}

#mainContent h2.lessPad {
    color: #333333;
    font: 800 16px Arial, Helvetica, sans-serif;
    padding: 25px 0 10px 0
}

#mainContent h2.noPad {
    color: #333333;
    font: 800 16px Arial, Helvetica, sans-serif;
    padding: 0 0 25px 0
}

#mainContent h2 a {
    color: #003366;
    font: 800 16px Arial, Helvetica, sans-serif;
    text-decoration: none
}

#mainContent h2 a:hover {
    text-decoration: underline
}

#mainContent h3 {
    color: #333333;
    font: 800 12px Arial, Helvetica, sans-serif
}

#mainContent h3.pad {
    color: #333333;
    font: 800 12px Arial, Helvetica, sans-serif;
    padding: 25px 0
}

#mainContent h3 a {
    color: #003366;
    font: 800 12px Arial, Helvetica, sans-serif;
    text-decoration: none
}

#mainContent h3 a:hover {
    text-decoration: underline
}

div.tab {
    clear: left;
    height: 59px;
    margin: 0 0 25px 0
}

img.tab {
    float: left;
    padding: 0 14px 0 0
}

img.pad {
    margin: 30px 0 0 0
}

h3.tabTxt {
    padding: 3px 0 10px 0
}

a.tabTxt {
    color: #003366;
    font: 800 14px Arial, Helvetica, sans-serif;
    text-decoration: none
}

a.tabTxt:hover {
    text-decoration: underline
}

#mainContent ol {
    list-style: decimal;
    margin: 15px 35px
}

#mainContent ol li {
    color: #666666;
    font: 500 12px Arial, Helvetica, sans-serif
}

ul.docTabs li {
    float: left;
    display: block;
    padding: 0 15px;
    width: 190px
}

ul.docTabs li img {
    float: left;
    display: block;
    padding: 0 5px 0 0
}

ul.docTabs li a {
    color: #003366;
    font: 800 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    margin: 15px 0 0 0
}

ul.docTabs li a:hover {
    text-decoration: underline
}

ul.notes {
    list-style: disc;
    margin: 10px 0 15px 35px
}

ul.notes li {
    color: #666666;
    font: 500 12px Arial, Helvetica, sans-serif
}

ul.subNotes {
    list-style: circle;
    margin: 0 0 0 35px
}

ul.subNotes li {
    color: #666666;
    font: 500 12px Arial, Helvetica, sans-serif
}

ul.links {
    list-style: disc;
    margin: 10px 0 0 35px
}

ul.links li {
    color: #666666;
    font: 500 12px Arial, Helvetica, sans-serif
}

ul.links li a {
    color: #003366;
    font: 800 12px Arial, Helvetica, sans-serif;
    text-decoration: none
}

ul.links li a:hover {
    text-decoration: underline
}

ul.guideTabs li {
    float: left;
    display: block;
    padding: 0 25px 0 20px;
    width: 240px;
    color: #666666;
    font: 500 12px Arial, Helvetica, sans-serif
}

ul.guideTabs li img {
    float: left;
    display: block;
    padding: 0 5px 5px 0
}

ul.guideTabs li a {
    color: #003366;
    font: 800 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    margin: 15px 0 5px 0
}

ul.guideTabs li a:hover {
    text-decoration: underline
}

ul.traffic {
    list-style: url(../images/green-arrow.gif);
    margin: 0 0 25px 30px
}

ul.traffic li {
    color: #666666;
    font: 500 12px Arial, Helvetica, sans-serif;
    margin: 0 0 3px 0
}

#freeVideo {
    margin: 0 auto;
    border: 3px solid #cacac8;
    width: 400px;
    height: 326px
}

#guideSample {
    border: 3px solid #568ea5;
    padding: 20px;
    text-align: center;
    font: 800 14px Arial, Helvetica, sans-serif;
    width: 200px;
    float: left
}

#guideFull {
    border: 3px solid #649057;
    padding: 20px;
    text-align: center;
    font: 800 14px Arial, Helvetica, sans-serif;
    width: 200px;
    float: left
}

#accept {
    width: 660px
}

#accept img {
    float: left;
    padding: 0 10px 0 0
}

a.accept {
    float: left;
    color: #003366;
    font: 800 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding: 17px 0
}

a.accept:hover {
    text-decoration: underline
}

.reg {
    color: #666666;
    font: 500 12px Arial, Helvetica, sans-serif
}

label {
    color: #666666;
    font: 500 12px Arial, Helvetica, sans-serif;
    clear: both;
    display: block;
    padding: 5px 0
}

input {
    color: #000;
    font: 500 12px Verdana, Arial, Helvetica, sans-serif
}

div.trusted {
    clear: left;
    height: 51px;
    margin: 0 0 25px 0
}

div.trusted p {
    color: #666666;
    font: 500 12px Arial, Helvetica, sans-serif
}

img.trusted {
    float: left;
    padding: 0 14px 0 0
}

#sideBar {
    width: 236px;
    float: left;
    margin: 0 0 40px 0
}

#sideBar h2 {
    color: #333333;
    font: 800 16px Arial, Helvetica, sans-serif;
    padding: 25px 0 25px 33px
}

#sideBar h2.noPad {
    color: #333333;
    font: 800 16px Arial, Helvetica, sans-serif;
    padding: 25px 0 25px 0
}

#sideBarContent {
    padding: 0 0 0 33px;
    border-left: 1px solid #dfe0e0
}

#sideBarContent h3 {
    color: #003366;
    font: 800 12px Arial, Helvetica, sans-serif;
    padding: 20px 0 15px 0
}

#sideBarContent h3.noPad {
    color: #003366;
    font: 800 12px Arial, Helvetica, sans-serif;
    padding: 0 0 15px 0
}

#sideBarContent h3 a {
    text-decoration: none;
    color: #003366
}

#sideBarContent h3 a:hover {
    text-decoration: underline
}

#sideBarContent p {
    width: 203px;
    color: #666666;
    font: 500 12px Arial, Helvetica, sans-serif
}

#sideBarContent p.last {
    margin: 0 0 40px 0;
    color: #666666;
    font: 500 12px Arial, Helvetica, sans-serif
}

a.reg {
    font: 500 12px Arial, Helvetica, sans-serif;
    color: #333333;
    text-decoration: none;
    border-bottom: 1px dashed #b6b6b6
}

a.reg:hover {
    text-decoration: underline;
    border-bottom: none
}

.div_bar {
    padding: 30px 0 0 0
}

.div_bar_lPad {
    padding: 15px 0 0 0
}

#footer {
    width: 100%;
    background-color: #333333;
    clear: both
}

#ftrContainer {
    width: 930px;
    margin: 0 auto;
    padding: 40px 0 200px 0;
    text-align: center;
    color: #fff;
    font: 500 12px Arial, Helvetica, sans-serif
}

#ftrContainer a {
    text-decoration: none;
    color: #fff;
    font: 500 12px Arial, Helvetica, sans-serif
}

#ftrContainer a:hover {
    text-decoration: underline
}

#ftrContainer p {
    color: #fff;
    margin: 15px auto
}