/*html
{
    overflow: scroll;
}*/


body {
   padding: 0px;
   margin: 0px;
   /*font: 13pt 'Georgia', Verdana, Helvetica, sans-serif;*/
   color: #BF1A20;
   font-family: Georgia, Verdana, Helvetica, sans-serif;
   font-size:80%;
   line-height:1.125em; /* 16×1.125=18 */   
   background:#9A764D url('../images/bg_pattern.jpg');
   text-align: center;
}

img {border:0;}

#wrapper 
{
   /*background:url('../images/tape_bg.gif') no-repeat top;
   width: 1058px;*/
   background:url('../images/top_tape_outer.gif') no-repeat top;
   width: 947px;
   /*height: 240px;*/ /*Setting this stops pixel jog in some browsers? */
   height: 640px; 
   margin: 0 auto;
   text-align: left;
   padding-bottom: 120px;
}

#inner {
   position: absolute;
   width: 938px;
   /*margin-top: 60px;
   margin-left: 56px;*/
   margin-top: 33px;
   margin-left: 5px;
}

#flashwrapper 
{
   width: 990px;
   height: 605px;
   margin: 0 auto;
   text-align: left;
   background: url('../images/tape_bg_990.gif') no-repeat;
   margin-top: 28px;
   /*overflow: hidden;*/
}

#flash
{
    position: absolute;
    width: 980px;
    margin-top: 32px;
    margin-left: 5px;
}

#flash #content
{
    width: 930px;
    height: 540px;
}

#noflash
{
    background: #FFFFFF;    
}

#skiplinks {
    position: absolute;
    left: -1000px;
    width: 990px;
    font-size:1px; line-height:1;
}


a {
   text-decoration: none;
   color: #BF1A20;
   text-decoration: underline;
}


/*h1 {
   margin: 0;
   padding: 30px;
   font-size: 150%;
   text-indent: -9000px;
}
*/

h2 {
   font-size: 150%;
}

.clear {
   clear: both;
}


#header {
   height: 105px;
   background: white;
}

/*
#header h1 {
   height: 100px;
   text-align: center;
   background: url(../images/logo.gif) no-repeat;
}
*/

#header img {
   float: left;
}

#header ul.mainnav {
   list-style: none;
   list-style-position: outside;
   margin: 0;
   padding: 0;
   border: none;
   float: right;
   /*margin-top: -120px;*/
   margin-top: 40px;
   padding-right: 22px;
} 

#header .mainnav li
{
   /*display: block;*/
   margin: 0;
   padding: 0;
   float: left;
   width: auto;
}

#header .mainnav a {
   font-weight: bold;
   /*display: inline;*/
   width: auto;
   text-decoration: none;
   margin: 0;
   /*padding: 6px 6px;*/
   margin-right: 6px;
   margin-left: 6px;
} 

#header .mainnav a:hover 
{
    text-decoration: underline;
}

#header .mainnav a.selected 
{
   position:relative;  /*Set position relative to force IE into having layout*/    
   padding-top: 32px;
   border-top: 16px solid #BF1A20;
}


#header ul.subnav 
{
   list-style: none;
   list-style-position: outside;
   margin: 0;
   padding: 0;
   border: none;
   float: right;
   margin-top: -38px;
   padding-right: 22px;
   width:669px;
} 

#header .subnav li
{
   color: #6E1419; /*CHECK THIS*/
   /*display: block;*/
   margin: 0 0 6px 0;
   padding: 0;
   float: left;
   width: auto;
   padding-left: 0px;
   padding-right: 0px;
   margin-right: 0px;
   margin-left: 0px;
}

#header .subnav a 
{
   color: #6E1419; /*CHECK THIS*/
   width: auto;
   text-decoration: none;
   margin: 0;
   margin-right: 6px;
   margin-left: 6px;
} 

#header .subnav a:hover
{
    text-decoration: underline;
}

#header .subnav a.selected 
{   
   position:relative;  /*Set position relative to force IE into having layout*/    
   background: #6E1419;
   color: #ffffff;
   padding-left: 8px;
   padding-right: 8px;
   padding-top: 5px;
   padding-bottom: 5px;
   margin-left: 0px;
   margin-right: 0px;   
   text-decoration: none;  
}

