body {background-color: #99ccff; font: normal 86% "tahoma" , "arial", "helvetica", sans-serif;}

#outside {margin-left: 5%; margin-right: 5%; border-top: solid 10px #ff9933; border-bottom: solid 2px #ff9933; background-color: #ffffff;}
#outside h1 {margin: 1%; margin-left: 8px; color: #ff9933; font-weight: normal; letter-spacing: -1px;}

#top-nav {float: right; margin: 0; margin-top: 5px;}
#top-nav a {color: #ff9933; font-size: 110%; margin-left: 5px; margin-right: 5px; text-decoration: underline;}
#top-nav a:hover {color: #dd0000;}

#middle-nav {margin: 0; margin-top: 13px; margin-bottom: 13px;  padding: 6px;  background-color: #777777; color: #ffffff;}
#middle-nav a {margin-left: 5px; margin-right: 5px; padding: 3px; color: #ffffff; text-decoration: none; border: solid 1px #777777;}
#middle-nav a:hover {border: solid 1px #ffffff; background-color: #888888; color: #ff9933;}

#right-col {float: right; width: 29%; margin-top: 0px; padding: 5px; margin-left: 20px; }

.ul-menu {margin-top: 8px; margin-bottom: 8px; border: solid 1px #cccccc; border-right: solid 3px #cccccc; border-bottom: solid 3px #cccccc; color: #666666;}
ul.ul-menu {margin: 0; padding: 0; list-style: none;}
ul.ul-menu li {border-bottom: solid 1px #cccccc;}
ul.ul-menu a {margin-left: 5px; color: #666666; text-decoration: none;}
ul.ul-menu a:hover {color: #dd0000;}

span.slide {float: right; margin-right: 3px;}

.info {margin-top: 5px; margin-bottom: 5px; background-color: #eeeeee; padding: 5px; border: solid 1px #777777;}
.info h4 {margin: 0; color: #ff9933;}
.info p {margin: 0; margin-top: 3px; margin-bottom: 3px;}
.info ul {margin: 0; padding: 5px;}
.info li {list-style: none;}
.info a {color: #ff9933; text-decoration: underline;}
.info a:hover {color: #dd0000;}

.nav {margin-top: 5px; margin-bottom: 5px; background-color: #eeeeee; padding: 5px; border: solid 1px #777777;font-size:115%; }
.nav p {margin: 0; margin-top: 3px; margin-bottom: 3px;color: #dd0000;}
.nav span { color: #ff9933;font-weight:900;}
.nav a {color: #ff9933; text-decoration: none;}
.nav a:visited {color: #ff9933; text-decoration: none;}
.nav a:hover {color: #ff9933 ; text-decoration:underline;}

.login {padding:2px; border: solid 1px #cccccc; border-right: solid 3px #cccccc; border-bottom: solid 3px #cccccc; color: #666666;}

#main {margin-right: 29%; margin-top: 10px;  padding: 5px; color: #777777;}
#main h2 {margin: 0; color: #ff9933;}
#main a {color: #ff9933; text-decoration: underline;}
#main a:hover {color: #dd0000;}

#bottom-nav {margin-top: 15px; margin-bottom: 15px; text-align: center; color: #777777; font-size: 90%;}
#bottom-nav a {margin-left: 5px; margin-right: 5px; color: #666666; text-decoration: none;}
#bottom-nav a:hover {text-decoration: underline;}

#footer {margin: 0; padding: 5px; background-color: #ff9933; color: #ffffff;}
#footer h5 {margin: 0;}

.mytable {text-align:center;}
.mytable tr {background-color:#eeeeee;}
.mytd  {text-align:left;}

.map {text-decoration: none;}
.map li {margin:4px ;}
.map a {color: #ff9933; text-decoration: none;}

p.my_center{width: 35em; margin: auto; text-align: left;}