﻿body 
{
    background: url('images/page_bg.jpg') repeat-x #000000;
    margin: 0px;
    padding: 0px;
    height: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
}
p
{
    padding:10px 0px;
    margin:0px;
}
a{text-decoration:none;}
a:visited{color:#666666;}
a:hover{text-decoration:underline;}
p a{color:#002776; text-decoration:none;}
p a:visited{color:#666666;}
p a:hover{color:#002776; text-decoration:underline;}
h1
{
    color:#002776;
    font-size:24px;
    text-transform:uppercase;
}
h2
{
    text-transform:uppercase;
    font-size:15px;
    font-weight:normal;
    margin-top:0px;
}
h3 {
line-height: 1.25;
}
img{border-style: none;}
.Main
{
    position:relative;
    width:980px;
    height:100%;    
}
.mainSLeft
{
    position:absolute;
    top:0px;
    left:-10px;
}
.mainSRight
{
    position:absolute;
    top:0px;
    right:-10px;
}
.mainHeader
{
    height:165px;
    background:url('images/main_header_bg.jpg') no-repeat;
    position:relative;
}
.mainHeader .logo
{
    width: 335px;
    height: 141px;
    position: absolute;
    left: 10px;
    top: 10px;
}
.mainHeader .voteTout
{
    width: 168px;
    height: 122px;
    position: absolute;
    top: 20px;
    left:450px;
}
.mainHeader .TwoForTulsa
{
    width: 281px;
    height: 96px;
    position: absolute;
    top: 40px;
    left:650px;
}
.nav
{
    position:relative;
    z-index:3;
}
.nav ul
{
    height:40px;
    margin:0px;
    padding:0px;
    list-style-type:none;
}
.nav li
{
    height:40px;
    margin:0px;
    padding:0px;
    float:left;
}
.nav a
{
    display:block;
    background-repeat:no-repeat;
    height:40px;
}
.nav a.on{background-position:0px -80px;}
.nav a:hover{background-position:0px -40px;}

.nav .Home
{
    width:82px;
    background-image:url('images/nav-home.jpg');
}
.nav .Why
{
    width:152px;
    background-image:url('images/nav-why_vote_yes.jpg');
}
.nav .About
{
    width:92px;
    background-image:url('images/nav-about.jpg');
}
.nav .Map
{
    width:156px;
    background-image:url('images/nav-projects_map.jpg');
}
.nav .FAQ
{
    width:69px;
    background-image:url('images/nav-faq.jpg');
}
.nav .Media
{
    width:89px;
    background-image:url('images/nav-media.jpg');
}
.nav .Contact
{
    width:135px;
    background-image:url('images/nav-contact_us.jpg');
}
.nav .Pothole
{
    width:174px;
    background-image:url('images/nav-pothole.jpg');
}
.nav .navShadow
{
    position:absolute;
    left:0px;
    bottom:-5px;
    z-index:3;
}
.content
{
    z-index:2;
}
.subContent
{
    background:url('images/sub_wNav_bg.jpg');
    height:100%;
}
.subNav
{
    width:230px;
    height:100%;
    float:left;
    background:url('images/sub_subNav_bg.jpg') no-repeat 0px bottom #999891;
}
.subNav ul
{
    margin:0px;
    padding:0px;
    list-style-type:none;    
}
.subNav a
{
    display:block;
    width:230px;
    height:52px;
    background-repeat:no-repeat;
    overflow:hidden;
}
.subNav a:hover{background-position:0px -52px; }
.subNav a.on{background-position:0px -104px;}
.subC
{
    width:480px;
    padding:40px;
    float:left;
    text-align:left;
}
.subRight
{
    width:150px;
    padding:20px;
    float:left;
    text-align:left;
    background:url('images/sub_rightCol_bg.jpg') no-repeat 0px bottom;
    height:100%;
}

.subRightContent
{
    border-bottom:solid 1px #b7b6ab;
    border-top:solid 1px #d8d8d0;
    color:#464646;
    padding:10px 0px;
}
.subRightContent:first-child
{
    border-top:none;
    padding-top:0px;
}
.subRightContent:last-child
{
    border-bottom:none;
}
.mapPage
{
    background:#999891 url('images/map_main_bg.jpg') no-repeat 0px Bottom;
    height:740px;
    text-align:left;
    position:relative;
}
.mapPageContent
{
    padding:20px;
}
.videoThumb
{
    width: 236px;
    height: 200px;
    background: url('images/video_thumb_bg.jpg') no-repeat;
    float: left;
    position: relative;
    text-align: center;
}
.videoThumb img
{
    position: relative;
    top: 11px;
    left: 0px;
}
.video
{
    width: 340px;
    height: 260px;
    padding:10px 0px 0px 10px;
    background: url('images/video_pop_bg.jpg') no-repeat;
}
.Breadcrumb {
margin-top:15px;
margin-bottom:10px;
margin-left:5px;
}

.Breadcrumb  a {color:Black;}
.Breadcrumb  a:visited {color:Black;}
.Breadcrumb a:active{color:White;}
.Breadcrumb a:hover{color:White;}

.footer
{
    background:#002776;
    color:#FFFFFF;
    height:50px;
    font-size:smaller;
    position:relative;
}
.footer .footerShadow
{
    position:absolute;
    top:0px;
    left:0px;
}
.footer a{color:#FFFFFF;}
a.content{text-decoration:underline; color:Navy;}
a.content:visited{text-decoration:underline; color:Navy;}