body { margin: 0; padding: 0; background-color: #520; color: #000; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 1em }
a:link, a:hover { color: #520 }
a:active, a:visited { color: #c93 }
h2 { margin: .25em 0; font-size: 2em; border-bottom: #c93 2px solid; color: #520 }
h3 { margin: .25em 0; font-size: 1.75em; border-bottom: #c93 2px solid; color: #520 }
#top { position: relative; height: 90px; background-image: url('../_images/top_bg.gif'); background-position: bottom left; background-repeat: repeat-x }
#top_left { width: 75px; height: 90px; position: absolute; top: 0px; left: 0px; background-image: url('../_images/fade_left.gif'); background-position: bottom left; background-repeat: no-repeat }
#top_right { width: 75px; height: 90px; position: absolute; top: 0px; right: 0px; background-image: url('../_images/fade_right.gif'); background-position: bottom left; background-repeat: no-repeat }
#logo { width: 242px; height: 90px; position: absolute; top: 0px; left: 75px; background-image: url('../_images/logo.gif'); background-position: top left; background-repeat: no-repeat }
#slogan { width: 365px; height: 45px; position: absolute; bottom: 0px; right: 75px; background-image: url('../_images/slogan.gif'); background-repeat: no-repeat }
#main_box { width: auto; margin: 0 75px 0 82px; background-color: #fff; color: #000; border-left: #300 1px solid; border-right: #300 1px solid; border-bottom: #300 1px solid; padding: 1.5em; font-size: .8em; line-height: 1.5em }
#clear { font-size: 0px; line-height: 0px; height: 0px; clear: right }
#bottom { text-align: center; padding: .5em 0 1em 0; font-size: .7em; color: #fff; background-color: inherit }
#bottom a:link, #bottom a:hover { color: #fc6 }
#bottom a:active, #bottom a:visited { color: #960 }
.bottom_content { padding-bottom: .5em }
#index_image { float: right; border: 1px #300 solid; margin: 0 0 0 1.5em }
.no_css { display: none }
#main_box p { clear: both }


.callout_box_left h4, .callout_box_right h4 { font-size: 1.25em; line-height: .75em; color: #520; background-color: inherit; margin: 0 }
.callout_box_left div, .callout_box_right div { background-color: #fc6; padding: 1em; font-size: .9em; line-height: 1.25em }
.callout_box_left, .callout_box_right { width: 30% }
.callout_box_left { float: left; margin: 0 1em .5em 0 } /* to the left */

/* inline images */
.limg,.rimg { width: 200px; line-height: 1.5em; font-size: .75em; text-align: center; clear: both }
.limg { float: left; margin: 0 1em .5em 0 } /* to the left */
.limg img,.rimg img { display: block; border: 1px solid #300; margin-bottom: .25em } /* add margin-bottom 10px for captions */
.rimg { float: right; margin: 0 0 1em .5em } /* to the right */ 


* html body { behavior: url('csshover.htc') } /* IE only */
/* the list-based menu starts here */
/* the horizontal menu starts here */
/* thank you, Steve Garwood (stevegarwood.com) and Charles Wyke-Smith (bbd.com) */
div#listmenu { height: 24px; width: auto; margin: 0 75px 0 82px; padding: 0 10px; background-color: #fc6; border: #300 1px solid; color: #520; line-height: 24px; font-size: .9em; font-weight: bold  }
div#listmenu ul { margin: 0; padding: 0; position: relative }
div#listmenu li { margin: 0 auto; float: left; position: relative; list-style-type: none; border-right: #300 0px solid }
div#listmenu ul li:hover ul li a { color: #fff; text-decoration: none }
div#listmenu ul li ul li:first-child { border-left: #300 1px solid; border-top: #300 1px solid }
div#listmenu ul li ul li:hover { background-color: #853 }
div#listmenu ul li ul li:hover a { color: #fc6 }
div#listmenu ul li a { display: block; padding: 0 1.5em; text-decoration: none; color: #520; font-weight: bold }
div#listmenu ul li ul li a { display: block; padding: .5em 1em; text-decoration: none; color: #fff; font-weight: normal }
/* the horizontal menu ends here */
/* the drop-down starts here */
div#listmenu ul li ul { margin-left: 1.5em; position: absolute; width: 10em; left: -1px }
div#listmenu ul li ul li { margin: 0; width: 100%; font-size: .75em; line-height: 100%; background-color: #520; border-left: #300 1px solid; border-bottom: #300 1px solid; border-right: #300 1px solid }
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul { display:none } 
div#listmenu ul li:hover ul { display: block }
/* THE HACK ZONE */
* html div#listmenu ul { float: left }
* html div#listmenu a { display: block }
* html div#listmenu ul li ul { border-left: 0px }
/* END OF HACK ZONE */
/* end of list-based menu */