body
{
	margin: 0;
	padding: 0;
	background: #ffffdb url(image/bg_flash.jpg) repeat-x;
	font: 12px "Trebuchet MS" , Geneva, Arial;
	color: #000033;
}

#wrapper
{
   position:relative;
   height: 100%;
   width: 724px;
   padding: 0;  
   margin: 15px auto;
    
}

#wrapper h1
{
    padding: 10px 0 10px 0;
    margin: 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Trebuchet MS' , Arial, Verdana;
}

#wrapper h2
{
    padding: 10px 0 10px 0;
    margin: 0;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Trebuchet MS' , Arial, Verdana;
}


#wrapper ul
{
text-align: left;
padding:0 0 0 20px;
margin:0;
}

#content
{
    position: relative;
    width:520px;
    height: 100%;
    margin: 2px 0 0 0;
    padding: 0;
}

#contentL
{   
    position: relative;
    width: 250px;
    left: 0;
    margin: 0;
    padding: 0;
}

#contentR
{
    position: absolute;
    width: 250px;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    
}


#wrapper td
{
   padding: 3px 6px 3px 6px;
   border: solid 1px dimgray;
   
}

#monthly td
{
    text-align: center;
}

#contact
{
    margin: 20px auto;
    padding: 2px 0 0 0;
    text-align: center;
    width: 300px;
    padding-bottom: 20px;
	 font-size: 12px;
	 font-weight: bold;
	
}

#contact a
        {
        color: #c94f04;
        }
            #contact a:active, #contact a:visited , #contact a:link
            {
            color: #c94f04;
            }
            #contact a:hover
            {
            color: Red;
            }
            
            
.sample_computation
{
	width: 480px;
	margin: 0 auto;
	padding: 0;
	border: solid 1px black;
}

.back
{
 position: absolute;
 color: #c94f04;
 font-size: 12px;
 font-weight: bold;
 text-decoration: underlined;
}

.back a:hover, a:link, a:visited, a:active
{
	color: #c94f04;
	 text-decoration: underlined;
}
.back a:hover
{
	color: Red;
}