/*External CSS File*/
/*filename 'fortmadison.css'*/
/*No HTML markup allowed*/ 

body {margin:10px; background-color: rgb (98%,99%,86%); color: black;}
table {border: 0px solid red; margin: 3px;}
table td {vertical align: top;
    font-family: verdana, arial, helvetica, sans-serif;}
td#citylogo {margin: 0; padding: 0; width: 227px; 
    border-top: 3px solid green;
		border-left: 3px solid green;
		border-right: 3px solid green;
		border-bottom: 3px solid green;
		text-align: center;
		font-size: 100%;
		font-weight: bold;}
td#welcome {vertical-align:top;
    background: transparent url(images/topbackgroundmosaic.jpg) top right no-repeat;
		border-top: 3px solid green;
		border-right: 3px solid green;}
tr#quickinfo a {color: green;
    vertical-align: middle;}
tr#heading {background: rgb (98%,100%,67%);}
/*border styles include ridge, groove, inset and outset*/
td#officials {padding-left: 25px; border-bottom: 3px solid green;}
td#employees {border-bottom: 3px solid green;}
td#calendar {border-bottom: 3px solid green;}
td#community {border-bottom: 3px solid green;
    border-right: 3px solid green;}
td#sidelinks {vertical-align: top;}
td#main {padding: 5px 0px 5px 20px;}
td#blank {background: white;}
td#mainlinks {text-align: center; font-weight: bold;}
td#mainlinks a {color: green;}
h1 {font-size: 300%; font-weight: bold;   text-align: center;}
h2 {font-size: 150%; font-weight: normal; text-align: center; text-decoration: underline;}
h3 {font-size: 100%; font-weight: bold;   text-align: left; text-decoration: underline;}
h4 {font-size: 100%; font-weight: bold;   text-align: center; text-decoration: underline;}
h5 {font-size: 80%;  font-weight: bold;   text-align: left; text-decoration: underline;}
h6 {font-size: 100%; font-weight: bold;   text-align: center; color: blue;}
span.raise {vertical-align: top; font-size: 60%;}
td#copyright {font-size: 75%; font-style: italic; padding: 10px 0 0 0;}

#main ul {margin 0 0 0 50px;}

#main li {display: block; list-style-type: square;}

/*----begin cascading menu styles----*/

#menu ul {
  margin: 0; 
	padding: 0; 
	list-style: none;
	width: 227px; /* Width of Menu Items */ 
	border-bottom: 0px solid #ccc;}

#menu a {display: block; text-decoration: none;
  margin: 0 3px 0 0; padding: 2px 10px 5px 30px;
	font: bold 100% Arial, Verdana, sans-serif;
	border-right: 1px solid rgb(94%,98%,7%);
	color: green; 
	background: #fff; /* IE6 Bug */ 
	/*border: 0px solid #ccc; 
	border-bottom: 0;*/} 
	
#menu a:hover {background-color: green; 
  border-right: 5px solid rgb(94%,98%,7%);
	padding-right: 9px; margin-right: 0; color: white;} 

#menu li {
  position: relative;}
	
#menu ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
	background: green;}

div#menu ul ul { 
	text-decoration: none; 
	color: green; 
	padding: 0px;}

div#menu ul ul ,
  div#menu ul  li:hover ul ul
  {display: none; border: 1px solid green;}

div#menu ul  li:hover ul,
  div#menu ul  ul li:hover ul
  {display: block; color: rgb (98%,99%,86%);}