/* BEGIN EXPANDING AND COLLAPSING TERTIARY_MENU written 2005 by grfxgirl at http://www.webmasterworld.com/forum83/6363.htm */
/* the sister javascript file is tertiary_menu_9items.js */
/* MODIFIED BY CSS VERIFICATION PROCESS THAT SUGGESTED STRICT PARAMETERS */
/* AND EXTRA LINE FEED BETWEEN PARAGRAPHS ADDED */

#menu {
background : #1e9c43;
border : 1px solid #fff;
border-width : 0 1px;
margin : 0;
padding : 0;
}

* html #menu {
margin : 0 1px 1px -1px;
}

#menu a {
background : #1e9c43;
display : block;
text-align : left;
text-decoration : none;
margin : 0;
padding : 2px 12px 6px 12px;
}

#menu ul {
list-style-type : none;
color : #fff;
margin : 0;
padding : 0;
}

#menu li {
display : inline;
margin : 0;
padding : 0;
font-weight : 300;
}

#menu li a:link, ul#menu li a:visited {
color : #fff;
font-size : 120%;
border-bottom : 1px solid #fff;/* the WHITE menu text and submenu text */
font-weight : 700;
}

ul.sub li {
font-size : 90%;
line-height : normal;
padding : 0;
}

#menu li a:link:hover, ul#menu li a:visited:hover, #menu li a:visited:active {
background : #ff00ff;
}

#ul_one, #ul_two, #ul_three, #ul_four, #ul_five, #ul_six, #ul_seven, #ul_eight, #ul_nine {
display : none;
}

ul#menu li ul.sub li a:link, ul#menu ul.sub li a:visited {
background : #69c08a;
border-top : 1px solid #fff;
margin-top : -1px;
padding : 2px 12px 4px 12px;
}

ul#menu li ul.sub li a:link:hover, ul#menu ul.sub li a:visited:hover {
background : #ff00ff;
}

/* END EXPANDING AND COLLAPSING TERTIARY_MENU by grfxgirl at http://www.webmasterworld.com/forum83/6363.htm */



a:focus {
background-color : #0f0; /* the initial dark menu color, but overridden after clicking */
}

a img {
border : 0;
}

table.sortable {
border-spacing : 0;
border : 1px solid #000;
border-collapse : collapse;
text-align : center;
}

table.sortable th, table.sortable td {
text-align : center;
padding : 2px 4px 2px 4px;
width : 10px;
border-style : solid;
border-color : #444;
}

table.sortable th {
border-width : 0 1px 1px 1px;
background-color : #ccc;
}

table.sortable td {
border-width : 0 1px 0 1px;
white-space : nowrap;
text-align : left;
font-size : 70%;
}

table.sortable tr.odd td {
background-color : #ddd;
}

table.sortable tr.even td {
background-color : #fff;
}

table.sortable tr.sortbottom td {
border-top : 1px solid #444;
background-color : #ccc;
font-weight : bold;
}

body, td, font, p, a {
font-family : arial, sans-serif;
}

abbr, acronym, span.abbr {
cursor : help;
border-bottom : 1px dashed #000;
}

button {
background-color : silver;
font-size : 10pt;
}

a:link {
color : #0000ff;
text-decoration : none;
}

a:visited {
color : purple;
text-decoration : none;
}

a:hover {
color : #ff00ff;
text-decoration : underline;
}

a img {
border-width : 0;
}

.darkseagreen {
background : #8fbc8f;
vertical-align : middle;
}

.lavender {
background : #e6e6fa;
vertical-align : middle;
}

.turquoise {
background : #40e0d0;
vertical-align : middle;
}

.lemonchiffon {
background : #fffacd;
vertical-align : middle;
}

.lightcyan {
background : #e0ffff;
vertical-align : middle;
}

.burlywood {
background : #deb887;
vertical-align : middle;
}

.gold {
background : #ffd700;
vertical-align : middle;
}

.peachpuff {
background : #ffdab9;
vertical-align : middle;
}

.orange {
background : #ffa500;
vertical-align : middle;
}

.salmon {
background : #fa8072;
vertical-align : middle;
}

.rosybrown {
background : #bc8f8f;
vertical-align : middle;
}

.chocolate {
background : #d2691e;
vertical-align : middle;
}

.lightskyblue {
background : #87cefa;
vertical-align : middle;
}

.khaki {
background : #f0e68c;
vertical-align : middle;
}

.paleturquoise {
background : #afeeee;
vertical-align : middle;
}

.greenyellow {
background : #adff2f;
vertical-align : middle;
}

.chartreuse {
background : #7fff00;
vertical-align : middle;
}

