html
{
/*
    height: 100%;
*/
    height: 100%;
}

body 
{ 
/*
    height: 100%;
*/
    color: #000000;
    background-color: #0C403A;
    font-family: arial, "lucida console", sans-serif;
    margin: 0px;
    padding: 0px;
    height: 100%;
}

p, td, li 
{
}

h1 
{ 	
    font-weight: bold;
    font-size: 22px;
    color: #bbeeff;
    margin-top: 0px;
    margin-bottom: 0px;
}

a:link 
{
    color:#0D4740;
    text-decoration:underline;
}

a:visited 
{
    color:#0D4740;
    text-decoration:underline;
}

a:active, a:hover 
{
    color:#0D4740;
    text-decoration:underline;
}

#header 
{
    position: relative;
    top: 0px;
    width: 560px;
    left: auto;
    right: auto;
    margin-left: auto;
    margin-right: auto;
}
#content 
{
/*
    top: 0px;
    bottom: 0px;
    position: relative;
    height: 100%;
*/
    margin-top: 0px;
    margin-bottom: 0px;
    width: 760px;
    left: auto;
    right: auto;
    margin-left: auto;
    margin-right: auto;
	height: 100%;
    min-height: 100%;
}

#leftside
{
/*
    bottom: 0px;
    height: 300px;
    border: 1px solid #57A95B;
*/
    height: 100%; 
    width: 200px;
    position:absolute; 
    background-color:#589E61;
	background-image: url('../img/content.jpg');
	background-repeat: repeat-x;
}

#main
{
/*    
    border:1px solid #57A95B; 
*/
    width: 560px;
    background-color: #78D784;
    position: absolute;
    margin-left: 200px; 
    margin-right: 0px; 
	background-image: url('../img/main.jpg');
	background-repeat: repeat-x;
    min-height: 100%;
}

#footer 
{
    border-top: 1px solid gray;
    clear: both;
    width: 760px;
}
#footer_left 
{
    padding-top: 3px;
    padding-bottom: 5px;
    float: left;
    font-size: 12px;
    width: 50%;
}
#footer_right 
{
    padding-top: 3px;
    padding-bottom: 5px;
    float: right;
    text-align: right;
    font-size: 12px;
    width: 50%;
}