#container
{
	width: 95%;
	margin: 10px auto;
	background-color: #cccccc;
	border: 1px solid gray;
	font-size: 12pt;
	font-family:  sans-serif;
}

#spacer
{
	height: 0px;
	margin-top:0px;
	font-family: palatino, serif;
	background-color: transparent;
}

#header
{
	clear:both;
	padding: 0.5em;
	padding-left:1.5em;
	background-color: #cccccc;
	color: #333399;
	height: 90px;
	font-family: palatino, serif;
	background-image: url("cc_header_01.jpg");
	background-repeat: no-repeat;
}


/*background-color here should match the #container background-color.*/

#navcontainer 
{ 
	float:left;
	margin-top:15px;
	margin-left: 5px;
	background-color: #cccccc
	width: 130px;
	
	font-size: 10pt;
}

#navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0 0 1px 0; }


/*color here is text color for the whole navbar*/
#navcontainer a
{
	display: block;
	padding: 5px 10px;
	width: 110px;
	color: #ffffff;
	background-color: #333333;
	text-decoration: none;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #036;
	border-bottom: 1px solid #036;
}



/*#navcontainer is the color scheme when the mouse
  hovers over a button on the css menu.
  It is black text over a sky blue background.*/
  
#navcontainer a:hover
{
	color: #ffffff;
	background-color: #003399;
	text-decoration: none;
}


/*#navcontainer li #current defines the color scheme
  of the current page.
  It is black text over a gold background.*/

#navcontainer li #current
{
	color: #003399;
	background-color:#cccccc;
	border-top: 1px solid #036;
	border-left: 1px solid #036;
	border-right: 1px solid #036;
	border-bottom: 1px solid #036;
}

#main
{
	background:#cccccc;
	margin-top:15px;
	margin-left:160px;
	margin-right:10px;
	
	border: 1px solid gray;
	padding:0.5em;
	
	max-width: 36em;
	min-height:500px;
	
	font-family: sans-serif;
	font-size: 11pt;
}

#footer
{
	clear:both;
	padding:0.2em;
	margin-top:5px;
	margin-left:0px;
	background-color:#003399;
	color: #ffffff;
	border-top: 1px solid gray;
	font-size: 0.8em;
	text-align:right;
}

/*The following code changes the color scheme
for hyperlinks*/

a:link
{
	color: #003399;
}

a:visited 
{
	color: #333333;
}

a:hover 
{
	color: #ff9900;
}

a:active
{
	color: #66ff33;
}