body
{
 background-image: url("images/sky.jpg");
 background-color: #eee;
 font-family: verdana, sans serif
}

dl
{
 max-width:750px;
}

dt
{
 margin-top:15px;
 margin-bottom:12px;
 font-size:18px;
 font-weight:700;
}

dd
{
 margin-bottom:20px;
 font-size:15px;
}

li.modules
{
 font-size:24px;
 font-weight:700;
}

span.modules
{
 background-color:#8df;
}

#slogan
{
 margin-top:25px;
}


img
{
 border-radius:10px;
 margin:10px;
}

img.nomarg
{
 margin:0px;
}

.intro, .introright
{
 font-size:13pt;
 font-family:serif;
 width:42%;
 border: 1px solid blue;
 padding:12px;
 margin-left:56%;
}

.introleft
{
 float:left;
 width:52%;
 border:1px solid blue;
 padding:0px 12px;
}

.introtop
{
 width: 98%;
 border:1px solid blue;
 padding:12px;
 text-align:center;
 margin-bottom:25px;
}

.footer
{
 font-size:16px;
}

.spaced
{
 margin:0px 20px;
}

.menuitem
{
 display:inline-block;
 background-color: #04A;
 color: white;
 text-align:center;
 text-decoration:none;
 border-radius:10px;
 font-size:14px;
 height: 18px;
 padding: 0px 12px; 
 margin-bottom:5px;
}
.menuitem:hover
{
 background-color:#06D;
}

.box
{
 width: 600px;
 border: 1px solid black;
 padding: 10px;
}

div.expander
{
 font-size:11px;
 font-weight:300;
 border-radius:10px;
 background-color: #888;
 color:white;
 display:inline-block;
 padding:0px 4px;
}

div.expander:hover
{
 background-color:#06D;
}

hr.invis
{
 visibility:hidden;
}

img.imgleft
{
 float:left;
 margin-top:0px;
}

img.imgright
{
 float:right;
 margin-top:0px;
}