/* --------------------------------------------

EPI
copyright (c) EPI
Designed & Developed by Midago (midago.com)

/* -------------------------------------------- */
/* -- All Your Styles Are Belong To Us -------- */
/* -------------------------------------------- */


/* =GLOBAL
----------------------------------------------- */
* { margin: 0; padding: 0; }
body { color: #000; background: #fff url(../images/bg.png) top left repeat-x; font: 9pt Arial, Helvetica, sans-serif; }

div#wrapper { width: 800px; margin: 0 auto; }

a { color: #0A4334; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }


/* =BLOCK LEVEL ELEMENTS
----------------------------------------------- */
h2, h3, h4, h5, h6 { margin: 0 0 1em 0; }
h2 { font-size: 12pt; color: #b33507; }
h3 { font-size: 10pt; color: #b33507; }
p, table { margin: 0 0 2em 0; }
table table td { padding: 10px; }
hr { margin: 0 0 1em 0; border: 0; border-top: 1px solid #0A4334; }


/* =MASTHEAD 
----------------------------------------------- */
div#masthead { float: left; background: url(../images/header.jpg) top left no-repeat; width: 800px; height: 150px; }
div#masthead a { float: left; display: block; width: 800px; height: 150px; }
div#masthead h1 { text-indent: -10000px; }
div#masthead img { display: none; }


/* =MAIN NAV
----------------------------------------------- */
div#nav_main { float: right; width: 800px; background: url(../images/nav_main_bg.gif) top left repeat-x; }
div#nav_main ul { float: right; }
div#nav_main li { display: block; float: left; font-weight: bold; background: url(../images/candy_tabs_right.gif) bottom right no-repeat; }
div#nav_main a { display: block; padding: 6px 14px 4px 14px; color: #FFF; text-decoration: none; background: url(../images/candy_tabs_left.gif) bottom left no-repeat; }*/
/*div#nav_main li { display: block; float: left; font-weight: bold; }*/
div#nav_main a { display: block; padding: 6px 14px 4px 14px; color: #FFF; text-decoration: none; }

/*div#nav_main a:hover { color: #b33507; }*/
div#nav_main a:hover { color: #ffff99; }


/* =NAV SECONDARY (DROPDOWN MENU)
----------------------------------------------- */
.nav_secondary { float: left; width: 160px; margin: 0 0 10px 0; text-align: left; }

.nav_secondary ul { float: left; z-index: 1; border-top: 1px solid #999; }
.nav_secondary li { display: block; position: relative; float: left; width: 160px; font-size: 9pt; font-weight: bold; }
.nav_secondary li a { display: block; width: 148px; padding: 5px; background: #ebebeb; color: #b33507; text-decoration: none; border: 1px solid #999; border-top: 0; }
.nav_secondary li a:hover { background: #ccc; color: #000; }
.nav_secondary li ul { left: -999em; position: absolute; }
.nav_secondary li ul li a { background: #FFF;  border: 1px solid #999; border-top: 0; }

.nav_secondary li:hover,
.nav_secondary li.sfhover { background: #FFF; color: #000; }

.nav_secondary li:hover a,
.nav_secondary li.sfhover a { background: #ccc; color: #000; }

.nav_secondary li:hover li a,
.nav_secondary li.sfhover li a { color: #333; background: #ebebeb; }

.nav_secondary li:hover li a:hover,
.nav_secondary li.sfhover li a:hover { background: #ccc; color: #FFF; }

.nav_secondary li:hover ul,
.nav_secondary li.sfhover ul { position: absolute; top: -1px; left: 159px; z-index: 999; border-top: 1px solid #999; margin: 0; }


/* =CONTENT TABLE
----------------------------------------------- */
table.main_content { width: 800px; margin: 0; }
table.main_content td { vertical-align: top; }

td.col_left { width: 160px; padding: 10px 5px; background: #FFF url(../images/col_left_bg.gif) top left repeat-x; border-right: 1px solid #000; text-align: center; }
td.col_left h2 { text-align: center; font-size: 8pt; color: #FFF; }
td.col_left input { padding: 2px; font-size: 8pt; margin: 0 0 1em 0; }
td.col_left img { margin: 0 0 1em 0; }
td.col_left p { font-size: 8pt; }

td.col_right { width: 630px; padding: 0 0 10px 0; background: #FFF; }
td.col_right div.search { float: left; width: 620px; padding: 10px 5px; background: #FFF url(../images/search_bg.gif) top right repeat-y; border-bottom: 1px solid #000; }
td.col_right div.search blockquote { float: left; width: 50%; font-size: 8pt; font-weight: bold; }
td.col_right div.search div { float: right; padding-right: 10px; }
td.col_right div.search input { margin-left: 10px; padding: 2px; font-size: 8pt; border: none; }
td.col_right div.search input.go { background: url(../images/button_go.gif) top left no-repeat; border: 0; cursor: pointer; text-indent: -1000px; width: 20px; height: 20px; }

div.body_content { float: left; width: 610px; padding: 10px; }
div.content_left { float: left; width: 350px; padding: 0 10px 0 0; border-right: 2px dotted #0A4334; }
div.content_right { float: right; width: 220px; padding: 0 0 0 10px; }

div.headline_news { width: 198px; height: 270px; padding: 10px 10px 0 10px; margin: -1em 0 1em 0; overflow: scroll; border: 1px solid #999; }
div.exhibits { width: 198px; height: 150px; padding: 10px 10px 0 10px; margin: -1em 0 1em 0; overflow: scroll; border: 1px solid #999; }

/* =FOOTER
----------------------------------------------- */
div#footer { }

/* =TABLES border-bottom: 1px solid #0A4334; border-right: 1px solid #0A4334; border-bottom: 2px solid #0A4334;
----------------------------------------------- */
table { float: left; width: 100%; margin: 0 0 1em 0; }
td { font-size: 9pt; padding: 5px 10px 5px 0;  }
th { font-size: 9pt; font-weight:bold; vertical-align:top; )
 
/* =MISCELLANEOUS
----------------------------------------------- */
.clear { clear: both; }
.img { margin: 0 0 1em 0; }
.img_left { float: left; margin: 5px 1em 1em 0; }
.img_right { float: right; margin: 5px 0 1em 1em; }
.small { font-size: 8pt; }