#content 
{
   /*width: 890px; /*Keep IE happy*/*/
   width: 938px;
   w\idth: 890px; /*HACK. IE5.X*/
   position: relative;
   padding-top: 1px;

   padding-left: 24px;
   padding-right: 24px;

   padding-bottom: 20px;
   background: #fff;
}

#oneColLayout #content p.narrow {
   width: 520px;
   color: #4D4D4D;
}

#oneColLayout #content .contact-narrow
{
    width: 520px;
    color: #4D4D4D;
}

#oneColLayout #content .contact-narrow a
{
    color: #BF1A20;
    text-decoration: underline;
}

#oneColLayout #content p.content-left
{
    float: left;
}

#oneColLayout #content p.content-right
{
    float: right;
}

.centeredimage
{
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}


#footer 
{
   position: relative; /*Set position relative to force IE into having layout*/    
   padding: 0px;
   padding-top: 10px;
   margin: 0px;
   clear: both;
   color: #fff;
   font-size: 90%;
}


#flashwrapper #footer
{
    width: 980px;
    top: 605px;
    left: 5px;
}


#footer a {
   color: #fff;
   margin: 0;
   text-decoration: underline;
   /*padding: 0px 6px;*/
} 

#footer a:hover
{
    text-decoration: none;
}

#footer .footer-left
{
    padding: 0px;
    margin: 0px;
    float: left;
}

#footer .footer-right 
{   
   padding: 0px;
   margin: 0px;
   float: right;
   color: #000000;
   font-weight: bold;
   font-style: italic;    
}

/*Work area specific*/
.workcontent
{
    position: relative;
    border-top: solid 4px #F7F7F7;    
}

#content .workcontent
{
}

.workimage
{
    float: left;
    padding-right: 8px; 
    padding-bottom: 6px;
}

.workintro
{
    /*font-size: 1.5em;   */
    font-size: 23px;
    line-height:1.5em;
}

#content-left
{
    float: left;
    width: 480px;
    border-top: solid 5px #9AB633;
    padding-top: 30px;
}

#content-right 
{
    float: right;
    width: 384px;
    border-top: solid 5px #9AB633;    
    border-bottom: solid 1px #BF1A20;
    padding-top: 30px;
    padding-bottom: 30px;    
}

#content-right p
{
    color: Gray;
}

.pagination
{
    position:relative;
    text-align:center;
    padding-top: 20px;
}

.pagination a
{
    text-decoration: underline;
}

.pagination a:hover
{
    text-decoration: none;
}

.pagination a:active
{
    text-decoration: none;
}

.pagination a.selected
{
    text-decoration: none;
    font-weight: bold;
}

.pagination a .pagination-arrow
{
    font-size: 0.75em;
    text-decoration: none; 
}

.pagination .page-link
{
   margin-right: 3px;
   margin-left: 3px;       
}

.pagination ul
{
   list-style: none;
   list-style-position: outside;
}

.pagination li
{
   /*margin: 0;
   padding: 0;*/
   float: left;
   width: auto;
}

.pagination li a
{
   font-weight: bold;
   /*display: inline;*/
   width: auto;
   /*text-decoration: none;*/
   margin: 0;
   /*padding: 6px 6px;*/
   margin-right: 6px;
   margin-left: 6px;    
}



.pagination .previous
{
    position: absolute;
    /*left: 0px;*/
    right: 416px;
}

.pagination .next
{
    position: absolute;
    right: 0px;    
    /*
    background: transparent url('../images/right.gif') no-repeat scroll right 60%;
    padding-right:32px;
    width: 8px;
    height: 10px;
    */
    /*display:-moz-inline-box;*/
    /*display:inline-block;*/

}

.pagination .magnifier
{
    background: transparent url('../images/magnifier.gif') no-repeat scroll left 60%;
    padding-left:22px;
    width: 19px;
    height: 19px;
    display:-moz-inline-box;
    display:inline-block;    
}


#work-zoom
{
    border-top: solid 5px #9AB633;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 30px;
}

#work-zoom .back-link
{
    float: right;
}

#work-zoom img
{
    padding-top: 30px;
}

#work-zoom a
{
    text-decoration: underline;
}