html {
 font-size:80%;
 height:100%;
}
body {
 margin: 0px;
 padding:0px;
 font-family: arial;
 color: #000066;
 font-size : 1em;
 background-color:#fefefe;
 height:100%;
 font-family: "trebuchet ms", georgia, verdana, helvetica, arial;
}
/* Keep IE and mozilla looking the same */
p {
 margin:0px 0px 0.6em 0px;
}
/* define a fancy paragraph style */
p.fancy {
 text-indent:0.1em;
}
p.fancy:first-letter {
 font-style:bold;
 font-size:110%;
 color:#000066;
}
/* links */
a {
 text-decoration:none;
 color:#000066;
}
a:hover {
 color:#3300ee;
}
/* logo */
h1.logo {
 display:inline;
 margin-right:30px;
 font-size:3em;
}
/* page layout */
#page {
 margin-left:3px;
 margin-right:3px;
 padding-left:10px;
 background-color:#ffffff;
 border-left: solid 1px #e8e8e8;
 border-right: solid 1px #e8e8e8;
 height:100%;
 max-width:700px;
}
#pageinner {
 text-align: left; 
 padding-right:10px;
 height:100%;
}
#content {
 padding-bottom:10px;
}
/* header styles */
#header h1 a {
 text-decoration:none;
 color: #000066;
}
#strapline {
 font-style:oblique;
 display:inline;
}
#header {
 margin:0;
 padding:0;
 padding-bottom:10px;
 border-bottom:solid 1px #000066;
 font-family: "trebuchet ms", arial;
}
/* navigation styles */
#navigation {
 margin:0 0 10px 0;
 padding:0;
 border-bottom:solid 1px #000066;
}
#navigation ul {
 background-color:#f4f4ff;
 margin:0px;
 margin-top:2px;
 margin-bottom:2px;
 padding:0 0 0 2px;
}
#navigation li {
 display:inline;
 padding-left:5px;
 padding-top:2px;
 padding-bottom:2px;
}
#navigation a {
 margin:0px;
 text-decoration:none;
 color:#000066;
 padding-right:10px;
 background-image:url(../img/navdiv.gif);
 background-position:right;
 background-repeat:repeat-y;
}
#navigation a:hover {
 color:#3300ee;
}
/* box container styles */
.infobox {
 max-width:400px;
 background-color:#f8f8f8;
 margin:2px 0px 8px 0px;
 padding:8px 8px 8px 8px;
 border: solid 1px #e8e8e8;
 color:#202020;
 min-height:300px;
/* font-family:verdana,arial;*/
}
.infoboxhead {
 background-color:#f4f4ff;
 margin:-2px -2px 2px -2px;
 padding:4px;
 border-bottom: solid 1px #e8e8e8;
}
.infoboxhead .heading {
 width:100%;
 font-size:1.5em;
 color:#000066;
}
.infoboxhead h1 {
 width:100%;
 font-size:1.5em;
 margin:0;
 color:#000066;
}
.infobox h2 {
 font-size:1.2em;
 color:#000066;
}
/* helpers */
.floatright {
 float:right;
}
.floatleft {
 float:left;
}
.clear {
 clear: both;
 display: block;
 height: 1px;
 overflow: hidden;
 margin: 0;
 padding: 0;
} 

/* 2 column layout */
.twocolleft {
 width:49%;
 float:left;
 min-width:150px;
 margin-right:2px;
}
.twocolright {
 width:49%;
 float:left;
 min-width:150px;
 margin-left:2px;
}
/* 3 column layout */
.threecolleft {
 width:33%;
 float:left;
 min-width:150px;
}
.threecolmiddle {
 width:33%;
 float:left;
 margin-left:4px;
 margin-right:4px;
 min-width:150px;
}
.threecolright {
 width:32%;
 float:left;
 min-width:150px;
}