html {height: 100%; width: 100%;}      /* Set parent element to 100% */

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;			/* Set body element to 100% height */
	background-color: #b0c4de;
     }


a.one:link {color: #000000; background-color: #4682b4; text-decoration: none;}
a.one:visited {color: #000000; background-color: #4682b4; text-decoration: none;}
a.one:hover {color: #000000; background-color: #4682b4; text-decoration: underline;}
a.one:active {color: #000000; background-color: #4682b4;}


a.two:link {color: #000000; background-color: #b0c4de; text-decoration: none;}
a.two:visited {color: #000000; background-color: #b0c4de; text-decoration: none;}
a.two:hover {color: #000000; background-color: #b0c4de; text-decoration: underline;}
a.two:active {color: #000000; background-color: #b0c4de;}


a.top:link {color: #00008b; background-color: #b0c4de; text-decoration: underline;}
a.top:visited {color: #00008b; background-color: #b0c4de; text-decoration: underline;}
a.top:hover {color: #00008b; background-color: #b0c4de; text-decoration: underline;}
a.top:active {color: #00008b; background-color: #b0c4de;}


a.inline:link {color: #000000; background-color: #b0c4de; font-weight: bold; text-decoration: none;}
a.inline:visited {color: #000000; background-color: #b0c4de; font-weight: bold; text-decoration: none}
a.inline:hover {color: #000000; background-color: #b0c4de; font-weight: bold; text-decoration: underline;}
a.inline:active {color: #000000; background-color: #b0c4de; font-weight: bold;}

a.xlarge:link {color: #00008b; background-color: #b0c4de; text-decoration: none;}
a.xlarge:visited {color: #00008b; background-color: #b0c4de; text-decoration: none;}
a.xlarge:hover {color: #00008b; background-color: #b0c4de; text-decoration: underline;}
a.xlarge:active {color: #00008b; background-color: #b0c4de;}

a.large:link {color: #0000cd; background-color: #b0c4de; text-decoration: none;}
a.large:visited {color: #0000cd; background-color: #b0c4de; text-decoration: none;}
a.large:hover {color: #0000cd; background-color: #b0c4de; text-decoration: underline;}
a.large:active {color: #0000cd; background-color: #b0c4de;}

a.medium:link {color: #4169e1; background-color: #b0c4de; text-decoration: none;}
a.medium:visited {color: #4169e1; background-color: #b0c4de; text-decoration: none;}
a.medium:hover {color: #4169e1; background-color: #b0c4de; text-decoration: underline;}
a.medium:active {color: #4169e1; background-color: #b0c4de;}

a.small:link {color: #4682b4; background-color: #b0c4de; text-decoration: none;}
a.small:visited {color: #4682b4; background-color: #b0c4de; text-decoration: none;}
a.small:hover {color: #4682b4; background-color: #b0c4de; text-decoration: underline;}
a.small:active {color: #4682b4; background-color: #b0c4de;}


a.xsmall:link {color: #4682b4; background-color: #b0c4de; text-decoration: none;}
a.xsmall:visited {color: #4682b4; background-color: #b0c4de; text-decoration: none;}
a.xsmall:hover {color: #4682b4; background-color: #b0c4de; text-decoration: underline;}
a.xsmall:active {color: #4682b4; background-color: #b0c4de;}


/* ---------------------------------------------------------------------------------------------- */


div.container {
	height: 100%;			/* Set div container to 100% height and center */
	width: 100%;
	text-align: center;
   }

div.header {                          /* div encompasses header test and return home link */
	width: 80%;
	height: 75%;
	margin: 0 auto 0 auto;	     /* Set left & right margin auto, to center the div */
	min-width: 750px;
	width:expression(document.body.clientWidth < 850? "750": "80%" );  /* Min-Width for IE6 */	
  }




table.headtbl {                     /* table for positioning in div.header */
	width: 100%;
	height:15%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	background-color: #4682b4;
    }

td.rtrnhome {                                           /* table.headtbl cell for return home link */
	font-family: verdana, arial, times, courier;
	font-size: x-small;
	font-weight: bold;
	text-align: left;
   }

p.hdrlnk {padding: 0px 0px 0px 5px;}                /* paragraph padding for return home link */

td.hdrtxt {
	font-family: georgia, arial, times, courier;   /* table.headtbl cell for header text */
	font-weight: bold;
	letter-spacing: 5px;
	text-align: right;
  }

p.hdrpad {padding: 0px 10px 0px 0px;}           /* paragraph padding for header text */


/* -------------------------------------------------------------------------------------------- */


table.deptnmonly {
	width: 100%;
	height: 15%;
	border: thin outset;
	text-align: center;
 	line-height: 2;
	font-family: georgia, arial, times, courier;
	font-size: large;
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #b0c4de;
   }


/* ---------------------------------------------------------------------------------------------- */


table.bdytbl { 
	width: 100%;
	height: 50%;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	font-family: georgia, arial, times, courier;
	text-align: left;
   }


td.tworowhead {
	height: 75px;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	font-size: small;
     }


td.tworowdates {
	width: 100%; 
	vertical-align: top;
	padding: 10px 10px 0px 10px;
     }

span.bold {font-weight: bold;}

ul {line-height: 2;}

ul.xlarge {font-size: x-large; color: #00008b; background-color: #b0c4de;}
ul.large  {font-size: large; color: #0000cd; background-color: #b0c4de;}
ul.medium {font-size: medium; color: #4169e1; background-color: #b0c4de;}
ul.small {font-size: small; color: #4682b4; background-color: #b0c4de;}
ul.xsmall {font-size: x-small; color: #4682b4; background-color: #b0c4de;}

td.tworowspacer1 {height: 150px;}


td.tworowback {
	height: 50px;
	vertical-align: middle;
	font-size: x-small;
	font-weight: bold;
   }

td.tworowcredits {
	vertical-align: top;
   }

span.smlbold {font-weight: bold; font-size: small;}

td.tworowspacer2 {height: 150px;}

h4.credits {text-align: center;}


hr {
	border: 1px solid #4682b4;
	color: #4682b4;
	background-color: #4682b4;
  }