body
{
    font-family: Arial, helvetica, 'sans serif'; 
    font-size: 10pt; 
    font-weight: normal; 
    background: none  white ;
}


h1,h2,h3
{
   font-family: "Arial Narrow", helvetica, 'sans serif'; 
   font-weight: bold; 
   color: #3399FF;
}


h1 
{ 
   font-size: 14pt; 
}


h2 
{ 
   font-size: 12pt; 
}

h3 
{ 
   font-weight: normal;
   font-style: italic;
   font-size: 10pt; 
}


#header
{
    background: none  white ;
    margin:0;
}


#logo
{
    width: 15%;
    float: left;
    margin: 0px;
    padding: 10px;
}

#logo img
{
    border: none;
}

#logo p
{
   font-weight: bold; 
   font-size: 12pt;
    
}

#spanner
{
    width: 80%;
    float: left;
    margin: 0px;
    padding-left: 20px;
}

#spanner h1 
{ 
   font-family: "Forte", helvetica, 'sans serif'; 
   font-weight: bold;
   font-style: italic; 
   font-size: 36pt;
   color: black;   
}

#spanner h2
{ 
   font-family: "Arial Narrow", helvetica, 'sans serif'; 
   font-weight: bold; 
   font-size: 18pt; 
}

#spanner a
{
    border: none;
    text-decoration: none;
    color: black;
}

#nav 
{
    margin: 0px;
    padding: 10px;
}



#nav a:hover
{
     color: #3300FF;
}

#nav table
{
     color: black;
}
#nav a
{
     color: black;
     font-weight: normal;
     text-decoration:none;
     font-size: 9pt; 
}

#main
{
    width: 100%;
    background: url(images/hhs2.gif)  white ;
}

#content
{
    float: left;
    width: 60%;
    padding: 20px;
    margin: 20px;
    background: none #CCFFCC;
 
}

#hall
{
    float: left;
    width: 40%;
    padding: 10px;
    margin: 0px;
    border: 1px solid white;
    margin-top: 10px;
    background: none #CCFFCC;
}

#special
{
    float: right;
    width: 20%;
    padding: 10px;
    margin: 20px;
    text-align: left;
    border: 3px dotted #60F824;
    background: #3399FF none;
}

#special h1
{ 
   font-family: "Arial Narrow", helvetica, 'sans serif'; 
   font-style: italic;
   font-size: 16pt; 
   color: white;
}
#special h2
{ 
   font-family: "Arial Narrow", helvetica, 'sans serif'; 
   font-style: italic;
   font-size: 12pt; 
   color: white;
text-align: center;
}


#sidebar
{
    float: right;
    width: 20%;
    padding: 10px;
    margin: 20px;
    margin-top: 30px;
    text-align: left;
    background: #FFFFFF none;
}

#sidebar p
{
     font-size: 8pt;
}


#tip
{
    font-size: 12pt;
}


#guide
{
    float: left;
    width: 80%;
    padding: 20px;
    margin: 30px;
    background: none #CCFFCC;
 
}


#problem
{
    float: left;
    width: 40%;
    padding: 20px;
    border: 1px solid white;
    margin-top: 10px;
    background: #3399FF none;

}

#problem a 
{ 
    font-size: 10pt; 
    font-weight: bold;
    color:white;
    border: none;
    text-decoration: none;
}


#problem a:hover
{ 
     color: #CCFFCC;
}

#solution
{
    float: right;
    width: 50%;
    padding: 20px;
    border: 1px solid white;
    margin-top: 10px;
 
}


#sol
{
   font-family: "Arial Narrow", helvetica, 'sans serif'; 
   font-weight: bold; 
   color: #3399FF;
   font-size: 14pt; 
    padding: 10px;
}


#footer
{

    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
}