/********************************************
* Tohono O'Odham Nation
* Developed by I-ology
* http://www.i-ology.com
*
* Created 09/5/2008 - MB
*
* Home Style Definitions
********************************************/

/*******************************************
* Layout Definitions
*******************************************/

body {
	background: #3f3268 url(/images/bg_interior.gif) top left repeat-x;
}

#header {
    margin: 0 auto;
    padding: 0;
    height: 92px;
    width: 960px;
    background: url(/images/header_mountains_interior.jpg) top left no-repeat;
}

#logo {
    position: absolute;
    margin: 0 auto;
    width: 960px;
    height: 200px;
    background: url(/images/content_interior_bg.gif) top left repeat-y;
}

#logo-image {
    float: left;
    width: 140px;
    height: 140px;
    padding-left: 30px;
    margin: 30px 0 0 0;
}

#content-main-interior {
    position: absolute;
    top: 18px;
    width: 960px;
    height: 227px;
    overflow: hidden;
}

#content-main-bg {
    position: relative;
    top: 17px;
    margin: 0 auto;
    margin-top: -17px;
    width: 960px;
    padding-bottom: 26px;
    background: url(/images/content_bg_top_interior.jpg) top left no-repeat;
    z-index: 3;
}

#content-bg {
    position: relative;
    width: 960px;
    margin: 0 auto;
    background: url(/images/content_bg.jpg) top left repeat-y;
    overflow: hidden;
    border-top: 5px solid #55487d;
    z-index: 2;
}

#pattern-bg {
    position: absolute;
    top: 310px;
    width: 100%;
    background: url(/images/pattern_bg.gif) top left repeat;
    z-index: 1;
}


#content-left {
    width: 578px;
    padding: 22px 30px 50px 29px;
    float: left;
    clear: left;
    margin-left: 2px;
}

#content-left span {
    color: #333; 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: .9em;
    line-height: 1.5em;
}

#content-left a {
    color: #000; 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: .9em;
    line-height: 1.5em;
    font-weight: bold;
}

#content-left p a {
    color: #000; 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: .9em;
    line-height: 1.5em;
    font-weight: bold;
    text-decoration: underline;
}

#content-right {
    width: 258px;
    padding: 22px 28px 50px 31px;
    float: left;
    margin-right: 2px;
    min-height: 300px;    
}

#content-right span {
    color: #333; 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: .95em;
    line-height: 1.25em;
}

#content-right a {
    color: #000; 
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: .95em;
    line-height: 1.25em;
    font-weight: bold;
}

#content-left a:hover,
#content-center a:hover,
#content-right a:hover {
    text-decoration: none;
}

a#view-all-content {
    float: left;
    clear: left;
    font-size: .9em;
    padding-left: 10px;
    color: #892e13;
    text-decoration: underline;
    background: url(/images/arrow.gif) 0 4px no-repeat;
}

a#view-all {
    float: left;
    clear: left;
    font-size: .9em;
    padding-left: 10px;
    margin-left: 20px;
    color: #892e13;
    text-decoration: underline;
    background: url(/images/arrow.gif) 0 4px no-repeat;
}

a#view-all-press {
    float: left;
    clear: left;
    font-size: .9em;
    padding-left: 10px;
    margin-left: 20px;
    color: #892e13;
    text-decoration: underline;
    background: url(/images/arrow.gif) 0 4px no-repeat;
}

#interior-photo {
    position: absolute;
    top: 1px;
    left: 452px;
    height: 226px;
    z-index: 999;
}

#footer {
    position: relative;
    margin: 0 auto;
    min-width: 960px;
    height: 102px;
    background: #3f3268 url(/images/content_interior_bg_bottom.jpg) top center no-repeat;
}

#sitemap-left-column {
    float: left;
    clear: left;
    width: 290px;
}

#sitemap-right-column {
    float: left;
    width: 280px;
}

.back a {
    float: right;
    clear: right;
    text-decoration: underline;
    padding-top: 18px;
    padding-right: 2px;
    background: url(/images/back_arrow.gif) 0px 4px no-repeat;
}

#search-container {
    width: 575px;
    overflow: hidden;
}

.search-title {
    float: left;
    width: 90px;
    margin: 0;
    padding: 0;
}

