/*Style Sheet for DYNAMIS*/

body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; color: #FFFFFF; background-image: url(images/bg-gradLarge.jpg); padding-left: 100px; }

hr { border: none; border-top: 1px solid #993300; width: 600px; height: 1px; }


#uppageContainer { width: 880px; background-image: url(images/black.png); background-repeat: repeat-x; }



/* ADDED FOR MENU*/
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu { border: 0 none; padding: 0; width: 200px; /*For KHTML*/ height: 24px; list-style: none; }

ul#navmenu li { margin: 0px; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; width: auto; height: 24px; background-color: #000000; }

ul#navmenu ul { margin: 0; border: 0 none; padding: 0; width: 160px; list-style: none; display: none; position: absolute; top: 24px; left: 0; }

ul#navmenu ul:after /*From IE 7 lack of compliance*/ { clear: both; display: block; height: 0; visibility: hidden; }

ul#navmenu ul li { width: 160px; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ }

/* Root Menu */
ul#navmenu a { border: 1px solid #000000; border-right-color: #000000; border-bottom-color: #000000; padding: 0 6px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; background: #333333; color: #000000; font: bold 10px/22px Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ }

ul#navmenu b { border: 1px solid #000000; border-right-color: #000000; border-bottom-color: #000000; padding: 0 6px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; background: #333333; color: #999999; font: bold 10px/22px Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ }


/* Root Menu Hover Persistence */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { background: #666666; color: #CCCCCC; }

/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a { float: none; background: #EEE; color: #666; }

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a { background: #666666; color: #CCCCCC; }

/* 3rd Menu */
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a { background: #EEE; color: #666; }

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a { background: #CCC; color: #CCCCCC; }

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a { background: #EEE; color: #666; }

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover { background: #000000; color: #CCCCCC; }

ul#navmenu ul ul, ul#navmenu ul ul ul { display: none; position: absolute; top: 0; left: 160px; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { display: none; }

ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block; }

/* END FOR MENU ADDITION*/


#wrapper { width: 880px; background-image: url(images/black.png); background-repeat: repeat-y; }

#video { margin-left: 120px; width: 550px; height: 325px; }

#downloads { width: 100px; margin-left: 675px; }

#content { margin-left: 120px; width: 650px; background-color: #993300; }

#contentframe { margin: auto; padding: 10px; width: 600px; }

#contentframetwocolumn { margin: 10px; padding: 10px; width: 275px; margin-left: 10px; }

#contentframetwocolumn2 { margin: 10px; padding: 200px; width: 275px; }


#button { margin-left: 25px; margin-top: 10px; }
h4 { letter-spacing: .5px; text-transform: none; font-size: 16px; color: #FFFFFF; font-weight: 600; font-style: normal; }


h5 { letter-spacing: 0px; text-transform: none; font-size: 13px; color: #FFFFFF; font-weight: 600; font-style: normal; }


p, ul, ol { margin: 0 0 2em 0; text-align: justify; line-height: 26px; }

p1 { letter-spacing: 1px; text-transform: none; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 16px; font-variant: small-caps; color: #FFFFFF; font-weight: 600; font-style: normal; }

/* Header */

#header { width: 900px; height: 85px; margin: 0 auto; margin-left: 10px; }
#header img { margin-left:50px;}
/* THIS IS WHERE THE LOGO GOES AND ITS ATRABUTES!!*/

#header_image { background-image: url(images/logo_bi-line.png); background-repeat: no-repeat; margin-left: 50px; width: 918px; }

#header_content { width: 390px; }

/* Menu */

#menu { margin-left: 100px; margin-top: 2px; margin-bottom: 50px; width: auto; height: 1%; font-family: Arial Narrow, Arial, Helvetica, sans-serif; }


#menu ul { padding: 0; list-style: none; line-height: normal; }

#menu li { float: left; }

#menu a { float: left; height: 1%; display: inline-block; display: block; padding: 0 10px; background: url(images/img03.gif) no-repeat right 60%; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-variant: normal; color: #FFFFFF; font-style: normal; }

#menu a:hover { color: #333333; }

#menu b { padding-right: 10px; float: right; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-variant: normal; font-size: 10px; color: #666666; font-style: normal; }

#menu b:hover { color: #333333; }




a:link { color: #FFFFFF; }

a:hover, a:active { text-decoration: none; color: #000000; }

a:visited { color: #FFFFFF; }

img { border: none; }

img.left { float: left; margin-right: 30px; padding: 0px; }

img.right { float: right; margin-left: 15px; }

/* Form */

form { margin: 0; padding: 0; }

fieldset { margin: 0; padding: 0; border: none; }

legend { display: none; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; }



/* Page */

#page { width: 790px; height: 418px; margin: 0; padding-top: 30px; }


/* Footer */
#footer-wrap { width: 790px; height: 20px; margin: 0 auto; background: #999999; }

#footer { margin: 0 auto; width: 790px; height: 20px; padding: 0; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

html > body #footer { height: auto; }

#footer p { }

#legal { clear: both; width: 790px; padding-top: 20px; text-align: center; color: #666666; font-size: 9px; }

#legal a { text-decoration: none; font-size: 9px; color: #666666; }

li.selected a { font-weight:bold;}