/* STYLESHEET FOR CASCaM WEBSITE */
/* SCRIPTED BY BRIAN PRASCHER, DECEMBER 2005 */

body { text-align: center; margin: 0; font-family: tahoma, sans-serif; font-size: 12px; text-decoration: none; font-weight: normal; }
#wrapper { text-align: left; width: 900px; margin: 0 auto; height: auto; }
#tablecolors {	color: #008040; background:#063; }
#menu { position: relative; z-index: 100; width: 100%; background: transparent; float: left; }
#menu ul { font-weight:normal; list-style: none; margin: 0; padding: 0; width: 100px; height: 20px; text-align:center; vertical-align:middle; font-family:Tahoma, Geneva, sans-serif; font-size: 11px; color:#cfc; background:#063; line-height:20px; }
#menu ul:hover { background: #093; color: #fff; font-weight: bold; cursor: pointer; line-height: 20px; }

#menu ul.blank { color: #cfc; background: #063; }
#menu ul.blank:hover { cursor: default; }

#menu ul li a.top { display: block; font-weight: normal; text-decoration: none; color: #cfc; background: #063; border: 0; line-height: 20px; }
#menu ul li:hover a.top { font-weight: bold; color: #fff; background: #093; }

/* #menu a.top { background: #063; border: 0; color: #cfc; } */
/* #menu a.top:hover { background: #093; color: #fff; font-weight: bold; } */

#menu li.span a span.left { display: block; position: absolute; left: 140px; top: 5px; height: 0; width: 0; overflow: hidden; border-top: 5px solid #eee; border-bottom: 5px solid #eee; border-left: 5px solid #000; float:left }
#menu li.span:hover a span.left { display: block; left: 140px; top: 5px; border-left: 5px solid #fff; border-top: 5px solid #093; border-bottom: 5px solid #093; }
* html #menu li.span a span.left { width: 8px; height: 16px; }
#menu a span.empty { display: block; position: absolute; left: 140px; top: 5px; height: 0; width: 0; overflow: hidden; border: 0; }
#menu a:hover span.empty { display: block; left: 140px; top: 5px; border: 0; }
* html #menu a span.empty { width: 8px; height: 16px; }

#menu li { position: relative; line-height: 20px; display: block; }
#menu ul ul { position: absolute; top: 20px; left: 0; z-index: 100; width: 150px; }
#menu ul ul.end { position: absolute; top: 20px; left: -50px; z-index: 100; width: 150px; }

#menu ul li ul li a { display: block; font-weight: normal; text-decoration: none; color: #000; background: #eee; border-left: 5px solid #093; border-right: 1px solid #093; line-height: 20px; }
#menu ul li ul li:hover a { color: #fff; background: #093; }
#menu ul li ul.end li.end a { display: block; font-weight: normal; text-decoration: none; color: #000; background: #eee; border-left: 1px solid #093; border-right: 5px solid #093; line-height: 20px; }
#menu ul li ul.end li.end:hover a { color: #fff; background: #093; }
#menu ul li ul li ul li.under a { color: #000; background: #eee; border-left: 5px solid #093; border-right: 1px solid #093; line-height: 20px; }
#menu ul li ul li ul li.under a:hover { color: #fff; background: #093; }

#menu ul ul ul { position: absolute; z-index: 100; top: 0; left: 149px; }

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul { display: none; }
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul { display: block; }

a { color: #063; font-weight: bold; }
a:hover { color: #093; text-decoration: underline; }
a.h1 { text-decoration: none; }
a.h1:hover { text-decoration: underline; }
font { font-family: tahoma, sans-serif; text-decoration: none; font-weight: normal; color: #000; }
font.h1 { font-family: tahoma, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #063; }
font.h2 { font-family: tahoma, sans-serif; font-size: 16px; text-decoration: none; font-weight: bold; color: #063; }
br.h1 { line-height: 4px; }
.main { position: relative; top: 5px; left: 5px; margin: 0; float: left; width: auto; height: auto; text-align: justify; font-size: 12px; }
.sitemap { font-family: tahoma, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; background: #eee; border: 1px solid #ddd; vertical-align: middle; line-height: 12px; postion: relative; }
.bottombar { position: relative; float: left; top: 10px; left: 0; width: 100%; height: 14px; background: #063; color: #dfd; font-family: tahoma, sans-serif; font-size: 10px; padding: 3px; text-align: left; }
a.bottom { text-decoration: none; color: #dfd; font-weight: normal; }
a.bottom:hover { text-decoration: underline; }



/* PROGRAMMERS: CAN THE REST OF US PLEASE HAVE A STANDARD IN CSS SCRIPTING? */