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

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: #669900 repeat-x left top; font: 9pt Arial, Helvetica, sans-serif; }

div#wrapper {
	width: 800px;
	margin: 0 auto;
	list-style-type: lower-roman;
}

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: #669900; }
h3 { font-size: 10pt; color: #FD5200; }
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(/repository/assets/images/alphahoicesheader.png) no-repeat left top; 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(/repository/assets/images/nav_main_bg.png) repeat-x left top; }
div#nav_main ul { float: right; }
div#nav_main li { display: block; float: left; font-weight: bold; background: #669900 no-repeat right bottom; }
div#nav_main a { display: block; padding: 6px 14px 4px 14px; color: #FFF; text-decoration: none; background: #339900 no-repeat left bottom; }*/
/*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: 120px; margin: 0 0 10px; 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: inline;
	width: 148px;
	padding: 5px;
	background: #669900;
	color: #333333;
	text-decoration: none;
	border-top: 0 none #FFFF66;
	border-right: 1px none #FFFF66;
	border-bottom: 1px none #FFFF66;
	border-left: 1px none #FFFF66;
}
.nav_secondary li a:hover { background: #669900; color: #FFFF33; }
.nav_secondary li ul { left: -999em; position: absolute; }
.nav_secondary li ul li a {
	background: #FFF;
	border-top: 0 none #FF9900;
	border-right: 1px none #FF9900;
	border-bottom: 1px none #FF9900;
	border-left: 1px none #FF9900;
}

.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: #669900; 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: 780px; margin: 0; }
table.main_content td { vertical-align: top; }

td.col_left { width: 160px; padding: 10px 5px; background: #669900 repeat-x left top; border-right: 1px solid; 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: 640px; padding: 0 0 10px; background: #FFF; }

div.body_content { float: left; width: 600px; 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.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; }
