html { height: 100%;}
body { margin:0; padding:0; height: 100%; font-family: Trebuchet MS; font-size:12px; background-color: #fff; color: #444; }
.fs { height:100%;}
/* right nav */
#right-nav {float:right; width:220px;}
#r-img { width:220px; height:150px; border-bottom:solid #444 1px;}
#r-menu { padding:50px 0 0 15px; margin-top:2px;}
#r-menu a:link { color:	#444;}
#r-menu a:visited {	color: #444;}
#r-menu a:active { color: #444;}
#r-menu a:hover	{ color: #FF0099; text-decoration: none;}
/* content */
.datum { color:#FF0099; font-size:14px; margin:2px 0 0 7px;}
#content { float:left; width:480px;}
#content ul { margin:0; padding:0; list-style-position:inside;}
/* header */
#head { float:left; width:480px; height:150px;}
/* top nav */
#top-nav {float:left; width:473px; padding:2px; padding-left:5px; font-size: 14px; text-transform: uppercase; background-color:#FF0099; border-bottom:solid #000 1px; border-top:solid #000 1px;} 
#top-nav a {color:#000;}
#top-nav a:hover {color:#fff;}
#top-nav a:active {color:#fff;}
#top-nav ul { color:#000; list-style: none;}
#top-nav li { float: left; margin-top:2px; padding-left:20px;}
/* stuff that dreams are made of*/
#mainCont { float:left; width:480px;}
#mainCont p {padding-top:15px; text-align: left; line-height: 1.2em; font-size: 1em; }
/* footer */
#foot { width:480px;}
/* links */
a	{ text-decoration: none;}
a:link { color:	#FF0099;}
a:visited {	color:	#FF0099;}
a:active	{ color: #444;}
a:hover	{ color: #444;	text-decoration: none ;}.
/* text style */
p { margin:0;}
h2 {font-size:18px; margin:0; padding:0;}
* common page items */
.page .mission { padding: 20px; font-size: 144%; }
.page .tabs { }
.page .help { }
.page .messages { color: #333333; background-color: #f0f0f0; border: 1px solid #c0c0c0; margin-bottom: 10px; }
.page .error { border-color: #ff0000; }
a img { border: 0px; }
h3 { font-size:16px; margin:0 padding:0;}
.title {font-size:16px; margin:0; padding:0;}
.date {font-size:11px; color:#444;}