p,table,li,h1,h2,h3,.headline,.subtitle
{
font-family: verdana, arial, 'sans serif'; 
}

p, h1, h2, h3, li, hr
{
margin-left: 10pt;
}

p,li,th,td
{
font-size: 90%;
}

.headline
{
font-size: 300%
}

.subtitle
{
font-size: 147%
}

body
{
#ffffff;
}

h2,h3,hr
{
color: firebrick;
}

a:link {COLOR: firebrick;}
a:visited {COLOR: firebrick;}
a:active {COLOR: navy;}
a:hover {COLOR: navy;}

a.content:link {COLOR: seashell;}
a.content:visited {COLOR: seashell;}
a.content:active {COLOR: seashell;}
a.content:hover {COLOR: papayawhip;}

#expanded-div {
 position: absolute;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 -webkit-transition: opacity 0.6s ease-in-out;
 -moz-transition: opacity 0.6s ease-in-out;
 transition: opacity 0.6s ease-in-out;
}

.contract {
 -webkit-transition: opacity 0.6s ease-in-out;
 -moz-transition: opacity 0.6s ease-in-out;
 transition: opacity 0.6s ease-in-out;
 opacity: 0;
}

.contracted {
 z-index: 0;
 opacity: 0;
 visibility: hidden;
 -webkit-transition: opacity 0.6s ease-in-out;
 -moz-transition: opacity 0.6s ease-in-out;
 transition: opacity 0.6s ease-in-out;
}

.expand {
 -webkit-transition: opacity 0.6s ease-in-out;
 -moz-transition: opacity 0.6s ease-in-out;
 transition: opacity 0.6s ease-in-out;
 opacity: 1;
 z-index: 2;
 visibility: visible;
}

#shade {
 background-color: #999999;
 position: absolute;
 height: 100%;
 width: 100%;
}

.shade-expand {
 -webkit-transition: opacity 0.6s ease-in-out;
 -moz-transition: opacity 0.6s ease-in-out;
 transition: opacity 0.6s ease-in-out;
 z-index: 1;
}