* /* Our "universal rule" */
{
padding: 0;
margin: 0;
border: 0;
}
body {
	text-align: center;
	background: #FFFFCC;
}
#mainContainer {
	width: 730px;
	margin: 0 auto; /* We are going to center this design */
	text-align: left; /* Since we used text-align: center in the body to be sure some older IE versions are going to center our design, we now align the text left */
}
#header {
	background: Silver url(images/wavybanner.jpg) no-repeat;
	height: 179px;
}
h1,h2,h3,h4,h5,h6,p,ul {
	color: Navy;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 4px;
	padding-bottom: 12px;
}
table {
	color: Navy;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	padding-left: 4px;
	padding-bottom: 12px;	
}
#GBs {
	color: navy;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}
#content {
	float: right; /* Our content is going to be right aligned. */
	width: 530px; /* And it's going to have a 530px width */
	background: #FFFFCC;
}
#content h1 {
	font-size: 2em;
	color: Navy;
}
#content h2 {
	font-size: 1.5em;
	color: Navy;
}
#content h3 {
	font-size: 1em;
	color: Navy;
}
#content p {
	font-size: smaller;
	color: navy;
}
#content ul {
	font-size: smaller;
	color: navy;
}
#content hr {
	color: navy;
	background-color: navy;
	height: 1px;
	width: 100%
	margin-top: 1em;
	margin-bottom: 1em;
}
#column {
	float: left; /* Our column is going to be left aligned. */
	width: 200px; /* Our total width - content width is 200px */
	background: #FFFFCC;
}
#column h2 {
	font-size: 1em;
	padding-top: .75em;
	color: Navy;
}
#column p {
	font-size: smaller;
	color: Navy;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#column a  {display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: smaller; padding-bottom: 2px; padding-left: 1em; text-decoration: none; margin: 0px 6px; color: Navy;}
#column a:link  {display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: smaller; padding-bottom: 2px; padding-left: 1em; text-decoration: none; margin: 0px 6px;}
#column a:visited  {display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: smaller; padding-bottom: 2px; padding-left: 1em; text-decoration: none; margin: 0px 6px;}
#column a:active  {display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: smaller; padding-bottom: 2px; padding-left: 1em; text-decoration: underline; margin: 0px 6px;}
#column a:hover  {display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: smaller; padding-bottom: 2px; padding-left: 1em; text-decoration: none; color: white; background-color: Navy; margin: 0px 6px;}

#footer {
	clear: both;
	/* We have to clear our floats */
	width: 730px;
	/* We need to set the width on the footer since it's outside the mainContainer, and therefore isn't controlled by it */
	margin: 0 auto;
	/* We need to center the footer also */
	background: Gray;
	color: navy;
	font-size: x-small;
	padding-top: 6px;
}
#clockline {
	color: white;
	background-color: Gray;
	font-size: 70%;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 1em;
	font: x-small Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
}
#caption {
	color: navy;
	font-size: 70%;
	font: x-small Verdana, Geneva, Arial, Helvetica, sans-serif;
}