.search-form {
    float: right;
    width: 475px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.search-form input {
    margin: 0;
    padding: 0;
    float: left;
}

.search-form input#searchField {
    width: 360px;
    margin-right: 5px;
    float: left;
}

.divider {
    background: url(/images/divider.gif) top left no-repeat;
}

a#pdf-icon {
    padding-right: 18px;
    background: url(/images/pdf_icon.gif) top right no-repeat;
}

/*********************************
* Promos
*********************************/

#promo-career-opportunities {
    float: right;
    clear: right;
    width: 258px;
    height: 78px;
    margin-top: 20px;
    text-indent: -9999px;
    display: block;
    background: url(/images/promo_career_opportunities.jpg) top left no-repeat;
}
a:hover#promo-career-opportunities {
    background: url(/images/promo_career_opportunities.jpg) bottom left no-repeat;
}

#promo-contact-us {
    float: right;
    clear: right;
    width: 258px;
    height: 78px;
    margin-top: 20px;
    text-indent: -9999px;
    display: block;
    background: url(/images/promo_contact_us.jpg) top left no-repeat;
}
a:hover#promo-contact-us {
    background: url(/images/promo_contact_us.jpg) bottom left no-repeat;
}

#btn-comments a {
    float: right;
    width: 180px;
    margin: 10px;
}

#btn-comments a {
	display: block;
    width: 180px;
    height: 50px;
    text-indent: -9999px;
    display: block;
    background: url(/images/btn-send-comments.gif) top left no-repeat;
}
#btn-comments a:hover {
    background-position: bottom;
}


/*********************************
* Google Search Results
*********************************/
.gsc-results {
    width: 488px;
    padding: 15px 0 0 0;
}

.gsc-resultsHeader {
    display: none;
}

.gs-title a.gs-title, .gs-title a.gs-title b {
    font-weight: bold;
    /*color: #006633;*/
    color: #892e13;
    outline: none;
}

.gs-snippet {
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    line-height: 1.5em;
    color: #333;
    font-size: 1em; /* new */
}

.gs-result {
    padding: 5px 0;
    width: 600px; /* new */
}

.gs-no-results-result .gs-snippet,
.gs-error-result .gs-snippet {
  padding: 15px;
  margin: 15px;
  border-top: 1px solid #F0F0E5;
  border-bottom: 1px solid #F0F0E5;
  border-left: none;
  border-right: none;
  background-color: #FBFBF8;
}

#searchcontrol .gs-webResult .gs-visibleUrl-short {
    display: none;
}

#searchcontrol .gs-webResult .gs-visibleUrl-long {
    display: block;
    color: #000000; /* new */
    font-size: .9em; /* new */
}

.gsc-cursor-box {
    padding-top: 10px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  cursor : pointer;
  color: #663366;
  text-decoration: underline;
  margin-right : 8px;
  display : inline;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color: #663366;
  font-weight: bold;
  text-decoration: none;
}

.gsc-results .gsc-trailing-more-results,
.gsc-results .gsc-trailing-more-results * {
  color: #663366;
  text-decoration: underline;
}


/*********************************
* Lists
*********************************/

ul.sitemap li { 
    margin: 0 0 10px -20px;
    padding-left: 20px;
    background: url(/images/bullet2.gif) 0 6px no-repeat;
}

ul.sitemap li a { 
    text-decoration: underline;
}

ul.sitemap li ul {
    list-style: none;
}

ul.sitemap li ul li {
    margin-top: 10px;
    font-weight: normal;
}

ul.content li { 
    margin: 0 0 10px -30px;
    padding-left: 20px;
    background: url(/images/bullet2.gif) 0 6px no-repeat;
}

ul.content li a { 
    text-decoration: underline;
}

ul.content li ul {
    list-style: none;
}

ul.content li ul li {
    margin-top: 10px;
    font-weight: normal;
}

/*******************************************
* Titles & Headers
*******************************************/

#ttl-contact-us,
#ttl-site-map,
#ttl-privacy-policy,
#ttl-login,
#ttl-search,
#ttl-search-results,
#ttl-resources,
#ttl-chairmans-message,
#ttl-rodeo-fair,
#ttl-thank-you,
#ttl-error,
#ttl-not-found,
#ttl-adot,
#ttl-bus-routes,
#ttl-sr-86,
#ttl-comments,
#ttl-rec-routes,
#ttl-pedestrian-study {
    width: 426px;
    height: 43px;
    text-indent: -9999px;
    margin-bottom: 5px;
}

