body
{
    background: url(img/bg.gif ) top left repeat-x;
    background-color: #ff9000;
    padding: 0;
    margin: 0;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    text-align: center;
}
p
{
    line-height: 18px;
}
img
{
    border: none;
}
li
{
    list-style-type: none;
}
a
{
    text-decoration: underline;
    font-weight: bold;
    color: #7ca69a;
}
.menu_fix
{
    text-decoration: none;
}
h3
{
  font-weight:bold;
  font-size:12px;
     
}
#wrapper
{
    margin: 0px auto;
    width: 960px; 
    position: relative;
    text-align: left;
}
.masthead
{
    height: 100px;
    height: 368px;
    margin: 8px auto 0px auto;
    text-align: center;
}
.masthead#credits
{
    background: url(img/masthead_credits.jpg) top left no-repeat;
}
.masthead#contact
{
    background: url(img/masthead_contact.jpg) top left no-repeat;
}
.masthead#home
{
    background: url(img/masthead_home.jpg) top left no-repeat;
}
.masthead#synopsis
{
    background: url(img/masthead_synopsis.jpg) top left no-repeat;
}

.masthead#charlies
{
    background: url(img/masthead_charlies.jpg) top left no-repeat;
}
.masthead#resources
{
    background: url(img/masthead_resources.jpg) top left no-repeat;
}
#left_col
{
    display: inline;
    position: absolute;
    padding: 0px;
    left: 0px;
    width: 160px;
}
.main_content
{
    display: inline;
    margin: 0px;
    position: absolute;
    left: 165px;
    width: 587px;
    vertical-align: top;
}
.main_content#home
{
    padding: 0px 0px 490px 0px;
}
.main_content#synopsis
{
    padding: 0px 0px 170px 0px;
}
.main_content#credits
{
    padding: 0px 0px 170px 0px;
}
.main_content#charlies
{
    padding: 0px 0px 170px 0px;
}
#right_col
{
    display: inline;
    padding: 0px;
    position: absolute;
    right: 0px;
}
#blog_box
{
    margin: 7px 0 0 0;
    background:#f2d06b;
    padding: 17px 10px;
    width: 175px;
}
#words_box
{
    margin: 7px 0 0 0;
    background: #ebb3b3;
    padding: 17px 10px;
    width: 175px;
}
#media_box
{
    margin: 7px 0 0 0;
    background: #595736;
    padding: 17px 10px;
    width: 175px;
    color: #fff;
}
#footer
{
    color: #fff;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    padding: 0 0 50px 0;
}

#main_nav
{
    left: 0;
    margin: 34px 21px 0 0;
    text-align: right;
    height: 212px;
    width: 126px;
}

#cane
{
    background: url( img/cane.png) top left no-repeat;
    position: absolute;
    display: block;
    width: 26px;
    height: 259px;
    top: 5px;
    right: 13px;
}
#boot
{
    float: right;
    margin: 0 0 0 8px;
}
#sponsors
{
    margin: 0 0 25px 0;
}
.paragraph_box
{
    background: url(img/beige_box_top.gif) top left no-repeat #f1dda0;
    color: #222;
    position: relative;
    padding: 20px 17px 20px 17px;
    margin: 0 0 10px 0;
}
.paragraph_box_synopsis
{
    background: url(img/beige_box_top_synopsis.gif) top left no-repeat #f1dda0;
    color: #222;
    position: relative;
    padding: 30px 17px 20px 17px;
    margin: 8px 0 10px 0;
}
.paragraph_box_charlies
{
    background: url(img/beige_box_top_synopsis.gif) top left no-repeat #f1dda0;
    color: #222;
    position: relative;
    padding: 30px 0px 20px 15px;
    margin: 8px 0 10px 0;
}
.paragraph_box_charlies p
{
    margin-right: 20px;
}
.beige_bottom
{
    position: absolute;
    bottom: 0;
    left: 0;
}
.paragraph_box_red
{
    background: #ab401e;
    color: #fff;
    padding: 20px 17px 20px 17px;
}
.synopsis_box_red
{
    background: #ab401e;
    color: #fff;
    padding: 17px 10px;
    margin: 8px 0 0 0;
    width: 175px;
}
.legal
{
    font-size: 10px;
}
.cane_divider
{
  
   left:165px;
   position:relative;
   margin:0 0 20px 0;
   
}
.photo_right
{
    float:right;
    position:relative;
    padding:20px 10px 0 20px;
    
    
}
.photo_left
{
    float:left;
    position:relative;
    padding:0px 10px 0 0px;
    
    
}
/******************** Individual Headers *****************************************/
h1#headline1
{
    background: url(img/headers/h1_home.gif ) top left no-repeat;
    padding: 0 0 12px 0;
    height: 45px;
    margin: 20px 0 0 0;
    overflow: hidden;
    text-indent: -9999em;
}
#h1_stills
{
    background: url(img/headers/h1_stills.gif ) top left no-repeat;
    padding: 0 0 0px 0;
    height: 35px;
    margin: 0;
    overflow: hidden;
    text-indent: -9999em;
}
#h1_charlies
{
    background: url(img/headers/h1_charlies.gif ) top left no-repeat;
    padding: 0 0 20px 0;
    height: 70px;
    margin: 0;
    overflow: hidden;
    text-indent: -9999em;
}

