#viewport {
	background-color:#FFF;
}
#navbar {
   float:left;
   width:100%;
   background:#fff;
   overflow:hidden;
   position:relative;
}
#navbar ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
   font-size:80%;
   font-family:Verdana, "Comic Sans MS", Arial, "times New Roman";
   font-weight:bold;
   font-variant:small-caps;
}
#navbar ul li {
   display:block;
   float:left;
   border-color:#333;
   border-bottom:1px solid;
   border-top:1px solid;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   background-color:#fFF;
}
#navbar ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background-color:#fff;
   color:#03F;
   text-decoration:none;
   line-height:1.3em;
}
#navbar ul li a:hover {
   background:#BB2129;
   color:#fff;
   font-weight:bold
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (right menu) settings */
.rightmenu {
	background:#9FF;		/* right column background colour */
}
.rightmenu .colleft {
	right:25%;			/* right column width */
	background:#FF6;	/* left column background colour */
}
.rightmenu .col1 {
	width:71%;			/* left column content width (left column width minus left and right padding) */
	left:27%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:21%;			/* right column content width (right column width minus left and right padding) */
	left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
#maincontent {
	width:98%;
	font-family:Verdana, "Comic Sans MS", Arial, "times New Roman";
	font-size:80%;
	line-height:1.25em;
	padding-top:4px;
	text-align:left;
}

#maincontent h1 {
	font-size:125%;
	color:#333333;
}

#maincontent h2 {
	font-size:105%;
	color:#333333;
}

.substory {
	margin-left:5%;
	margin-right:5%;
}

#footer {
	float:left;
	width:100%;
	padding:5px;
	font-size:60%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
