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: #f5f5f5; text-decoration: none;}
a.one:visited {color: #000000; background-color: #f5f5f5; text-decoration: none;}
a.one:hover {color: #000000; background-color: #dcdcdc; text-decoration: none;}
a.one:active {color: #000000; background-color: #f5f5f5;}

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

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

a.red:link {color: #FF0000; background-color: #dcdcdc; text-decoration: none;}
a.red:visited {color: #FF0000; background-color: #dcdcdc; text-decoration: none;}
a.red:hover {color: #FF0000; background-color: #f5f5f5; text-decoration: none;}
a.red:active {color: #FF0000; background-color: #dcdcdc;}

a.flash:link {color: #000000; background-color: #4682b4; text-decoration: blink;}
a.flash:visited {color: #000000; background-color: #4682b4; text-decoration: blink;}
a.flash:hover {color: #000000; background-color: #4682b4; text-decoration: blink;}
a.flash:active {color: #000000; background-color: #4682b4;}

hr {
	width: 100%;
	margin: 0 auto 3px auto;
	padding: 0px;
	border: 1px solid #b0c4de;
	color: #b0c4de;
	background-color: #b0c4de;
   }

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

div.topmid {
	width: 75%;
	height: 99%;
	background-color: #4682b4;
	margin: 1% auto 0 auto;	     /* Set left & right margin auto, to center the div */
	min-width: 750px;
	width:expression(document.body.clientWidth < 850? "750": "75%" );  /* Min-Width for IE6 */
  }


table.top {
	width: 100%;		/* Header Table contained in "topmid" div */
	height: 20%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	font-family: "andale mono", manaco, arial;
  }

td.toprow {
	width: 100%;      /* Main row of Header Table (table.top) */
	height: 90%;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: x-large;
	letter-spacing: 3px;
  }

td.horow {
	width: 100%;      /* Main row of Header Table (table.top) */
	height: 10%;
	padding: 0px;
	margin: 0px;
  }

table.menu {
	width: 100%;		/* Menu Table contained in "topmid" div */
	height: 7%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	font-family: "andale mono", manaco, arial;
	text-align: left;
	background-color: #4682b4;
	font-weight: bold;
	font-size: small;
	letter-spacing: 1px;
  }

p.center {text-align: center; margin: 0px; padding: 0px;}  /* attributes for menu paragraph */


td.menurow {	    
	height: 100%;        /* Main row of Menu Table (table.menu), links row */
	padding: 0px;
	margin: 0px;
  }

table.submenu {
	font-size: 100%;	  /* Nested table that contains drop-down items for menu */
	position: absolute;            /* Table is nested within table.menu */
	visibility: hidden;
	background-color: #f5f5f5;
	width: 200px;
	border: 2px solid #dcdcdc;
	font-size: x-small;
	text-align: center;
	letter-spacing: 2px;
	line-height: 1.5;
   }

td.col1 {width: 34%;}	  /* Establishing column widths for the menu table */
td.col2 {width: 33%;}
td.col3 {width: 33%;}

table.body{
	width: 100%;		/* Body Table contained in "bodmid" div */
	height: 73%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	font-family: "andale mono", manaco, arial;
	background-color: #4682b4;
  }

td.imagerow {
	height: 35%;      /* Top row of Body Table (table.body) */	
	padding: 0px;
	margin: 0px;
	vertical-align: top;
  }

td.bodyrow {	
	height: 28%;	              /* Second row of Body Table (table.body) */
	padding: 10px 25px 0px 25px;
	margin: 0px;
	text-align: justify;
	line-height: 1.5;
	letter-spacing: 1px;
	font-size: small;
    }

p.info {padding: 0px 0px 10px 0px;}


p.announce {
	text-align: center;
	font-weight: bold;
         }

td.imagerow2 {			/* Third row of Body Table containing images */
	height: 27%;
	padding: 0px;
	margin: 0px;
  }

img.bodyimg {
	height: 100%;             /* Header Image, Courthouse in the Distance */
	width: 100%;
	padding: 0px;
	margin: 0px;
  }

img.botimg {
	height: 150px;
	padding: 0px;
	border-right: 1px solid #191970;
	border-bottom: 1px solid #191970;
	border-left: 1px solid #191970;
	border-top: 1px solid #191970;
   }
td.footrow {
	height: 10%;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: x-small;
	line-height: 2;
  }


span.invisible {
	color: #4682b4;
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: x-small;
  }