body {
	/* colors */
	background-color: rgb(2,4,7);
	/*background-image: url("background.png");*/
	background-repeat: repeat-x, repeat-y;
	color: rgb(255, 255, 255);
	
	/* fonts */
	font-size: 1.0em;
	font-family: arial, helvetica;
}

#mainSection {
	width: 750px;
	border-style: solid;
	border-width: 4px;
	border-color: #3264C8;
	background-color: rgb(14,27,54); /*rgb(0, 0, 0);*/
	color: rgb(255,255,255);
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

#bannerSection {
	height: 265px;
}

#navSection {
	height: 24px;
}

#textSection {
	text-align: left;
	margin-left: 1em;
	margin-right: 1em;
}

#textSection a:link { color: rgb(255,255,0); text-decoration: none; }
#textSection a:visited { color: rgb(255,255,0); text-decoration: none; }
#textSection a:hover { color: rgb(255,255,0); text-decoration: underline; }

#formSection {
	text-align: left;
	margin-left: 10em;
}

#footerSection {
	font-size: 0.75em;
}

/* id's start with # and apply to only that id */
#testId {
	color: rgb(0, 255, 0);
}

/* classes start with . and can be used by multiple HTML tags */
.testClass {
	color: rgb(0, 0, 255);
}

/* this class pertains to <p> elements only */
p.rum { 
	color: rgb(255, 0, 0);
}

#navlinks li {
	position: absolute;
	padding: 0.5em;
	top: 0;
	left: 0;
	list-style: none;
	display: inline;
	height: 10em;
}

#content {
	margin-top: 10em;
}

#sideHeader {
	position: absolute;
	background: transparent url("background.gif") no-repeat left top; 
	width: 271px;
	height: 45px;
}

#header {
    float: center bottom;
    width:70%;
    /*background:transparent url("background.gif") no-repeat left top;*/
	background:#DAE0D2 url("bg.gif") repeat-x bottom;
    font-size:93%;
    line-height:normal;
	/*height: 100px;*/
}
#header ul {
    margin:0;
	margin-left: 271px;
	margin-top: 7px;
    padding:10px 10px 0;
    list-style:none;
	background: transparent url("uline.gif") repeat-x left bottom;
    }
#header li {
    float:left;
	background: url("norm_right.gif") no-repeat right top;
    /*margin:0;*/
	margin-left: 10px;
    padding:0;
}
#header a {
    display:block;
	background: url("norm_left.gif") no-repeat left top;
	padding:5px 15px;
	text-decoration: none;
}

#header a:hover {
	font-weight: bold;
}

#header #current {
	background-image: url("norm_right_on.gif");
}
#header #current a {
	background-image:url("norm_left_on.gif");
}

/* TEST CODE */

#navcontainer ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #3264C8; /*#036;*/
color: #FFF;
width: 100%;
font: bold 90% arial, helvetica, sans-serif;
text-align: center;
}

li { display: inline; }

li a
{
text-decoration: none;
background-color: #3264C8; /*#036;*/
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;
}

li a:hover
{
background-color: #a0a0a0; /*#369*/;
color: #ffff;
}

li a.current 
{
	text-decoration: none;
	background-color: rgb(14,27,54); /*#000000;*/ /*#036;*/
	color: #ffffff;
	padding: .2em 1em;
	border-right: 1px solid #fff;
}

#dateHeader {
	background-color: #3264C8;
	color: #ffffff;
	padding: 4px;
	/*text-align: center;*/
	font-weight: bold;
}

* { outline:none; }

img.floatLeft {
	float: left;
}

img.floatRight {
	float: right;
}