body
{
font-family:Geneva,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif;
margin:2% 10% auto 10%;
}

/*
p:first-letter{float: left; padding: 0 5px 0 0; font-size: 150%; font-style: italic; font-weight: bold; text-shadow: 0.3em 0.3em 0.3em #666;}
*/

div #dans_block
{
display:block
}



div#content
{
position:absolute;
padding:0;
width:80%;
/*
border-left:1px solid #666;
border-right:1px solid #666;
border-bottom:1px solid #666;
border-top:1px solid #666;
*/
}

/*
div#content p
{
margin:0;
padding:10px 50px 0px 260px;
text-shadow:0.2em 0.2em 0.2em #000000;
}
*/

div#content #main
{
position:absolute;
/*float:right;*/
/*offset margin 129 for sidebar*/
margin:0px 0px 0px 129px;
/*use padding for spacing away from sidebar---t=10 r=0 b=0 l=25*/ 
padding:10px 0px 0px 25px;
text-align:left;
font-size:10px;
}

div#content #main #text
{
/*use padding for spacing away from sidebar---t=10 r=0 b=0 l=25---no margin here*/ 
padding:10px 40px 0px 0px;
text-align:left;
font-size:10px;
}


div#content #main #separator
{
margin:0;
/*no padding on right side for horizontal separation bar*/
padding:0;
font-size:15px;
text-align:left;
font-weight:normal;
text-shadow:0.1em 0.1em 0.1em #999;
border-bottom:3px solid #ccc;
}

div#content #main #separator_text_only
{
margin:0;
/*no padding on right side for horizontal separation bar*/
padding:0;
font-size:15px;
text-align:left;
font-weight:normal;
text-shadow:0.1em 0.1em 0.1em #999;
/*border-bottom:3px solid #ccc;*/
}




/*
div#content #menu a
{
display:block;
margin:1px 0 0 0;
padding:1px 10px 1px 0px;
width:128px;
text-align:right;
border-bottom:1px solid #cccbc1;

font-size:12px;
text-decoration:none;
text-shadow:2px 2px 4px #100;
}
*/


div#content #menu #picture
{
display:block;
width:128px;
padding:0 0 0 0;
/*background-color:#434953;*/
/*background-color:#7766ff;*/
background-color:#777777;
}

div#content #menu #gradient1
{
margin:1px 0 0 0;
width:128px;
padding:0;
/* background-color:#434953; */
/*background-color:#7766ff;*/
background-color:#777777;
}

div#content #menu #gradient2
{
margin:1px 0 0 0;
width:128px;
padding:0;
background-color:#555555;
}

div#content #menu #gradient3
{
margin:1px 0 0 0;
width:128px;
padding:0;
background-color:#666666;
}

div#content #menu #gradient4
{
margin:1px 0 0 0;
width:128px;
padding:0;
background-color:#777777;
}

div#content #menu #gradient5
{
margin:1px 0 0 0;
width:128px;
padding:0;
background-color:#888888;
}

div#content #menu #gradient6
{
margin:1px 0 0 0;
width:128px;
padding:0;
background-color:#999999;
}

div#content #menu #gradient7
{
margin:1px 0 0 0;
width:128px;
padding:0;
background-color:#aaaaaa;
}

div#content #menu #gradient8
{
margin:1px 0 0 0;
width:128px;
padding:0;
background-color:#bbbbbb;
}

div#content #menu #gradient9
{
margin:1px 0 0 0;
width:128px;
padding:0;
background-color:#cccccc;
}

div#content #menu #gradient10
{
margin:1px 0 0 0;
width:128px;
padding:0;
background-color:#ff6666;
}



div#content #menu a:link
{
display:block;
text-align:right;
font-size:12px;
text-decoration:none;
/*text-shadow:2px 2px 4px #100;*/
/* color:#ffffff; */
color:#000;
/*background-color:#aaf;*/
background-color:#fff;
/*border-left:1px solid #777;*/
border-right:2px solid #777;
border-bottom:1px solid #777;
/*border-top:1px solid #777;*/


/*border-width:1px;*/
/*border:solid #777777 1px;*/

padding:0 10 0 0;
}

div#content #menu a:visited
{
display:block;
text-align:right;
font-size:12px;
text-decoration:none;
text-shadow:2px 2px 4px #100;
/* color:#ffffff; */
color:#ffffff;
padding:0 10 0 0;
}


div#content #menu a:hover
{
display:block;
text-align:right;
font-size:12px;
text-decoration:none;
text-shadow:2px 2px 4px #100;
color:#ffffff;
padding:0 10 0 0;
background-color:#aaa;
}



