/* ########## FIXED CSS SETTINGS ########## */
body         { font-family: Tahoma, Geneva, sans-serif; margin: 0; padding: 0 }
#maincontainer { width: 800px; margin-left: auto; margin-right: auto; margin-top: 0; 
               margin-bottom: 0 }
#topsection  { background-repeat: repeat; background-attachment: scroll; 
               background-position: 0% 50% }
#navcontainer { clear: left; width: 100%; background-repeat: repeat; background-attachment: 
               scroll; background-color: #99CCFF; background-image: 
               url('../nav/jquerynavbg.jpg'); margin: 0; padding: 0; 
               background-position: 0% 50% }
#navcontent  { width: 800px; margin-left: auto; margin-right: auto; margin-top: 0; 
               margin-bottom: 0 }
#contentwrapper { float: left; width: 100% }
#contentcolumn { margin-left: 0px }
#leftcolumn  { float: left; width: 0px; background-repeat: repeat; background-attachment: 
               scroll; margin-left: -800px; background-position: 0% 50% }
#footer      { clear: left; width: 100%; background-repeat: repeat; background-attachment: 
               scroll; padding-left: 0; padding-right: 0; padding-top: 4px; 
               padding-bottom: 4px; background-position: 0% 50% }
.innertube   { text-align: Left; margin-left: 10px; margin-right: 10px; margin-top: 0; 
               margin-bottom: 10px }
/* ########## DEFAULT CSS SETTINGS ########## */

a            { color: #6699CC; text-decoration: none }
a:visited    { color: #6699CC; text-decoration: none }
a:active     { color: #CC6699; text-decoration: underline }
a:hover      { color: #CC6699; text-decoration: underline }
.normal      { font-family: Tahoma, Geneva, sans-serif; font-size: 10pt; color: #333333; 
               line-height: 1.5em }
.normal a    { color: #6699CC; font-weight: bold; text-decoration: none }
.normal a:visited { color: #6699CC; font-weight: bold; text-decoration: none }
.normal a:active { color: #CC6699; font-weight: bold; text-decoration: underline }
.normal a:hover { color: #CC6699; font-weight: bold; text-decoration: underline }
.small       { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; color: #999999; 
               font-weight: bold; line-height: 1.25em }
.small a     { color: #6699CC; font-weight: bold; text-decoration: none }
.small a:visited { color: #6699CC; font-weight: bold; text-decoration: none }
.small a:active { color: #CC6699; font-weight: bold; text-decoration: underline }
.small a:hover { color: #CC6699; font-weight: bold; text-decoration: underline }
.copyright   { font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; 
               color: #FFFFFF; line-height: 1.25em }
.copyright a { color: #99CCFF; text-decoration: none }
.copyright a:visited { color: #99CCFF; text-decoration: none }
.copyright a:active { color: #FF9933; text-decoration: underline }
.copyright a:hover { color: #FF9933; text-decoration: underline }
.credit      { font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; 
               color: #003366 }
.credit a    { color: #003366; text-decoration: none }
.credit a:visited { color: #003366; text-decoration: none }
.credit a:active { color: #003366; text-decoration: underline }
.credit a:hover { color: #003366; text-decoration: underline }
/* ########## JQUERY SLIDEMENU ########## */
.jqueryslidemenu { font-style: normal; font-variant: normal; font-weight: bold; font-size: 12pt; 
               font-family: Tahoma, Geneva, sans-serif; background-color: 
               #99CCFF; background-repeat: repeat; background-attachment: 
               scroll; width: 100%; background-image: 
               url('../nav/jquerynavbg.jpg'); background-position: 0% 50% }
.jqueryslidemenu ul { list-style-type: none; margin: 0; padding: 0 }
/*Top level list items*/
.jqueryslidemenu ul li { position: relative; display: inline; float: left }
/*Top level menu link items style*/
.jqueryslidemenu ul li a { display: block; background-color: #99CCFF; background-repeat: repeat; 
               background-attachment: scroll; color: #000000; 
               text-decoration: none; border-right: 1px solid #6699CC; 
               padding-left: 10px; padding-right: 10px; padding-top: 8px; 
               padding-bottom: 8px; background-position: 0% 50% }
* html .jqueryslidemenu ul li a { display: inline-block }
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited { color: #000000 }
.jqueryslidemenu ul li a:hover { background-color: #00ABFF; background-repeat: repeat; background-attachment: 
               scroll; color: #000000; background-position: 0% 50% }
/*1st sub level menu*/
.jqueryslidemenu ul li ul { position: absolute; left: 0; display: block; visibility: hidden }
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li { display: list-item; float: none }
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul { top: 0 }
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a { font-style: normal; font-variant: normal; font-weight: normal; font-size: 12pt; 
               font-family: Tahoma, Geneva, sans-serif; width: 160px; 
               border-top-width: 0; border-bottom: 1px solid #6699CC; margin: 
               0; padding: 5px }
.jqueryslidemenuz ul li ul li a:hover { background-color: #99CCFF; background-repeat: repeat; background-attachment: 
               scroll; color: #000000; background-position: 0% 50% }
/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass { position: absolute; top: 12px; right: 7px }
.rightarrowclass { position: absolute; top: 6px; right: 5px }
