/* == 1. General == */

/* -- 1.1 Reset style -- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, em, font, img, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; border: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100.01%; font-family: inherit; vertical-align: baseline; }
ol, ul {list-style: none; }
:focus {outline: 0; }

/* -- 1.2 General rules -- */

body {margin: 5px; padding: 5px; font: normal 0.9em/1.3em Verdana, Arial, sans-serif; background: #f0f4e6; color: #000; } 

#container {margin: 0px auto; border: 1px solid #454545; width: 1000px; background: #fff; }

a[href$='.doc'] {padding: 5px 20px 5px 0; background: transparent url(../images/icon_doc.gif) no-repeat center right; }
a[href$='.xls'] {padding: 5px 20px 5px 0;	background: transparent url(../images/icon_xls.gif) no-repeat center right; }
a[href$='.pdf'] {padding: 5px 20px 5px 0;	background: transparent url(../images/icon_pdf.gif) no-repeat center right; }
a[href ^="mailto:"] {padding: 5px 20px 5px 0; background: transparent url(../images/icon_mailto.gif) no-repeat center right; }
a.ext[href ^="http://"] {padding: 5px 20px 5px 0; background: transparent url(../images/icon_external.gif) no-repeat center right; }
a.int[href$='.html'] {padding: 5px 20px 5px 0; background: transparent url(../images/icon_internal.gif) no-repeat center right; }

/* == 2. Header == */

/* -- 2.1 Logo -- */

#printlogo {display: none; }

#logo {width: 1000px; height: 50px; background: url(../images/logobg.gif) repeat top left #454545; }

#home {float:left; width: 450px; height: 50px; background: url(../images/logo.gif) no-repeat top left; }
#home li {width: 450px; }
#home a {display: block; width: 450px; height: 50px; background: transparent; }
#home b {visibility: hidden; }

#topmenu {float: right; margin-top: 15px; width: 40px; }
#topmenu li {float: left; padding-right: 5px; }

/* -- 2.2 Main menu -- */

#menucontainer {border-bottom: #454545 3px solid; padding-top: 2px; width: 1000px;  height: 250px; background: url(../images/menubg1.jpg) no-repeat top left #454545; }

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload {background: url(../images/navbn.gif); }
#nav {padding: 0 0 0 32px; margin: 0; list-style: none; height: 40px; background: #fff url(../images/navbg.gif) repeat-x;  position: relative; font-family: arial, verdana, sans-serif; }
#nav li.top {display: block; float: left; position: relative; }
#nav li a.top_link {display: block; float: left; height: 40px; line-height: 33px; color: #fff; text-decoration: none;  font-size: 12px; font-weight: bold; padding: 0 0 0 12px; cursor: pointer;}
#nav li a.top_link span {float: left; display: block; padding: 0 24px 0 12px; height: 40px; }
#nav li a.top_link span.down {float: left; display: block; padding: 0 24px 0 12px; height: 40px; background: url(../images/navdown.gif) no-repeat right top; }
#nav li a.top_link:hover {color: #fff; background: url(../images/navbn.gif) no-repeat; }
#nav li a.top_link:hover span {background: url(../images/navbn.gif) no-repeat right top; }
#nav li a.top_link:hover span.down {background: url(../images/navbn.gif) no-repeat right top; }

#nav li:hover > a.top_link {color: #fff; background: url(../images/navbn.gif) no-repeat; }
#nav li:hover > a.top_link span {background: url(../images/navbn.gif) no-repeat right top; }
#nav li:hover > a.top_link span.down {background: url(../images/navbnd.gif) no-repeat right top; }


#nav table {border-collapse: collapse; width: 0; height: 0; position: absolute; top: 0; left: 0;}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */

#nav a:hover {visibility:visible;}
#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav :hover ul ul, 
#nav :hover ul :hover ul ul,
#nav :hover ul :hover ul :hover ul ul,
#nav :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav :hover ul.sub {left:2px; top:40px; background: #f0f4e6; padding:3px 0; border:1px solid #607722; white-space:nowrap; width:93px; height:auto;}
#nav :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
#nav :hover ul.sub li a {display:block; font-size:12px; height:20px; width:87px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
#nav :hover ul.sub li a.fly {background:#fff url(../images/navarrow.gif) 80px 7px no-repeat;}
#nav :hover ul.sub li a:hover {background:#607722; color:#fff;}
#nav :hover ul.sub li a.fly:hover {background:#607722 url(../images/navarrow_over.gif) 80px 7px no-repeat; color:#fff;}
#nav :hover ul li:hover > a.fly {background:#607722 url(../images/navarrow_over.gif) 80px 7px no-repeat; color:#fff;} 

#nav :hover ul :hover ul,
#nav :hover ul :hover ul :hover ul,
#nav :hover ul :hover ul :hover ul :hover ul,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #607722; white-space:nowrap; width:93px; z-index:200; height:auto;}

/* == 3. Content == */

/* -- 3.1 General rules */

#main {width: 1000px; background: #fff; }

/* -- 3.2 Sidebar -- */

#sidebar {float: right; padding: 5px; width: 216px; font-size: 0.8em; background: #fff; }
.uline {margin: 1em 0; border-bottom: 1.5px solid #454545; font-weight: bold; color: #607722; }

/* -- 3.3 Content area -- */

#content {float: left; padding: 10px; width: 750px; background: #fff; }
#update {margin: 0.5em 0 0.5em 1em; font-size: 0.9em; color: #607722; }

#content a:link, .textlink a:link {color: #607722; }
#content a:visited, .textlink a:visited {color: #607722; }
#content a:hover, .textlink a:hover {background: #607722; color: #f0f4e6; }
#content a:focus, .textlink a:focus {background: #607722; color: #f0f4e6; }
#content a:active, .textlink a:active {background: #607722; color: #f0f4e6; }

/* -- 3.3 Headings -- */

h1 {font-size: 1.5em; line-height: 1.6em; border-bottom: 1.5px solid #607722; }
h2 {margin: 1em 0 0 0; font-size: 1.3em; line-height: 1.4em; }
h3 {font-style: italic; font-size: 1.1em; line-height: 1.4em;}

/* -- 3.4 Text and lists -- */

p {margin-bottom: 0.5em; }
#content ul {margin: 0.5em 0 0.5em 1.3em; list-style: disc outside;}
#content ul li {margin: 0.5em 0 0 0; line-height: 1.3em;}
#content ol {margin: 0.5em 0 0.5em 2em; list-style: lower-alpha outside;}
#content ol li {margin: 0.5em 0 0 0; line-height: 1.3em;}
#content dl {margin: 0.5em 0 0.5em 0;}
#content dt {padding-top: 0.5em; font-weight: bold; line-height: 1.3em;}
#content dd {line-height: 1.3em;}

/* -- 3.5 Tables -- */

#content table {margin-top: 0.5em; border: 1px solid #607722; border-collapse: collapse; background: #607722;}
#content caption {padding-bottom: 0.5em; text-align: center; font-style: italic;}
#content thead {text-align: center; font-weight: bold; font-size: 0.9em; color: #fff;}
#content tfoot {text-align: center; font-size: 0.9em; font-weight: bold; background: #fff; color: #607722;}
#content tbody {text-align: left; font-size: 0.9em; background: #fff;}
#content th, #content td {border: 1px solid #607722; padding: 0.5em;}

/* -- 3.6 Forms -- */
#content form {margin-top: 0.5em;}

/* == 4. Footer == */
 
#footer {clear:both; border-top: 1px solid #454545; padding: 5px 0; width: 1000px; background: url(../images/logobg.gif) repeat top left #454545; text-align: center; }
#footer p {color: #f0f4e6; font-size: 0.9em; line-height: 1.3em; }
#footer a:link {color: #f0f4e6; }
#footer a:visited {color: #f0f4e6; }
#footer a:hover {background: #f0f4e6; color: #607722; }
#footer a:focus {background: #f0f4e6; color: #607722; }
#footer a:active {background: #f0f4e6; color: #607722; }