@charset "utf-8";
body  {
    background: #CCCCCC;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
}
.twoColFixLt #container { 
    width: 750px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: #000000;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixLt #Logo {     
    background: #000000;    
    color: #EFB621;
    font-size: 22pt;
    position:relative;
    
    text-align: center; /* this overrides the text-align: center on the body element. */
}

.twoColFixLt #events { 
    
    background: #000000;
    color:#FFFFFF;
    font-size:14px;
    height:20px;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    
    text-align: center; /* this overrides the text-align: center on the body element. */
}
.twoColFixLt #yellowbar { 
    width: 100%;
    height:5px;
    background: #EFB621;
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */    
    }

.twoColFixLt #blackbar { 
    width: 100%;
    height:3px;
    background: #000000;
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */    
    }




.twoColFixLt #sidebar1 {
    float: left; /* since this element is floated, a width must be given */
    color:#000000;
    width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    background: #CCCCCC; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 15px 10px 15px 20px;
}


.twoColFixLt #banner1 {
    float: left;
    padding-top: 5px;
    padding-right: 2px;
    padding-bottom: 5px;
    padding-left: 7px;
    margin-left:7px;
    margin-top: 2px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
    top: 10px;
    left:5px;
    color:#FFFFFF;
    font-size:11px;
    text-align:center;
    width: 130px;
    height: 115px;
    
     
}



.twoColFixLt #mainContent { 
    width: 550px;
    font-size:14px;
    padding: 15px 10px 15px 20px;
} 

.twoColFixLt #mainContent h1  { 

    font-size:16px;
    font-weight:bold;

} 

.twoColFixLt #mainContent h2  { 

    font-size:14px;
    font-weight:bold;

} 


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
a:link, a:visited 
{
color: #c22512;
text-decoration: none;
font-weight: bold;
}

a:hover 
{
color: #77150b;
text-decoration: none;
font-weight: bold;
}


#left_outer {
    width: 156px;
    float: left;
}


#linksV a    {
   color: #FFFFFF;
   font-size:11px;
   text-align: left;
   padding-left: 12px;
   width:144px;
   height:22px;
   padding-top:14px;
   vertical-align:middle;
   margin:0 auto;
   float:left;
  
   background: #000000 url(/images/button3.gif) no-repeat;
   background-position: -0px 0px;
   }

#linksV a:visited  {
  color: #FFFFFF;
   font-size:12px;
   width:144px;
   height:22px;
   padding-top:14px;
   vertical-align:middle;
   margin:0 auto;
   float:left;

   background: #000000 url(/images/button3.gif) no-repeat;
   background-position: -0px 0px;
   }

#linksV a:hover{
   color: black;
   background-position: 0px -35px; 
   }


div.navigator{
            font-size:smaller;
            padding:5px; 
            text-align:center;
        }
        div.totalpagesdisplay{
            padding-top:15px;
            font-size:smaller;
            text-align:center;
            font-style:italic;
        }
        .navigator a, span.inactive{
            padding : 0px 5px 2px 5px;
            margin-left:0px;
            border-top:1px solid #999999;
            border-left:1px solid #999999;
            border-right:1px solid #000000;
            border-bottom:1px solid #000000;
        }
            .navigator a:link, .navigator a:visited,
        .navigator a:hover,.navigator a:active{
            color: #3300CC;
            background-color: #FAEBF7;
            text-decoration: none;
        }
        span.inactive{
            background-color :#EEEEEE;
            font-style:italic;
            color: #EFB621;
        }
   
   
   a.car_headings   {   
   color:#EFB621;
   text-decoration: underline;
   }
   a:visited.car_headings   {   
   color:#EFB621;
   text-decoration: underline;
   }
    a:active.car_headings   {   
   color:#EFB621;
   text-decoration: underline;
   }
    a:hover.car_headings   {   
   color:#EFB621;
   text-decoration: underline;
   }
    a:link.car_headings   {   
   color:#EFB621;
   text-decoration: underline;
   }
   
    a.newsheader   {   
   color:#EFB621;
   font-size: 12px;
   text-decoration: underline;
   }
   a:visited.newsheader   {   
   color:#EFB621;
    font-size: 12px;  
   text-decoration: underline;
   }
    a:active.newsheader   {   
   color:#EFB621;
    font-size: 12px;  
   text-decoration: underline;
   }
    a:hover.newsheader   {   
   color:#EFB621;
    font-size: 12px;  
   text-decoration: underline;
   }
    a:link.newsheader   {   
   color:#EFB621;
    font-size: 12px;  
   text-decoration: underline;
   }
    td.newsheader   {   
   color:#EFB621;
    font-size: 12px; 
    font-weight: bold; 
   text-decoration: none;
   }
   
   td.newsdetail{
      font-size: 10px;
   }
   .sblack { font-family: antiqua, Arial, Helvetica; FONT-SIZE: 10px; COLOR: #000; TEXT-DECORATION: none; }
   .mblack { font-family: antiqua, Arial, Helvetica; FONT-SIZE: 15px; COLOR: #000; TEXT-DECORATION: none; }