.springgreen {
background : #00ff7f;
vertical-align : middle;
}

.lightgreen {
background : #90ee90;
vertical-align : middle;
}

.limegreen {
background : #32cd32;
vertical-align : middle;
}

.lightseagreen {
background : #20b2aa;
vertical-align : middle;
}

.deepskyblue {
background : #00bfff;
vertical-align : middle;
}

.cornflowerblue {
background : #6495ed;
vertical-align : middle;
}

.violet {
background : #ee82ee;
vertical-align : middle;
}

.hotpink {
background : #ff69b4;
vertical-align : middle;
}

.mediumslateblue {
background : #7b68ee;
vertical-align : middle;
}

.palevioletred {
background : #d87093;
vertical-align : middle;
}

.lightsteelblue {
background : #b0c4de;
vertical-align : middle;
}

.yellow {
background : #ffff00;
vertical-align : middle;
}

.tiny_gray_font {
font-family : Arial;
font-size : 8pt;
color : #696969;
}

.small_black_font {
font-family : Arial;
font-size : 10pt;
color : #000000;
}

.big_pink_font {
font-family : Arial;
color : #ff00ff;
}

.small_dullgreen_font {
font-family : Arial;
color : #69c08a;
font-size : 10pt;
line-height : 0.8;
}

.dspcont {
display : block;
}

h1 {
color : #1e9c43;
font-size : 16pt;
}

h2 {
color : #69c08a;
font-size : 26pt;
}

h5 {
color : #ff00ff;
line-height: 0.8;
}

img.centerclass {
display : block;
margin-left : auto;
margin-right : auto;
}

td.centerclass {
text-align : center;
}

td.blue {
color : #0000ff;
}

td.small {
color : #0000ff;
}

span.blue {
color : #0000ff;
}

span.centerclass {
text-align : center;
color : #69c08a;
font-size : 10pt;
line-height : 0.8;
}

span.font1 {
font-family : Arial;
font-size : 10pt;
color : #ff00ff;
}

span.font2 {
font-family : Arial;
font-size : 10pt;
color : #000000;
}

span.font3 {
font-family : Arial;
font-size : 12pt;
color : #008080;
}

div.floated {
width : 400px;
float : left;
margin-left : 1em;
}

div#myElement {
width : 1px;
height : 1px;
border : 0 solid black;
background-color : #f9f9f9;
float : left;
}

div#myOtherElement {
width : 200px;
height : 500px;
overflow : hidden;
border : 0 solid black;
background-color : #f9f9f9;
}

div#myOtherElement span, div#myOtherElement a {
display : block;
padding : 0 3px;
}

div#myOtherElement a:hover {
background : #f5f5f5;
}

#sddm {
margin : 0;
padding : 0;
z-index : 30;
}

#sddm li {
margin : 0;
padding : 0;
list-style : none;
float : left;
font : bold 21px arial;
}

#sddm li a {
display : block;
margin : 0 1px 0 0;
padding : 4px 10px;
width : 150px;
background : #5970b2;
color : #fff;
text-align : left;
text-decoration : none;
}

#sddm li a:hover {
background : #49a3ff;
}

#sddm div {
position : absolute;
visibility : hidden;
margin : 0;
padding : 0;
background : #eaebd8;
border : 1px solid #5970b2;
}

#sddm div a {
position : relative;
display : block;
margin : 0;
padding : 5px 10px;
width : auto;
white-space : nowrap;
text-align : right;
text-decoration : none;
background : #eaebd8;
color : #2875de;
font : 20px arial;
}

#sddm div a:hover {
background : #49a3ff;
color : #fff;
}





/* BEGIN DROPDOWN MENUS FROM http://htmldog.com/articles/suckerfish/dropdowns/example/bones2.html */
/* MODIFIED BY CSS VERIFICATION PROCESS THAT SUGGESTED STRICT PARAMETERS */
/* THIS SUCKERFISH MENU ADDS ORDERS AND FAMILIES TO THE TERTIARY_MENU SYSTEM */

#nav, #nav ul {
padding : 0;
margin : 0;
list-style : none;
line-height : 1;
}

#nav a {
display : block;
width : 10em;
}

#nav li {
float : left;
width : 12em;
}

#nav li ul {
position : absolute;
background-color : #ffffff;
width : 36em;
left : -999em;
}

#nav li ul ul {
margin : -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
left : -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left : auto;
}

#content {
clear : left;
color : #cccccc;
}

table.c2 {
margin-top : 15px;
}

table.c1 {
margin-top : 0;
}

/* END DROPDOWN MENUS FROM http://htmldog.com/articles/suckerfish/dropdowns/example/bones2.html */
