body { font: 80% arial, helvetica, sans-serif; margin: 0; padding: 0; }

#container { width: 950px; margin: 0 auto; border-left: 2px solid black; border-right: 2px solid black; }
#menu_top { text-align: right; padding: 3px; background: #33cc33; font-size: 90%; color: #ffffff; }
#header { background: #ccc; height: 150px; }
#navigation { float: left; width: 0px; height: 100%; padding-left: 0px; padding-right: 0px; margin-bottom: 0px; background: #184A7B; }
#breadcrumbs { padding-left: 165px; padding-right: 5px; padding-top: 1px;  padding-bottom: 1px;  background: #99cbc8; }
#breadcrumbs p { font-size: 85%; margin: 0; }
#content { padding-left: 5px; padding-right: 5px; }
#footer { clear: left; background: #33cc33; font-size: 90%; color: #FFFFFF; text-align: right; padding: 1px; }
#footer p { margin: 0; }


p  { margin-top:0; }

h1  { font-size: 160%; line-height: 100%; margin-top:0; margin-bottom: 0.3em; }
h2  { font-size: 110%; line-height: 100%; margin-top:0;  margin-bottom: 0; letter-spacing: 0.12em; }
h3  { font-size: 140%; font-weight: normal; font-style: italic; margin-top:0.5em;  margin-bottom: 0; letter-spacing: 0.12em; padding-left: 4px; }
h4  { font-size: 100%; font-weight: bold; margin-top:0;  margin-bottom: 0; padding-left: 4px; }
h5  { font-size: 90%; line-height: 100%; margin-top:0; margin-bottom: 0.3em; }
h6  { font-size: 85%; line-height: 100%; margin-top:0; margin-bottom: 0.3em; }


li { padding-bottom: 2pt; }
table  {font-family: Arial,Helvetica,sans-serif; font-size: 100%;}
.small { font-size: 80%; }
.select_highlight { color: #cc0000; }
.alert { color: #cc0000; font-weight: bold; }
.cell_padding { padding-left: 8px; padding-right: 8px; }
.cell_panel { border: 2px solid #333333; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; }

a.modern:link { color: #888888; text-decoration: none; }
a.modern:visited { color: #888888; text-decoration: none; }
a.modern:hover { color: #bb0000; text-decoration: none; }
a.modern:active { color: #888888; text-decoration: none; }

a.menu:link { color: #0000cc; text-decoration: none; }
a.menu:visited { color: #0000cc; text-decoration: none; }
a.menu:hover { color: #cc0000; text-decoration: none; }
a.menu:active { color: #0000cc; text-decoration: none; }


// attempts at using cfmenu - failed
#eyecatcher { font-size: 100%; font-weight: bold; text-decoration: none; color: #ffffff; padding: 0; margin: 0; background-color: #6b7b84; } 
#eyecatcher li.hassubmenu.yuimenubaritem em.submenuindicator { visibility: hidden; width: 0; height: 0; padding: 0; margin:0 }
#eyecatcher li.hassubmenu.yuimenubaritem li.hassubmenu.yuimenuitem em.submenuindicator { visibility: inherit; width: 8px; height: 8px; margin:0; }
#eyecatcher li.yuimenubaritem { border-color: #ff0000; }
#eyecatcher li.yuimenubaritem.first-of-type { border: none; }

a.eyecatcher:link { color: #0000cc; text-decoration: none; }
a.eyecatcher:visited { color: #0000cc; text-decoration: none; }
a.eyecatcher:hover { color: #cc0000; text-decoration: none; background-color: #bdcede; }
a.eyecatcher:active { color: #0000cc; text-decoration: none; background-color: #bdcede; }

.yuimenubaritem { width: 16.6% !important; }
.yuimenuitem { width: 150px !important; }
.yuimenu ul { list-style-type: none; border: solid 1px #c4c4be; border-width: 1px 0 0 0; margin: 0; padding: 0px 0; }
.yuimenubaritem a.selected .yuimenuitem a.selected { background-color: #ddddff; text-decoration: none; color: #fff; }


.nav_btn, .nav_btn:visited { width: 115px; height: 16px; position: relative !important; padding-left: 20px !important; }