body {
color: #333333;
background-color: transparent;
font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
font-size: smaller;
}

a { text-decoration: none; }

#outer {
width: 780px;
margin: auto;
float:left;
background: white;
}

#header {
 text-align: right;
 background-color: #3B5CBD;
}

ul.flatmenu { list-style: none; }
ul.flatmenu li {
 display: inline;
 width:90px;
 border:1px solid white;
}

ul.flatmenu li a {
color: #fff;
font-size: 13px;
padding: 0px;
background-color: #3B5CBD;
width: 90px;
margin-left: 4px;
margin-right: 4px;
}
ul.flatmenu li a:hover { text-decoration: underline; }
ul.flatmenu li.current a { font-weight: bold; }

/* The banner is a big black box */

#title {
    position: absolute;
    right: 0px;
    width: 225px;
}

#title img { margin: 18px 58px; }
#side { 
 float: right; 
 margin:2px;
}
#side a { text-decoration: none; }

#main {
float:left;
width:67%;
background:#fff;
border-right:2px solid #000;
border-bottom:2px solid #000;
margin-top:10px;
margin-right:15px;
margin-bottom: 15px;
padding-top:10px;
padding-bottom:20px;
}

#main h2 {
    color: #0099ff;
    margin-top: 1ex;
}

#main img {
float: none;
border: thin solid Silver;
vertical-align: middle;
width: 363px;
}

div.text {
 float: left;
 width:363px; 
 border: 1px solid #999;
 padding: 2px;
 margin: 2px 2px 2px 0;
}

div.introduction p {
width: 100%;
color: #fff;
background-color: #4378EC;
}

div.images {
float: left;
width: 323px;
height: 100%;
border: 1px solid #999;
padding: 2px;
margin: 2px;
background-color: White;
text-align: center;
}

img.left { float: none; }

#footer {
 clear: both;
 border: 1px solid #999;
 height:39px;
 margin-top: 5px; 
 width:100%;
 text-align: center;
}

#footer a { color: #333; }
#footer a { color: #333; }
#footer a:hover { color: #00f; }

.copyright {
color: #888888;
font: x-small;
}

div.children { text-align: left; }