* { margin: 0; padding: 0; font: 11px verdana, geneva, arial, sans-serif; }

/* general */

a:link { color: #56cced; text-decoration: none; }
a:active { color: #93daee; text-decoration: none; }
a:visited { color: #56cced; text-decoration: none; }
a:hover { color: #93daee; text-decoration: none; }


/* General Styles */
a img, area { border: 0; }

html, body { height: 100%; }
body { background: #fff url(/imgs/level2/side_bar_bg.gif) repeat-y; color: #434343; font-weight: bold; }
body.home { background: #010722 url(/imgs/spc.gif); color: #fff; text-align: center; }

h1 { margin: 0; color: #f57819; font: bold 1.5em "Trebuchet MS", trebuchet, myriad, sans-serif; letter-spacing: 1px; text-transform: uppercase; }
body.home h1 { margin: 0; color: #fff; font: normal 12px/24px "Trebuchet MS", trebuchet, myriad, sans-serif; text-transform: none; }
h2 { margin: 26px 0 16px 0; color: #314763; font: bold 1.2em verdana, geneva, arial, sans-serif; text-transform: uppercase; }
body.home h2 { margin: 0 0 12px 0; color: #fff; font: bold 12px "Trebuchet MS", trebuchet, myriad, sans-serif; text-transform: uppercase; }
h3 { margin: 4px 0; color: #010722; font-size: 1em; font-weight: bold; }
h4 { margin: 0 0 4px 0; font-size: .9em; font-weight: normal; }
ul { list-style-image: url(/imgs/list_image.gif); }
form { padding: 0; margin: 0; }
select { font-size: 1em; color: #020a2f; }


/* home */
#home-top { width: 800px; height: 318px; position: relative; }
#home-logo { top: 28px; left: 33px; width: 441px; height: 85px; padding: 0; margin: 0; position: absolute; z-index: 3; }
#home-text { top: 145px; left: 79px; width: 459px; height: 109px; position: absolute; z-index: 4; }

#home-main { width: 800px; clear: both; position: relative; }
#latest-news { width: 481px; margin: 10px 12px 50px 12px; padding: 11px 14px 11px 11px; border: solid 1px #39405d; color: #c4c6ca; float: left; position: relative; }
#latest-news span.news-date { color: #586784; }
#partner-links { width: 232px; margin: 10px 12px 50px 0; padding: 11px; border: solid 1px #39405d; color: #c4c6ca; float: right; position: relative; }
#latest-news ul { margin: 14px 0 12px 22px; }
#latest-news li { margin-bottom: 10px; font-size: 95%; line-height: 16px; }
#partner-links ul { margin: 14px 0 12px 22px; }
#partner-links li { margin-bottom: 8px; }
#company-overview { width: 713px; margin: 10px 12px 20px 12px; padding: 11px 14px 11px 11px; border: solid 1px #39405d; color: #c4c6ca; float: left; position: relative; }


/* common styles */
#container { width: 100%; height: 100%; padding: 0; background: url(/imgs/level2/header_bg.gif) repeat-x; vertical-align: top; position: relative; }
body.home #container { width: 800px; margin: 0 auto; background: #020a2f url(/imgs/home/home_bg.jpg) no-repeat top right; border-left: solid 1px #585c6f; border-right: solid 1px #585c6f; border-bottom: solid 1px #585c6f; text-align: left; }

#photo-bar { width: 164px; padding-bottom: 2px; margin-top: 50px; border-top: solid 1px #818597; border-bottom: solid 1px #818597; position: relative; }
body.home #photo-bar { width: 800px; height: 76px; margin: 0; padding: 0; border-top: solid 1px #fff; border-bottom: solid 1px #fff; }
#photo-bar img { margin: 2px 2px 0 2px; padding: 0; }
body.home #photo-bar img { margin: 0; vertical-align: bottom; }

#copy { width: 156px; margin: 30px 0 4px 4px; padding: 0; color: #9ea1a9; font-size: 9px; text-align: center; position: relative; }
#login-menu { width: 618px; margin: 30px 0 4px 4px; padding: 0; color: #ffffff; font-size: 9px; text-align: right; position: relative; }
#copy a { font-size: 9px; }
body.home #copy { width: 790px; text-align: left; clear: both; }


/* additional level 2 page styles */
#header { height: 66px; width: 100%; background: #020a2f url(/imgs/level2/header_pic_bg.jpg) no-repeat top right; position: relative; } 
#header img { margin: 10px 0 0 16px; }

#side-bar { width: 164px; float: left; position: fixed; left:0px; }

#textbox { margin: 60px 0 0 240px; width: 70%; padding: 0 0 50px 0; position: relative; height: 100%; z-index: 1; }
#textbox a:link { color: #0285aa; }
#textbox a:visited { color: #0285aa; }
#textbox a:hover { color: #56cced; }
#textbox ul { margin: 14px 0 12px 22px; }
#textbox li { margin-bottom: 4px; }

#menubox { width: 164px; margin: 20px 0 20px 5px; padding: 0; float: left; position: relative; z-index: 1; }

/* drop down menu */
#nav-bar { width: 920px; height: 1.5em; margin: 0; padding: 2px 0; border-top: solid 1px #818597; border-bottom: solid 1px #818597; background: #010722; clear: both; position: relative; z-index: 11; }
body.home #nav-bar { width: 800px; height: 1.6em; border-top: 0; border-bottom: solid 1px #818597; text-align: center; }

#nav-bar ul { padding: 0; margin: 0; list-style: none; }
#nav-bar li { width: 120px; margin: 0 1px; float: left; position: relative; }
body.home #nav-bar li { width: 111px; text-align: center; }
#nav-bar li.nav-deco { width: 38px; margin: 0 1px; border: solid 1px #74797f; background: #2f3f55; height: 17px; voice-family: "\"}\""; voice-family: inherit; height: 15px; }
body.home #nav-bar li.nav-deco { width: 56px; height: 16px; } 
#nav-bar li ul { top: 1em; left: 0; display: none; position: absolute; }
#nav-bar li > ul { top: auto; left: auto; }
#nav-bar li:hover ul, li.over ul { display: block; }

#nav-bar a { display: block; margin: 0; padding: 0 .4em; border: solid 1px #c4c6ca; background: #314763; color: #fff; font: .8em "Trebuchet MS", trebuchet, myriad, sans-serif; text-transform: uppercase; letter-spacing: 1px; }
body.home #nav-bar a { padding: .2em .2em .2em .2em; font-size: 1em; }
#nav-bar a:link { background: #314763; color: #fff; }
#nav-bar a:visited { background: #314763; color: #fff; }
#nav-bar a:hover { background: #e4e3e1; border: solid 1px #f57819; color: #314763; }

#nav-bar li ul a { background: #e7e2d9; border-left: solid 1px #314763; border-right: solid 1px #314763; border-top: solid 1px #020a2f; border-bottom: solid 1px #314763; }
#nav-bar li ul a:link { background: #e7e2d9; color: #010722; }
#nav-bar li ul a:visited { background: #e7e2d9; color: #010722; }
#nav-bar li ul a:hover { background: #f3f0ea; color: #314763; }

#nav-bar a.nav-on-button { border: solid 1px #fff; background: #aa9f89; color: #fff; }

/* IE Win menu table hack */
#nav-bar table.menu-table { top: 1.5em; left: 0; display: block; margin: 0; padding: 0; border: 0; width: 100%; position: absolute; }
#nav-bar table.menu-table tr { margin: 0; padding: 0; }
#nav-bar table.menu-table td { width: 100%; margin: 0; padding: 0; }
#nav-bar table.menu-table a {display: block; margin: 0; padding: 0 .4em; border: solid 1px #c4c6ca; color: #fff; font: .8em "Trebuchet MS", trebuchet, myriad, sans-serif; text-transform: uppercase; letter-spacing: 1px; background: #e7e2d9; border-left: solid 1px #314763; border-right: solid 1px #314763; border-top: solid 1px #020a2f; border-bottom: solid 1px #314763; }
#nav-bar table.menu-table a:link {  background: #314763; color: #fff; }
#nav-bar table.menu-table a:visited { background: #314763; color: #fff; }
#nav-bar table.menu-table a:hover { background: #e4e3e1; border: solid 1px #f57819; color: #314763; }

/* log in table */
#login-form { margin-left: 20px; }
table.login-table td { padding: 3px 0; font-size: 11px; }
table.login-table td.login-td { padding: 2px 5px 2px 2px; text-align: right; }

/* admin */
#menubox a { display: block; margin: 0 0 2px 0; padding: .2em .2em .2em .5em; border: solid 1px #e1e1b3; background: #fff; color: #999; font-family: "Trebuchet MS", trebuchet, myriad, sans-serif; font-size: .8em; letter-spacing: 1px; }
#menubox a:link { background: #fff; color: #999; }
#menubox a:visited { background: #fff; color: #999; }
#menubox a:hover { background: #fff; border: solid 1px #314763; color: #314763; }

#menu-header { display: block; margin: 12px 0 2px 0; padding: .2em .2em .2em .5em; border: solid 1px #999; background: #e1e1b3; color: #999; font-family: "Trebuchet MS", trebuchet, myriad, sans-serif; font-size: .9em; text-transform: uppercase; letter-spacing: 1px; }

#admin-tools { margin: 12px 0 30px 0; padding-top: 12px; border-top: solid 1px #999; }

a.tiny { font-size: 9px; }
a.ml { font-weight: bold; }
span.error { font-weight: bold; color: #f00; } 
span.error2 { font-weight: bold; }

table.results td { padding: 3px; font-size: 10px; border: solid 1px #ccc; }
