body { scrollbar-face-color: rgb(50, 67, 149);
scrollbar-highlight-color: #ccccff;
scrollbar-shadow-color: rgb(50, 67, 149);
scrollbar-3dlight-color:rgb(50, 67, 149);
scrollbar-arrow-color: #ccccff;
scrollbar-track-color: rgb(50, 67, 149);
scrollbar-darkshadow-color: #ccccff;
}

body { 	background-color: rgb(174, 188, 255)/*#ccccff; this is the lighter blue color rgb(50, 67, 149)*/;
	background-image: url("collborder.jpg");
	color: black;
	background-repeat: repeat-y;
      }

body { 	font-family: Verdana, Arial, sans-serif;
	font-size: 12pt;
	}

body a:link { color: white;
		text-decoration: none;
		}

body a:visited { color: white;
		font-style: italic;
		text-decoration: none;}

body a:hover { color: rgb(50, 67, 149);
		text-decoration: none;
	}		


/* This makes the top picture flush with the top and left border*/
#headerpic { position: absolute;
		 left: 0em;
		 top: 0em; 
	}

/* This is the id for the navbar links on the side. I'm still not sure what it's relative to.*/

#navbar { position: absolute;
		top: 14em;
		left: .5em;
		font-family: Verdana, Arial, sans-serif;
		color: black;
	}


#navbar	{ width:105px; border-width:1px; border-style: solid;
		background-color: rgb(50, 67, 149);
		}


#navbar a:link {	color: white;
			background-color: rgb(50, 67, 149);
			text-decoration: none;
		}
#navbar a:visited {	color: #ccccff;
			background-color: rgb(50, 67, 149);
			text-decoration: none;
		}

#navbar a:hover	{	background-color: white;
			color: black;		
			text-decoration: none; 
		}	

/*Hopefully this will put the main content in the right place*/

#structure { margin-left: 10em;
		position: absolute;
		top: 200px;
		left: 5px; 
		right: 150px;
		padding: 0px;}

#content {	padding: 0em 0em 0em 0em;
		}

/*This is for the little 'new' box at the top of the screen*/

#new { background-color: rgb(50, 67, 149)/*#ccccff*/;
	color: #ccccff;
	font-family: Verdana, Arial, sans-serif;
	border: 3px solid black;
	width: 500px;
	padding: .5em
	
	}

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

#new a:visited { color: black;
		font-style: italic;
		text-decoration: none;
		}

#new a:hover { color: white;
		text-decoration: none;
	}	




/*What do I need to add? Assign colors to the scroll bar. Assign colors to the regular links.
great #newbox with light blue as bg, and margins. Then figure out where the content goes. You 
might have to put in a table in your html for that. Then include a hr and a text navbar at 
the bottom. Oh, and look up the style for no border around images that are links.*/