body {
	font-family: arial,verdana,helvetica,sans-serif;
	background: #000000;
	color: #ffffff;
	margin-bottom: 30px;
}

#wrapperbox {
	background: #000000;
	color: #ffffff;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	border: 1px solid #000000;
	
	/* i don't like this, but for pages with really short content panes,
	 * the navbar pane gets truncated at the bottom.  need a better remedy.
	 */
	min-height: 616px; 
	/* */	
}

#banner {
	text-align: center;
	height: 50px;
	/*padding: 7px 3px 7px 3px;*/
	padding: 0px 0px 0px 0px;
}

#navbar {
	text-align: right;
	position: absolute;
	left: 23px;
	top: 102px;
	width: 145px;
	padding: 10px 10px 10px 5px;
}

#content {
	text-align: left;
	margin-left: 145px;
	padding: 0 0px 7px 20px; 
}

#footer {
	text-align: center;
	position: relative;
	width: 100%
}

a:link {
	color:            #ff0000;
	text-decoration:  none;
}

a:visited {
	color:            #ff6767;
	text-decoration:  none;
}

a:hover {
	color:            #646464;
	text-decoration:  underline;
}

a:active {
	color:            #ffffff;
	text-decoration:  none;
}

img {
	border:           0;
}

.nxxs {
	font-size:        xx-small;
}

.nxs {
	font-size:        x-small;
}

.ns {
	font-size:        small;
}

.nm {
	font-size:        medium;
}

.nl {
	font-size:        large;
}

.nxl {
	font-size:        x-large;
	background:	  #304090;
}

.nxxl {
	font-size:        xx-large;
}

.fm {
	font-family:      "courier new",courier,monospace;
	font-size:        medium;
}

.attrib {
	color:						#ffffff;
	font-size:        small;
	text-align:       center;
}

blockquote {
	margin-right:			0;
	padding-right:		3px;
}

/* these two will probably give me headaches later */
p {
	text-align:				justify;
	margin-left: 10px;
	margin-right: 10px;
}

li {
	text-align:				justify;
}