body 
{
margin: 20px 0px 50px 0px; 
padding: 0px;
text-align: center;
background-color: #435036;
background-image: url(chlexfic-tausta.jpg);
color: #405D58;


font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size: 12px;
}




#outer-limits
{
position: relative;
width: 824px;
margin: 0px auto;
padding: 0px;
border: dotted #9CB9F4 0px;
}



#header1 
{
width: 824px;
height: 180px;
margin: 0px auto;
text-align: center;
padding: 0px;
border: 0px;
background-color: #FFFCF3;
background-image: url(chlexfic-title01a.jpg);
background-repeat: no-repeat; 
background-position: top center;
}

#header2 
{
width: 824px;
height: 175px;
margin: 0px auto;
text-align: center;
padding: 0px;
border: 0px;
background-color: #FFFCF3;
background-image: url(chlexfic-title01b.jpg);
background-repeat: no-repeat; 
background-position: top center;
}




#bodyblock 
{
position:relative;
width: 824px;
margin: 0px auto;
padding: 0px;
border: solid #000000 0px;
background-color: #FFFCF3;
background-image: url(chlexfic-main-tausta.jpg);
}



#links
{
float: left;
width: 150px; 
margin: 0px 0px 0px 50px;
padding: 50px 0px 0px 0px;
border: solid #000000 0px;
text-align: left;
}



#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: right;
border: solid #000000 0px;
}

#navcontainer ul li
{
width: auto;
margin: 0px;
padding: 5px;
}

#navcontainer ul li a
{
display: block;
text-decoration: none;
padding: 4px 5px 4px 5px;
color: #597F61;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 1px;
text-shadow: 1px 1px 1px #887384;
border-bottom: 1px dotted #8AA091;
}

#navcontainer ul li a:hover
{
color: #48C238;
background-color: #FCFAE5;
font-weight: bold;
text-shadow: 1px 1px 1px #887384;
border-bottom: 1px dotted #48C238;
}





#main 
{
width: 500px;
margin: 0px 0px 0px 240px;
padding: 50px 0px 1px 20px;
text-align: left;
border-left: dotted #8AA091 1px;
border-right: none;
border-top: none;
border-bottom: none;
}


#bottom 
{
width: 824px;
height: 100px;
margin: 0px auto;
text-align: center;
padding: 0px;
border: 0px;
background-color: #FFFCF3;
background-image: url(chlexfic-bottom.jpg);
background-repeat: no-repeat; 
background-position: top center;
}



a:link { color: #67937A; text-decoration: none }
a:visited { color: #C66F3A; text-decoration: none }
a:hover { color: #48C238; background-color: #FDFEC2; text-decoration: none }



h1 {font-size: 20px; font-weight: bold; margin: 0px; padding: 5px;}
h2 {font-size: 18px; font-weight: bold; margin: 0px; padding: 5px;}


h3 
{
color: #C66F3A;
font-family: Georgia, "Times New Roman", serif;
font-size: 16px; 
font-style: italic; 
font-weight: bold; 
text-decoration: overline; 
margin: 0px; 
padding: 5px;
}


h4 {font-size: 14px; font-weight: bold; margin: 0px; padding: 5px;}
h5 {font-size: 12px; font-weight: bold; margin: 0px; padding: 5px;}



h6 
{font-size: 11px; 
font-weight: bold; 
letter-spacing: 1px; 
margin: 0px; 
padding: 5px;
border-bottom: 1px dotted #DAD6C4;
}



.rec-link { text-align: right; text-decoration: none; font-weight: bold; }

.justify { text-align: justify; } 


.filler { margin: 1px; }

.imgborder { border: 5px solid #D9E1DB; } 




table
{
width: 500px;
margin: 0px; 
padding: 0px;
border-collapse: collapse;
border: 0px solid #e5eff8;
}


th 
{
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
color: #6E4428;
border: 1px dotted #D6CBC8;
letter-spacing: 1px;
text-align: left;
padding: 6px;
}


td 
{
text-align: left;
padding: 6px 6px 6px 12px;
border: 0px solid #e5eff8;
}


td.odd 
{
font-weight: bold;
}