.hidden 
{ 
   display: none; 
}

.unhidden 
{ 
   display: block; 
}

body
{
   font-family: georgia, "trebuchet ms", verdana, georgia, arial;
   padding-top: 2%;
   background-color: #6078D8; /* #EFF2E9; */
   text-align:center;
   color: black;
}


#main
{
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 50em;
    background-color: white;
    padding-top: 2em;
    padding-left: 4em;
    padding-right: 4em;
    padding-bottom: 1em;
    border : 0.1em solid black;
}

#nav
{
   align:center;
   text-align:center;
}

#nav p
{
   margin-top: 0;
   float: left;
}

#nav ul li
{
    display: inline;
}

#nav ul li a
{
   font-size: 1.4em;
   padding-left: 5px;
   padding-right: 5px;
}

/*
#nav a:visited
{
   color: blue;
}
*/
.subnav
{
	padding-top: 3%;
	padding-bottom: 3%;
	width: 160px;
}

.subnav a
{
   padding-right: 2%;
}

.headline
{
   margin-left: 10em;
}

.text-content
{
   font-size: 1em;
   max-width: 34em;
   min-width: 25em;
   line-height: 1.4;
}

.lead
{
   font-style: oblique;
}

#nav h1, h2, h3, h4, h5
{
   font-family: "gill sans", "franklin gothic", sans-serif;
   margin: 0;
   padding: 0;
}

h1, h2, h3, h4, h5
{
   font-family: "gill sans", "franklin gothic", sans-serif;
}

#home
{
   float: right;
   padding-right: 2%;
   font-size: 1.4em;
}

.code
{
   font-family: courier, monospace;
}

ul
{
   list-style: none;
}

.description_block
{
   width: 35em;
   font-size: 0.9em;
   padding-top: 30px;
}

.description_block_first
{
   width: 400px;
}

.right_side_links
{
   float: right;
   /*margin-right: 40%;*/
   padding-right: 25%;
}

.pic
{
	float: right;
}

hr
{
	height: 3px;
	color: #CD0000;
	background-color: #CD0000;
}

#switch
{
   font-family: monaco, courier, "andale mono", monospace;
   font-size: 0.9em;
}