body
{
 margin: 0px;
 padding: 0px;
 font-family: arial, sans-serif;
 font-size: 13px;
}

#div1
{
 width: 100%;
 height: 194px;
 background-color: #333333;
}
#div2
{
 width: 100%;
 height: 194px;
 background-color: #666666;
}

#thebody
{
 width: 860px;
/* height: 400px; */
 margin-top: 20px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 background: url("body.gif");
 background-repeat: repeat-y;
 /*border: 1px dotted green;*/
}

#leftbit
{
 display: inline;
 float: left;
 width: 150px;
 margin-left: 0px;
 text-align: left;
 /*border: 1px dotted brown;*/
 
}

#middlebit
{
 float: left;
 margin-left: 30px;
 padding-top: 20px;
 width: 500px;
 /*border: 1px dotted blue;*/
 text-align: left;
}

#rightbit
{
 float: left;
 color: #FFFFFF;
 width: 135px;
 padding-top: 15px;
 text-align: left;
 margin-left: 40px; 
}

#rightbit h1
{
 font-size: 13px;
 margin: 0px;
 padding: 0px;
 margin-bottom: 10px;
}

#archive
{
 width: 100%;
 padding-left: 20px;
 padding-right: 20px;
}

.bodytext
{
 padding: 15px;
 text-align: left;
}


ul#navigation
{
 margin-top: 20px;
 margin-left: 0px;
 padding-left: 0px;
 list-style-type: none;
}

ul#navigation a
{
 width: 145px;
 display: block;
 text-decoration: none;
 background: #BBBBBB; /*#B2C0E9 ;*/ /*#036;*/
 color: black; /*red; /*#3366FF;*/
 padding: 2px 0px 2px 5px; 
 border-bottom: 1px dotted #FFFFFF;

}

ul#navigation a:hover
{
 color: #FFFFFF;
 background: #555555; /*#69C;*/
}

#pics
{
}

#pics img
{
 margin-bottom: 10px;
}

.clr
{
 clear: both;
}

h2
{
 padding-left: 15px;
 font-size: 14px;
 margin-bottom: 0px;
 padding-bottom: 0px;
}