/* NORMALIZATION */

/* normalize padding and margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0;}

/* normalize header sizes */
h1, h2, h3, h4, h5, h6 {font-size: 100%;}

/* normalize list styles */
ul {list-style: none;}

/* normalize font style and weight on odd elements */
address, caption, cite, code, dfn, th, var {font-style: normal; font-weight: normal;}

/* normalize table borders */
/* table {border-collapse: collapse; border-spacing: 0;} */

/* normalize other borders */
img, fieldset {border: 0;}

/* normalize text-alignment */
caption, th {text-align: left;}

/* normalize (remove) quotation marks */
q:before, q:after {content: '';}


/* STRUCTURE */

/* colors:  9ee9ff */

body {background: #000; color: #000; font-family: Verdana, Arial, sans-serif; text-align: center; behavior: url("/css/csshover3.htc");}

#container {position: relative; overflow: hidden; width: 950px; margin: auto; border: 5px solid #fff; background: #fff; text-align: left;}

#header {position: relative; height: 212px; background: url('/img/banner.jpg') no-repeat 0 -38px;}
#title {position: absolute; top: 35px; left: 16px; display: block;}

#crumbs {margin: 10px 0; font-size: .7em; color: #795028;}

#content_container {clear: both; overflow: hidden; position: relative; border: 5px solid #795028; margin-top: 10px;}
.content {position: relative; overflow: hidden; padding: 25px; background: #fff;}

#footer {padding-top: 5px; background: #fff; border-top: 1px solid #795028; text-align: center; color: #795028;}
#footer .links {font-size: .8em; }
#footer .info {margin-top: 5px; font-size: .7em;}


/* NAVIGATION */

#navigation {position: relative; top: 182px; height: 25px; border-bottom: 5px solid #795028;}

/* top menu */
ul.menu {float: left; display: block; height: 25px;}

/* top menu TAB container */
ul.menu li {display: block; float: left; margin-right: 2px; font-size: 1em;}

/* top menu TAB */
ul.menu li a {display: block; padding: 0 15px; background: #e9e9ba; line-height: 25px; font-size: .75em; font-weight: bold; color: #000; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}

/* menu link hover */
ul.menu li a:hover {background: #a00; color: #fff;}

/* submenu */
ul.menu ul {display: none; z-index: 99999; position: absolute; left: 0; top: 98%; background: #a00; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}

/* submenu tab */
ul.menu ul li {float: none; *display: inline;}

/* submenu link */
ul.menu ul a {background: none; white-space: nowrap; text-align: left; color: #fff;}

/* submenu link hover */
ul.submenu li a:hover {}

ul.submenu ul {display: block;}

/* display submenu */
ul.menu li:hover>ul {display: block;}

/* TAB container while hovering over submenu */
ul.menu li:hover {position: relative; background: none; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}

/* TAB while hovering over submenu */
ul.menu li:hover>a {background: #a00; color: #fff;}

ul.submenu li ul {position: relative; top: 0; left: 0;}
ul.submenu li ul li {margin: 0; padding: 0; position: relative; font-size: 1em;}
ul.submenu li a:hover {background: none;}
ul.menu li a:hover {}

/* display submenus */
ul.menu a:hover ul,
ul.menu a:hover a:hover ul {display: block;}

/* CSS for TABLE Tags for IE 6 and Lower */
ul.menu li a table,
ul.menu li a:hover table {border-collapse: collapse; margin: -4px 0px 0px -9px; border: 0px; padding: 0px;}
ul.menu li a table tr td,
ul.menu li a:hover table tr td {padding: 0px; border: 0px;}
ul.menu li a table ul,
ul.menu li a:hover table ul {border-collapse: collapse; padding: 0px; margin: -4px 0px 0px -9px;}


/* ABOUT MR. MARKS */

#load1 {position: absolute; top: 0; left: 0; width: 100%; height: 2000px; z-index: 100; filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; background: #000; text-align: center;  hidden: none; display: none;}
#load2 {position: absolute; top: 50px; left: 25%; width: 50%; z-index: 101; text-align: center; hidden: none; display: none;}
#load2 #content {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; background: #fff; width: 700px; height: 600px; margin: auto; text-align: left; background: url('/img/about-mr-marks/bg.jpg') no-repeat; position: relative;}
#load2 #content #title {background: url('/img/about-mr-marks/title.png') no-repeat; width: 363px; height: 62px; position: absolute; z-index: 102; top: 20px; right: 20px;}
#load2 #content #info {position: absolute; top: 60px; right: 30px; width: 321px; height: 488px; padding: 10px; color: #000; font-size: 1em; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; background: #fff;}
#load2 #content table {position: absolute; bottom: 10px; right: 10px; width: 321px;}
#load2 #content th {width: 115px; padding-top: 19px;}
#load2 #content td {padding-top: 14px;}
#load2 #content a {font-weight: bold; background: #fff; }


/* COMMON */

a       {text-decoration: none; color: #a00;}
a:hover {text-decoration: underline;}

h1 {margin-bottom: 25px; font-size: 1.5em;}

.content ul {list-style-type: disc;}
.content li {margin: 5px auto auto 40px; font-size: .8em;}
.content ol li {margin-left: 45px;}

.content ul.flush li {margin-left: 17px;}
.content ol.flush li {margin-left: 20px;}

.mTop_25 {margin-top: 25px;}