div#content a:link
{
/*display:block;*/
/*text-align:right;*/
/*font-size:12px;*/
text-decoration:none;
text-shadow:2px 2px 4px #100;
color:#000;
/*padding:0 10 0 0;*/
background-color:#eeeeee;
/*background-color:#eeddff;*/
}

div#content a:visited
{
/*display:block;*/
/*text-align:right;*/
/*font-size:12px;*/
text-decoration:none;
text-shadow:2px 2px 4px #100;
/* color:#ffffff; */
color:#000;
/*padding:0 10 0 0;*/
}


div#content a:hover
{
/*display:block;*/
/*text-align:right;*/
/*font-size:12px;*/
text-decoration:none;
text-shadow:2px 2px 4px #100;
color:#ffffff;
/*padding:0 10 0 0;*/
background-color:#ccc;
}

div#content #framed_picture
{
//background-color:#ccc;
float:center;width:100%;
text-align:left;
//margin:10px 10px 10px 0;
padding:30px;
border-width:1px;
border:solid #777777 1px;

}


div#test_one{float:left;text-align:left;margin:10px 10px 10px 0;padding:10px;border-width:1px;border:solid #777777 1px;}
div#test_two{float:right;text-align:right;}


div#framed_annotated_inline{text-align:left;margin:10px 10px 10px 0;padding:10px;border-width:1px;border:solid #777777 1px;}
div#inset{float:left;float:right;text-align:left;margin:10px 10px 10px 0;padding:10px;border-width:1px;border:solid #777777 1px;}
div#inset_left{float:left;text-align:left;margin:10px 10px 10px 0;padding:10px;border-width:1px;border:solid #777777 1px;}
div#inset_right{float:right;text-align:left;margin:10px 0 10px 10px;padding:10px;border-width:1px;border:solid #777777 1px;}

div#annotated_inset{float:left;float:right;text-align:left;margin:10px 10px 10px 0;padding:10px 10px 5px 10px;border-width:1px;border:solid #777777 1px;}
div#annotated_inset_left{float:left;text-align:left;margin:10px 10px 10px 0;padding:10px 10px 5px 10px;border-width:1px;border:solid #777777 1px;}
div#annotated_inset_right{float:right;text-align:left;margin:10px 0 10px 10px;padding:10px 10px 5px 10px;border-width:1px;border:solid #777777 1px;}





/*margin:0;*/
/*no padding on right side for horizontal separation bar*/
/*padding:0;*/
/*font-size:15px;*/
/*text-align:left;*/
/*font-weight:normal;*/
/*text-shadow:0.1em 0.1em 0.1em #999;*/
/*border-bottom:3px solid #ccc;*/



/*div#header_banner{float:left;text-align:left;margin:10px 10px 10px 0;padding:10px 10px 5px 10px;border-width:1px;border:solid #777777 1px;}*/
div#header_banner{float:left;text-align:left;margin:0px 0px 0px 0;padding:10px 10px 5px 10px;border-width:1px;border-top:1px solid #777777;}

div#seasons_greetings{float:left;text-align:left;margin:10px 10px 10px 0;padding:30px 30px 20px 30px;border-width:1px;border:solid #777 5px; background-color:#111; color:#ff0000; font-size:12px;}



div#gradation1{background-color:#778877;}
div#gradation2{text-align:left;padding:2px 2px 2px 2px;border-width:1px;color:#ffffff;background:#999999;}
div#gradation3{text-align:left;padding:2px 2px 2px 2px;border-width:1px;color:#ffffff;background:#888888;}
div#gradation4{text-align:left;padding:2px 2px 2px 2px;border-width:1px;color:#ffffff;background:#777777;}
div#gradation5{text-align:left;padding:2px 2px 2px 2px;border-width:1px;color:#ffffff;background:#666666;}
div#gradation6{text-align:left;padding:2px 2px 2px 2px;border-width:1px;color:#ffffff;background:#555555;}
div#gradation7{text-align:left;padding:2px 2px 2px 2px;border-width:1px;color:#ffffff;background:#444444;}
div#gradation8{text-align:left;padding:2px 2px 2px 2px;border-width:1px;color:#ffffff;background:#333333;}
div#gradation9{text-align:left;padding:2px 2px 2px 2px;border-width:1px;color:#ffffff;background:#222222;}
//div#gradation10{text-align:left;padding:2px 2px 2px 2px;border-width:1px;color:#ffffff;background:#1c1c1c;}
//div#gradation11{text-align:left;padding:2px 2px 2px 2px;border-width:1px;color:#ffffff;background:#111111;}
div#gradation10{text-align:left;padding:2px 2px 2px 2px;border-width:1px;color:#ffffff;background:#ccccff;}