body {margin: 0; padding:0;}
h1 {font-size: 300%;  text-align: center; margin: 0; padding: 0;}
h2 {font-size: 200%; text-align: right; border-bottom: 1px solid grey;}
h3 {font-size: 150%}
h4 {font-size: 150%; color: blue; display: block; border-bottom: 1px dashed grey;}
ul {margin: 0; padding: 0;}
li {list-style: none;}
a  {font-weight: bold; color: black; margin: 0; padding: 0;
   font-size: 110%;}
p {text-align: left; }
a:active, a:visited, a:link {
	color: black;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}

DIV#top_pic {
	position: absolute; top: 0; left: 0; 
    margin: 1em 0 1em 10px;
}

DIV#mast_head {
	position: relative;
	top:0;
	height: 100px;
    /* background: transparent url('../images/top_bkg.jpg') top left;	*/
    /* background: transparent url('../images/top_bak.gif') repeat-x; */
    background: #81806c;
	margin: 0;
	padding: 1em 0 2em 0;
	border-bottom: 3px solid white;

}
/* left margin helps keep h1 from sliding under the airplane when the page is squished in the x dir
   and the line height makes the text look centered in the y position when the squished happens
   and forces the title into 2 lines */
#mast_head h1 {/* margin: 2em 0 0 22%; */ text-align: right;
				padding: 1em 1e .5em 0; margin: 37px .3em 0 290px;
				line-height: 1;
				font-size: 350%;}
DIV#container {
   position: relative;
   top: 5px;
   left: 0;
   margin: 0 3% 0 3%;
   padding: 0;
   background-color: #ECECEC;
   font-family:  trebuchet ms, Verdana,Tahoma,Arial,sans-serif;
   font-size: 75%;
   line-height: 200%; 
}
DIV#left_side {
   position: absolute;
   top: 200px;
   margin: 0;
   background: #ECECEC;
   width: 20%;
}
DIV#topOfNav {position: relative; top: -20px; left: 0; width: 100%;}
/* width of 100% allows this guy to resize with the container & nav buttons - we hope */
DIV#topOfNav img {width: 100%;}


DIV#main {
	position: relative;
    border: 1px solid grey;
    margin: 0 1px 10px 21%;
    padding: 1em;
}
.main h1 {color: #820010; font-size: 220%; margin:0; padding: 1em 0 1em 0; text-align: left;}

.calendar_entry {line-height: 1.5em; border-bottom: 3px ridge #820010;
		padding: 2em 1.5em 1em 1.5em; margin: 0 3em 0 3em;}
.calendar_entry h4 {margin: 0; padding: 0; border: none; color: black; font-size: 150;}


.navcontainer {background: transparent url('../images/nav_background.gif'); }
.disclaimer {line-height: 1.3em; padding:0 2.5em 0 2.5em;
	text-align: justify;}
.service_list {margin: 0 0 0 3em;}
.service_list a {color: blue;}

DIV#notice {position: absolute; left: 250px; top: 55px;
			margin: 0 10% 0 5%; border: 1px dashed #820010;
			padding: 1em;}

DIV#left_side li {margin: 0;
	border-bottom: solid 5px #ECECEC;
	
	padding: .3em 0 .3em 0;}
DIV#left_side a {padding: 0 0 0 5px; color: #FFFBC6; font-size: 120%; white-space:nowrap;} 
.current { background: #FFFBC6; color: black;}
DIV#left_side .current a{color: black;}
.spacer {
	/* places where the middle column is shorter than the left causes the screen to jump
	   around, so put in some space... */
	   margin: 250px 0 4em 0;
}
DIV#footer {margin: 1.5em .5em 1em 0; line-height: 1.4em;}
.footer p {text-align: right; padding: 1em 1em  0 0;}
.footer a {font-weight: 100;}
.aes_footer {font-style: italic; color: #3C0005;}