body{
 	margin: 0px;
 	padding:0;
 	background: #d8dee9;
 	}

h1 	{
	margin:0px 0px 15px 0px;
	padding:0px;
	font:bold 28px lucida calligraphy, verdana, arial, helvetica, sans-serif;
	color:white;
	background-color:000066;
	}
	
h2 	{
	font:bold 16px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 15px 0px;
	padding:4px;
	color:white;
	background-color:000066;
	}
	
h3 	{
	font:bold 16px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	color:#000066;
	background-color:#aeb8d1;
	}
	
p 	{
	font:12px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 6px;
	}
	
li	{
	font:12px verdana, arial, helvetica, sans-serif;
	}
	
.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	margin:20px 210px 20px 210px;
	border:1px solid black;
	background-color:white;
	padding:10px;
	z-index:3; 
	}
	 
 /* This header is for the top */
#hdr
{
 height:130px;
 background:#aeb8d1;
 color:#333333;
 margin:0;
 padding:10;
  }
  
 /* This header is for the side columns */ 
#hdr2
{
 height:40px;
 background:#000066;
 color:white;
 margin:0;
 padding:0;
  }
  
 /* This controls the entire top menu - including non-visible parts */
#navcontainer
{
background: #aeb8d1;
margin: 0 auto;
padding: 1em 0 0 0;
font-family: georgia, serif;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}
/* This defines the menu itself */
ul#navlist
{
list-style: none;
align: center;
padding: 0;
padding-left: 62px;
margin: 0 auto;
width: 100%;
font-size: 1.8em;
text-align: center;
}
/* Refer above */
ul#navlist li
{
display: block;
float: left;
width: 19%;
margin: 0;
padding: 0;
}
/* Refer above */
ul#navlist li a
{
display: block;
width: 100%;
padding: 1.0em;
border-width: 2px;
border-color: #000066;
border-style: solid;
color: #000066;
text-decoration: underline;
background: #d2d9e9;
}
/* I don't have a clue what this means */
#navcontainer>ul#navlist li a { width: auto; }
/* defines the highlighted link in top menu */
ul#navlist li#active a
{
background: white;
color: #000066;
}
/* This is defining how the links appear in the top menu */
ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #ffffff;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}
/* This is the left column, Library Links */	 
#lh-col{
 position: absolute;
 top: 150px;
 left: 20px;
 width: 180px;
 border: 2px solid #000066;
 margin: 0px;
 padding: 0px;
 height: 235px;
 }
 /* This is the right column, Quick Links */
#rh-col{
 position: absolute;
 top: 150px;
 right: 20px;
 width: 180px;
 border: 2px solid #000066;
 margin: 0px;
 padding: 0px;
 height: 235px;
 z-index: 1;
 }       
 /* This is the center column */       
#c-col{
 position: relative;
 margin: 20px 220px 20px 220px;
 border: 2px solid #000066;
 background: white;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px:
 color: #214684;
 padding: 0px;
 z-index: 13;
 }

#footer {
  text-align: center;
}
#footerbr { clear: both; }

 /* The following define the links in the main part of the page - both center and side columns */
a:link {
	color: #000066;
	font-weight: bold;
	text-decoration: underline;
	border: 1px none #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 5px;
	padding-left: 5px;
}

a:visited {
	color: #000066;
	font-weight: bold;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 5px;
	padding-left: 5px;
	}
	
a:active {
	color: #000066;
	font-weight: bold;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 5px;
	padding-left: 5px;
}

a:hover {
	color: #a593cd;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 5px;
	padding-left: 5px;
}
/* Links inside of text (without spacing) */
a.1:link {
	color: #000066;
	font-weight: bold;
	text-decoration: underline;
	border: 1px none #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 0px;
	padding-left: 0px;
}

a.1:visited {
	color: #000066;
	font-weight: bold;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 0px;
	padding-left: 0px;
	}
	
a.1:active {
	color: #000066;
	font-weight: bold;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 0px;
	padding-left: 0px;
}

a.1:hover {
	color: #a593cd;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 0px;
	padding-left: 0px;
}

/* Links on FAQs page */
a.2:link {
	color: #000066;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding-right: 0px;
	padding-left: 0px;
}

a.2:visited {
	color: #000066;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding-right: 0px;
	padding-left: 0px;
	}
	
a.2:active {
	color: #000066;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding-right: 0px;
	padding-left: 0px;
}

a.2:hover {
	color: #a593cd;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding-right: 0px;
	padding-left: 0px;
}

/* Links in top menu? */
a.menu:link
{ color: white; font-size: 14px; font-weight: bold; text-decoration: underline }
a.menu:visited
{ color: white; font-size: 14px; font-weight: bold; text-decoration: underline }
a.menu:hover
{ color: a593cd; font-size: 14px; font-weight: bold; text-decoration: none }
a.menu:active
{ color: white; font-size: 14px; font-weight: bold; text-decoration: underline }