* {
margin: 0;
padding: 0;
}
* html div {
height: 1px;
}
html, body {
height: 100%;
}
html{
background: #5a82f0;
/*background: #5a82f0 url(../images/page_bg.gif) 0 0 repeat-x;*/
}
body {
font-family: helvetica, arial, sans-serif;
font-size: 100%;
color: #111;
text-align:center;
background: url(../images/page_bg2.gif) 0 0px no-repeat;
}
html>body {
font-size: 1em;
}
a {
text-decoration: none;
color: #006;
border-bottom: 1px solid #6666a3;
cursor: pointer;
cursor: hand;
}
a:hover {
color: #000;
border-bottom: 1px solid #000;
}
a.noLink1,
a.noLink1:hover {
border: none;
}
table, input, select, textarea {
font-family: helvetica, arial, sans-serif;
font-size: 1em;
color: #111;
}
img { border: 0; }
acronym, abbr {
border: none;
border-bottom: 1px dotted #ccc;
font-style: normal;
}
abbr{
border-bottom:0;
}
th { text-align: left; }
.clear1 {
clear: both;
line-height: 0px;
overflow: hidden;
}
.noBreak1 {
white-space: nowrap;
}
.stats1 {
display: none;
clear: both;
}
.skipnav1 {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
top: -500px;
border: none;
}
.skipnav2 {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
border: none;
}
h1, h2, h3, h4, h5, h6 {
font-size: 1em;
line-height: 1.33em;
margin-bottom: 1.25em;
}
h1,
h2#h2h1 {
font-size: 1.85em;
line-height: 1.12em;
margin-bottom: .75em;
color: #b53b3b;
}
h2 {
font-size: 1.1em;
//font-size: 1.3em;
line-height: 1.1em;
margin: 1.25em 0 .5em;
color: #b53b3b;
}
h3 {
letter-spacing: 2px;
text-transform: uppercase;
font-size: 1.1em;
//font-size: 1.05em;
margin-bottom: .25em;
line-height: 1em;
color: #b53b3b;
}
h1#h1logo {
font-size: 0em;
line-height: 100%;
margin: 0;
padding: 0;
border: none;
}
h1#home1,
div#home1 {
font-family: times, serif;
font-size: 1.25em;
//font-size: 1.2em;
font-variant: small-caps;
color: #000;
z-index: 50;
width: 350px;
margin: 4px auto 0;
//margin: 1px auto 0;
font-weight: bold;
}
h1#home1 a,
div#home1 a {
color: #000;
}
.WhatsNew1 h1#home1,
.WhatsNew1 div#home1,
.ExploreTheBridge1 h1#home1,
.ExploreTheBridge1 div#home1,
.DriversToolbox1 h1#home1,
.DriversToolbox1 div#home1,
.FamilyFun1 h1#home1,
.FamilyFun1 div#home1,
.BehindTheScenes1 h1#home1,
.BehindTheScenes1 div#home1,
.EmergencyCenter1 h1#home1,
.EmergencyCenter1 div#home1 {
//margin: 4px auto 0;
}
h2.type11 {
display: none;
}
#bodyWrap1 {
font-size: .8125em;
line-height: 1.15em;
min-width: 1000px;
margin:0 auto;
}
img.type1 {
float: left;
margin: 0 1.15em .5em 0;
}
img.type2 {
float: right;
margin: 0 0 .5em 1.15em;
}
a.type1 {
font-size: .9167em;
//font-size: .85em;
background: url(../images/blt1.gif) 0 .25em no-repeat;
//background: url(../images/blt1.gif) 0 .5em no-repeat;
padding-left: 1.3em;
border: none;
top: -9px;
position: relative;
left: -13px;
//display: block;
}
a.type1:hover {
border: none;
}
a.type2 {
border: none;
position: relative;
top: -40px;
font-size: 1px;
}
#content4 .more1 {
text-align: right;
line-height: 1.15em;
position: relative;
top: -.75em;
font-weight: bold;
margin-bottom: 0;
}
.hrType1,
.hrType2 {
overflow: hidden;
height: 1px;
background-color: #ccc;
margin: 1em 0 1.5em;
}
.hrType2 {
background-color: #83a2f7;
}
table.type1 {
border-collapse: collapse;
margin-bottom: 0;
}
table.type1 td,
table.type1 th {
padding: 0;
vertical-align: top;
}
table.type2,
table.type3 {
border-collapse: collapse;
margin-bottom: 2em;
}
table.type2 td,
table.type2 th,
table.type3 td,
table.type3 th {
padding: 4px 6px;
vertical-align: top;
}
table.type3 th {
text-align: right;
}
tr.type1 td,
tr.type1 th {
background-color: #f2f2f7;
border-top: 1px solid #e5e5ef;
border-bottom: 1px solid #e5e5ef;
}
td.type1 {
text-align: right;
}
#content1,
#content2,
#content3{
clear: both;
}
#content1 {
background:#5a82f0;
}
.content5Wrap1 {
width:980px;
margin:0 auto;
padding:0;
text-align:right;
}
.content5Wrap1 .listType1{
text-align:right;
}
.textType1 {
color: #b53b3b;
}
.textType2 {
color: #777;
}
.textType3 {
font-size: .9090em;
line-height: 1.15em;
}
.textType4 {
color: #b53b3b;
font-size: .9090em;
line-height: 1.15em;
}
.textType5 {
color: #777;
font-size: .9090em;
line-height: 1.15em;
}
.textType6 {
font-weight: bold;
font-size: 1.75em;
position: relative;
top: .075em;
}
.textType7 {
color: #b53b3b;
font-size: 1.0909em;
}
.textType8 {
float: left;
position: relative;
left: -5px;
top: 9px;
}
.textType11 {
display: block;
font-size: .8em;
text-transform: uppercase;
}
input.type1 {
width: 193px;
//width: 197px;
height: 15px;
//height: 19px;
border: 1px solid #aaa;
padding: 2px;
}
input.type2 {
background-color: #900;
border: 1px solid #aaa;
font-weight: bold;
color: #fff;
padding: 3px;
}
input.type3 {
width: 154px;
//width: 160px;
height: 17px;
//height: 23px;
border: 1px solid #7f7e7a;
padding: 3px;
background-color: #f0e2da;
}
input.type10 {
padding: 2px 2px 0 2px;
//padding: 0 2px 0 2px;
//height: 18px;
}
input.type11 {
font-size: .8em;
font-weight: bold;
}
select.type1 {
width: 198px;
height: 20px;
//height: 24px;
border: 1px solid #aaa;
padding: 2px;
}
select.type1 option {
padding: 2px 0 2px 4px;
}
textarea.type1 {
width: 193px;
//width: 197px;
height: 72px;
//height: 76px;
border: 1px solid #aaa;
padding: 2px;
}
label.labelOff {
display: none;
}
form.type1 label {
position: absolute;
color: #605a57;
margin: 4px 0 0 6px;
font-size: .9167em;
}
#nav1 {
/* position: absolute;*/
width: 182px;
padding: 60px 0 0px;
}
#nav1 li {
background: url(../images/bg1.gif) 100% 0 no-repeat;
margin-bottom: 5px;
behavior: url('js/IEFixes.htc');
list-style-type: none;
}
#nav1 li#nav1-home {
width: 182px;
}
#nav1 li#nav1-whats-new {
width: 177px;
}
#nav1 li#nav1-explore-bridge {
width: 172px;
}
#nav1 li#nav1-drivers-toolbox {
width: 167px;
}
#nav1 li#nav1-family-fun {
width: 162px;
}
#nav1 li#nav1-behind-scenes {
width: 157px;
}
#nav1 li#nav1-emergency-center {
width: 152px;
margin-bottom: 25px;
}
#nav1 li#nav1-email-alerts {
width: 142px;
}
#nav1 li#nav1-spanish-info {
width: 137px;
}
#nav1 li#nav1-privacy {
width: 132px;
}
#nav1 li:hover,
#nav1 li.selected,
#nav1 li.hover {
background: none;
}
#nav1 a {
//height: 16px;
min-height: 16px;
border: none;
color: #fff;
font-weight: bold;
padding-left: 28px;
cursor: pointer;
cursor: hand;
}
html>body #nav1 a {
display: block;
}
#nav1 a span {
position: relative;
top: 1px;
//display: block;
//height: 1px;
}
#nav1 li ul {
position: absolute;
background-color: #006;
visibility: hidden;
margin-top: -1.71em;
//margin-top: -.4em;
width: 11em;
//width: 12em;
padding: 5px;
}
#nav1 li#nav1-home ul {
margin-left: 182px;
}
#nav1 li#nav1-whats-new ul {
margin-left: 177px;
}
#nav1 li#nav1-explore-bridge ul {
margin-left: 172px;
}
#nav1 li#nav1-drivers-toolbox ul {
margin-left: 167px;
}
#nav1 li#nav1-family-fun ul {
margin-left: 162px;
}
#nav1 li#nav1-behind-scenes ul {
margin-left: 157px;
}
#nav1 li#nav1-emergency-center ul {
margin-left: 152px;
}
#nav1 li#nav1-email-alerts ul {
margin-left: 142px;
}
#nav1 li#nav1-spanish-info ul {
margin-left: 137px;
}
#nav1 li#nav1-privacy ul {
margin-left: 132px;
}
#nav1 li#nav1-home ul,
#nav1 li#nav1-whats-new ul,
#nav1 li#nav1-explore-bridge ul,
#nav1 li#nav1-drivers-toolbox ul,
#nav1 li#nav1-family-fun ul,
#nav1 li#nav1-behind-scenes ul,
#nav1 li#nav1-emergency-center ul,
#nav1 li#nav1-email-alerts ul,
#nav1 li#nav1-spanish-info ul,
#nav1 li#nav1-privacy ul {
//margin-left: -4px;
}
#nav1 li:hover ul,
#nav1 li.hover ul {
visibility: visible;
z-index: 99;
}
#nav1 li li {
margin-bottom: 0px;
background: none;
padding-left: 9px;
}
#nav1 li li:hover,
#nav1 li li.selected,
#nav1 li li.hover {
background: url(../images/blt4.gif) 0 7px no-repeat;
//background: url(../images/blt4.gif) 0 8px no-repeat;
}
#nav1 li li a {
padding: 3px 0;
color: #9ab5ff;
//display: block;
}
#nav1 li li:hover a,
#nav1 li li.selected a,
#nav1 li li.hover a {
color: #fff;
}
#nav1 li li a span {
top: 0;
}
#nav2 {
color: #fff;
padding:0;
margin:0;
width: 980px;
text-align:right;
font-size: .9231em;
margin-bottom: 18px;
line-height:20px;
}
#nav2 ul{
margin:0;
padding:0;
}
#nav2 li {
list-style-type: none;
display: inline;
margin:0;
padding:0;
color: #fff;
}
#nav2 a {
color: #ffff99;
margin:0 5px 0 3px;
/* font-weight: bold;*/
border-bottom: 1px solid #9cb4f6;
white-space: nowrap;
height: 100%;
}
#nav2 a:hover {
color: #006;
border-bottom: 1px solid #364eb9;
}
.listType1 {
color: #006;
font-size: .8462em;
}
.listType1 li {
list-style-type: none;
display: inline;
margin-right: 15px;
}
.listType1 a {
color: #006;
border-bottom: 1px solid #364eb9;
height: 100%;
}
.listType1 a:hover {
color: #fff;
border-bottom: 1px solid #9cb4f6;
}
#counter1 {
margin-bottom: 5px;
}
.header{
height:112px;
width:980px;
margin:0 auto;
text-align:left;
padding-right:0px;
background:#5a82f0 url(../images/header_bg.gif) 100% 0 no-repeat;
}
.header a, .header a:hover{
border:0;
}
.header #statenav1 ul{
list-style-type:none;
color:#fff;
font-size:10px;
}
.header #statenav1{
position:absolute;
width:400px;
*width:980px;
padding-left:580px;
*padding-left:500px;
text-align:right;
}
.header #statenav1 li{
display:inline;
}
.header #statenav1 a, .header #statenav1 a:link{
color:#fff;
padding:0 2px;
}
.header #statenav1 a:hover{
text-decoration:underline;
}
.header_right{
float:right;
margin-left:770px;
text-align:right;
margin-top:-60px;
}
#searchbox{
position:relative;
}
#searchbox input.inputbox{
border:1px solid #abadb3;
width:143px;
padding:2px 2px;
color:#5e7cd2;
font-weight:bold;
}
#searchbox input.submitbtn{
position:relative;
padding:0;
margin:0;
top:5px;
margin-left:-3px;
}
#searchbox a.print, #searchbox a.email{
color:#fff;
font-size:9px;
padding:2px 0;
text-decoration:none;
padding-left:20px;
display:block;
}
#searchbox a.print:hover, #searchbox a.email:hover{
text-decoration:underline;
}
#searchbox a.print{
background:url(../images/print.gif) 0 2px no-repeat;
width:100px;
}
#searchbox a.email{
background:url(../images/email.gif) 0 2px no-repeat;
width:100px;
}
.area1,
.area2 {
width: 780px;
}
.area2 {
font-size: .9123em;
//font-size: .85em;
color: #000;
}
.area2 a {
color: #000;
border-bottom: 1px solid #3d5c7a;
//height: 100%;
}
.area2 a:hover {
color: #293d52;
border-bottom: 1px solid #3d5c7a;
}
#contact1 {
margin: 6px 0 0 30px;
z-index: 100;
position: absolute;
}
.header #statenav1 a{
color:#fff;
}
#governor1 {
position: absolute;
top: 18px;
left: 540px;
z-index: 49;
}
#logo2 {
position: absolute;
top: 18px;
text-align: center;
width: 780px;
}
a#logo3 {
border: none;
z-index: 9999;
display: block;
width: 280px;
height: 95px;
position: relative;
left: 250px;
//left: 0px;
}
#chairman1 {
z-index: 48;
position: relative;
}
#search1 {
position: absolute;
left: 575px;
margin-top: -5px;
z-index: 50;
width: 200px;
}
form.type2 {
white-space: nowrap;
}
#dayNightPhoto1 {
position: absolute;
z-index: 1;
left: -9999px;
}
/* position:relative and overflow:hidden are required */
#scroller {position:relative; overflow:hidden;
height: 16px;
width:660px;
white-space: nowrap;
font-weight: bold;
padding: 1px 0px 1px 130px;
font-size:12px;
float:left;
}
/* display:none prevents the controls being shown when JavaScript is not present */
#controls {float: left;
display:none;
text-align:right;
width: 70px;
display: block;
font-size: .8em;
padding-right:10px;
top: 1px;
}
/* add link formatting for the controls */
#controls a {
color: #fff;
font-weight: normal;
border-bottom: 1px solid #d38989;
}
#controls a:hover {
color: #f90;
border-bottom: 1px solid #666;
}
#content2 {
color: #ff0;
background:#b53b3b;
}
.content2Wrap1 {
background:#b53b3b;
padding-left:128px;
}
#ticker{
width:873px;
background:#b53b3b;
text-align:left;
margin:0 auto;
}
.clear{
clear:both;
}
/* add formatting for the scrolling text */
#tag {margin:1px 0 0 0; padding-left:0; float:left;
position:relative; overflow:hidden; margin-left:-130px;
}
/* #testP must also contain all text-sizing properties of #tag */
#testP {visibility:hidden; position:absolute; white-space:nowrap;}