/* CSS Document */

/*  General rules */
    
img, #videoframe    {
    display: block;
    border: 0;
    float:left;margin: 10px;
    }


/*  Establish general layout parameters */

body    {
  background:#9aa url(wallblack.gif);
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #333;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    padding-bottom: 25px;
    }
    
#wrapper    {     background-color :#FFF;

    margin: 10px auto;
    padding: 0px;
    border: 1px solid #566;
    width: 712px;  /* bmh */    
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 712px;
    }

html>#wrapper    {
    width: 712px;
    } 

#header    {
    background: url(header.gif) no-repeat 0% 0%;
    color: #333;
    border: 0;
    height:126px;
    margin: 0;
    padding: 0px;
    text-align: left;

    }

#header a{color: #FFF;
text-decoration:none;}

#header img    {
    margin: 0;
    padding: 0;
    border: 0;
    }

#pagebody    {
    padding: 0px;
    margin: 0px;
    border: 0px;
    text-align: left;
    border-top: 1px solid #C40000;
    }

#main    {
         clear: both;
         background-color :#FFF;
         margin: 10px;
         margin-top: 2px; margin-bottom: 0px;
         padding: 4px;
         width: 684px;


    /* box model hack */
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 684px;
    }

#main p   {

    }

html>#main   {
             width: 672px;
             } 

#mainbar    {
            background-color :#FFF;
            margin: 0;
            margin-top: 2px;
            margin-left: 200px;
            padding: 4px;
            width: 492px;

            /* box model hack */
            voice-family: "\"}\""; 
            voice-family:inherit;
            width: 492px;
    }

html>#mainbar   {
             width: 492px;
             } 

#sidebar    {
            float:left;
            background-color :#FFF;
            margin: 0px;
            margin-top: 2px;
            margin-bottom: 0px;
            margin-left: 4px;
            width : 180px;
            color: #666;
            padding: 4px;
            /* compensates for IE Win bungling */
            height: 100%;

            }    

#sidebar li {margin-left:-20px;    color: #9aa; list-style: square;list-position:outside}


#sidebar img    {
    display: block;
    border: 0;
    float:right;margin: 1px;
    }

#footer { border-top: 1px solid #ccc;
    color: #FFF;
    background-color: #C40000;
    margin : 0px;
    text-align : left;
    padding: 0px;
    clear: both;
    font-size: xx-small;
    voice-family: "\"}\""; 
    voice-family:inherit;
    font-size: x-small;    
    }
#footer a {color: #FFF;}
#footer a:hover{color: #FFF;}

#footer img {width:712px;height: 52px;
   margin: 0px;}

html>#footer    {
    font-size: x-small;
    } 



/*  Typography */


#sidebar h1, #main h1, #mainbar h1    {
    font-size: 14px;
    margin: 0px;
      color: #C40000;
    }

#sidebar h2, #main h2, #mainbar h2   {
    font-size: 12px;
    margin: 5px 0 0 0 ;
    }

#sidebar h3, #main h2, #mainbar h2    { font-size: 10px;
    margin: 0px;
    }

h3    { 
    font-size: small;      
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size: medium;  
    }
html>h3     {
    font-size:  medium;  
    } 
h4    {
    font-weight: normal;
       font-size: x-small;      
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size: small;  
    }
html>h4     {
    font-size: small;  
    }  


        








 /* General linkology */
    
a {
        background-color :transparent;

         color:#C40000;
         text-decoration: none;
        }
            
a:hover {
        background-color :transparent;

         color: #FF9900;
        text-decoration: underline;
        }


#menu {
      margin: 0;
      padding: 0;
      height : 42px;
      }

#menu ul {
         border: 0;
         margin: 0;
         padding: 0;
         list-style-type: none;
         text-align: center;
         }

#menu ul .topic {
                display: block;
                float: left;
                padding: 0;
                margin: 0;
                }

#menu ul .topic_on {

                   display: block;
                   float: left;
                   padding: 0px;
                   margin: 0px;
                   }

#menu ul .topic a {
                  background-color :#C40000;
                  width: 177px;
                  height: 20px;
                  border-top: 1px solid #FFF;
                  border-left: 1px solid #FFF;
                  border-bottom: none;
                  border-right: none;
                  padding: 0;
                  margin: 0 0 0px 0;
                  color: #fff;
                  text-decoration: none;
                  display: block;
                  text-align: center;
                  font-weight: normal;
                  letter-spacing: 1px;
                  line-height: 2em;
                  font-size:    xx-small;      
                  voice-family: "\"}\"";   
                  voice-family: inherit;   
                  font-size:    x-small;   
                  }




html>#menu ul li a  {
    font-size: x-small;   
    } 


#menu ul .topic a:hover {
   background-color :transparent;
         color: #FF9900;
        text-decoration: none;
    }


#menu ul .topic_on a {
background-color :#FFF;
 width: 177px;
  height: 2em;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: none;
  border-right: none;
  padding: 0;
  margin: 0 0 0px 0;
 color:#C40000;
  text-decoration: none;
  display: block;
  text-align: center;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 2em;
  font-size:    xx-small;      
  voice-family: "\"}\"";   
  voice-family: inherit;   
  font-size:    x-small;   
    }

#menu a:active    {
    background: #FFF;
    color: #FF9900;
    }