#ttl-contact-us {
    background: url(/images/ttl_contact_us.gif) top left no-repeat;
}
#ttl-site-map {
    background: url(/images/ttl_site_map.gif) top left no-repeat;
}
#ttl-privacy-policy {
    background: url(/images/ttl_privacy_policy.gif) top left no-repeat;
}
#ttl-login {
    background: url(/images/ttl_login.gif) top left no-repeat;
}
#ttl-search {
    background: url(/images/ttl_search.gif) top left no-repeat;
}
#ttl-search-results {
    background: url(/images/ttl_search_results.gif) top left no-repeat;
}
#ttl-resources {
    background: url(/images/ttl_resources.gif) top left no-repeat;
}
#ttl-chairmans-message {
    background: url(/images/ttl_chairmans_message.gif) top left no-repeat;
}
#ttl-rodeo-fair {
	width: 539px;
    background: url(/images/ttl-rodeo.gif) top left no-repeat;
}
#ttl-thank-you {
    background: url(/images/ttl_thank_you.gif) top left no-repeat;
}
#ttl-error {
    background: url(/images/ttl_error.gif) top left no-repeat;
}
#ttl-not-found {
    background: url(/images/ttl_not_found.gif) top left no-repeat;
}
#ttl-adot {
    background: url(/images/ttl-adot-projects.gif) top left no-repeat;
}
#ttl-bus-routes {
    background: url(/images/ttl-school-bus-routes.gif) top left no-repeat;
}
#ttl-sr-86 {
	width: 442px;
    background: url(/images/ttl-sr-86.gif) top left no-repeat;
}
#ttl-pedestrian-study {
    background: url(/images/ttl-pedestrian-study.gif) top left no-repeat;
}
#ttl-comments {
    background: url(/images/ttl-comment-form.gif) top left no-repeat;
}
#ttl-rec-routes {
    height: 58px;
    width: 492px;
    margin-bottom: 20px;
    background: url(/images/ttl-rec-transportation.gif) top left no-repeat;
}


#hdr-location {
    width: 237px;
    height: 85px;
    text-indent: -9999px;
    margin-bottom: 8px;
    background: url(/images/hdr_location.gif) top left no-repeat;
}

#ttl-chairmans-vicechairwomans-message {
    height: 78px;
    width: 426px;
    margin-bottom: 5px;
    text-indent: -9999px;
    background: url(/images/ttl_chairmans_vicechairwomans_message.gif) top left no-repeat;
}

/*********************************
* Secondary Navigation
*********************************/

#subnav a#land-replacement {
    height: 28px;
    background: url(/images/subnav_land_replacement.gif) top left no-repeat;
}
#subnav a#timeline {
    height: 28px;
    background: url(/images/subnav_timeline.gif) top left no-repeat;
}
#subnav a#state {
    height: 65px;
    background: url(/images/subnav_state.gif) top left no-repeat;
}
#subnav a#economic-impacts {
    height: 83px;
    background: url(/images/subnav_economic_impacts.gif) top left no-repeat;
}
#subnav a#gaming {
    height: 28px;
    background: url(/images/subnav_gaming.gif) top left no-repeat;
}
#subnav a#bus-routes {
    height: 46px;
    background: url(/images/subnav_bus_routes.gif) top left no-repeat;
}
#subnav a#sr-86 {
    height: 46px;
    background: url(/images/subnav_sr_86.gif) top left no-repeat;
}
#subnav a#rec-transportation {
    height: 63px;
    background: url(/images/subnav_rec_transportation.gif) top left no-repeat;
}
#subnav a#pedestrian-study {
    height: 46px;
    background: url(/images/subnav-pedestrian-study.gif) top left no-repeat;
}

#subnav a:hover#land-replacement,
#subnav a:hover#timeline,
#subnav a:hover#state,
#subnav a:hover#economic-impacts,
#subnav a:hover#gaming,
body.bus-routes-on #subnav a#bus-routes, #subnav a:hover#bus-routes,
body.sr-86-on #subnav a#sr-86, #subnav a:hover#sr-86,
body.pedestrian-study-on #subnav a#pedestrian-study, #subnav a:hover#pedestrian-study,
body.rec-transportation-on #subnav a#rec-transportation, #subnav a:hover#rec-transportation {
    background-position: bottom left;
}