#h1_contact
{
    background: url(img/headers/h1_contact.gif ) top left no-repeat;
    padding: 0 0 0px 0;
    height: 60px;
    margin: 0;
    overflow: hidden;
    text-indent: -9999em;
}
#h1_credits
{
    background: url(img/headers/h1_credits.gif ) top left no-repeat;
    padding: 0 0 0px 0;
    height: 95px;
    margin: 0;
    overflow: hidden;
    text-indent: -9999em;
}
h1#h1_synopsis
{
    background: url(img/headers/h1_synopsis.gif ) top left no-repeat;
    padding: 0 0 12px 0;
    height: 45px;
    margin: 0 0 0 0;
    overflow: hidden;
    text-indent: -9999em;
}
#h1_resources
{
    background: url(img/headers/h1_resources.gif ) top left no-repeat;
    padding: 0 0 12px 0;
    height: 70px;
    margin: 0 0 0 0;
    overflow: hidden;
    text-indent: -9999em;
}
h2#headline2
{
    background: url(img/headers/h2_home.gif ) top left no-repeat;
    margin: 0;
    overflow: hidden;
    text-indent: -9999em;
}
h2#in_their_words
{
    background: url(img/headers/h2_in_their_words.gif ) top left no-repeat;
    margin: 0;
    overflow: hidden;
    text-indent: -9999em;
}
/******************** Nav Hover States *****************************************/
a#home
{
    background: url(img/nav/nav_home.gif) top right no-repeat;
    text-decoration: none;
    height: 18px;
    display: block;
    margin: 0 0 13px 0;
}
a#home span
{
    visibility: hidden;
}
a:hover#home
{
    background: url(img/nav/nav_home_over.gif) top right no-repeat;
}

a#synopsis
{
    background: url(img/nav/nav_synopsis.gif) top right no-repeat;
    text-decoration: none;
    height: 22px;
    display: block;
    margin: 0 0 13px 0;
}
a#synopsis span
{
    visibility: hidden;
}
a:hover#synopsis
{
    background: url(img/nav/nav_synopsis_over.gif) top right no-repeat;
}
a#charlies
{
    background: url(img/nav/nav_charlies.gif ) top right no-repeat;
    text-decoration: none;
    height: 23px;
    display: block;
    margin: 0 0 13px 0;
}
a#charlies span
{
    visibility: hidden;
}
a:hover#charlies
{
    background: url(img/nav/nav_charlies_over.gif ) top right no-repeat;
}
a#resources
{
    background: url(img/nav/nav_resources.gif ) top right no-repeat;
    text-decoration: none;
    height: 40px;
    display: block;
    margin: 0 0 13px 0;
}
a#resources span
{
    visibility: hidden;
}
a:hover#resources
{
    background: url(img/nav/nav_resources_over.gif ) top right no-repeat;
}
a#credits
{
    background: url(img/nav/nav_credits.gif ) top right no-repeat;
    text-decoration: none;
    height: 24px;
    display: block;
    margin: 0 0 13px 0;
}
a#credits span
{
    visibility: hidden;
}
a:hover#credits
{
    background: url(img/nav/nav_credits_over.gif ) top right no-repeat;
}
a#contact
{
    background: url(img/nav/nav_contact.gif ) top right no-repeat;
    text-decoration: none;
    height: 20px;
    display: block;
    margin: 0 0 13px 0;
}
a#contact span
{
    visibility: hidden;
}
a:hover#contact
{
    background: url(img/nav/nav_contact_over.gif ) top right no-repeat;
}