/* LAYOUT
-------------------------------------------------*/
body { font: 100% arial,sans-serif; background: #fff; color: #000;	text-align: center; }
.clear { width: auto; height: 1px; overflow: hidden; clear: both; }
#container { width: 760px; margin: 10px auto; text-align: left; position: relative; }
#header img, #nav img, #sidebar img { border: 0; }

/* HEADER
-------------------------------------------------*/
#header { position: relative; width: 760px; height: 148px; background: #fff url(../images/headerbar.gif) no-repeat left bottom; }
#header #logo { position: absolute; left: 563px; top: 30px; width: 200px; height: 60px; }
#header #flash { position: absolute; width: 570px; height: 110px; background: url(../images/bg_header_noflash.jpg) no-repeat; }
#header #flashswf { width: 570px; height: 110px; }

/* NAV
-------------------------------------------------*/
#nav { width: 180px; float: left; font-size: 75%; }
#nav a { cursor: pointer; }

#nav ul a { font-weight: bold; display: block; padding: 5px 0 5px 20px; background: transparent url(../images/bullet_white.gif) no-repeat left center; }
#nav ul a:link, #nav ul a:visited { color: #008ace; text-decoration: none; }
#nav ul a:hover, #nav ul a:active { color: #005577; text-decoration: none; }

#nav ul ul { margin-bottom: 0.5em; }
#nav ul ul a { font-weight: bold; padding: 3px 0 3px 20px; font-size: 90%; background-image: none; }
#nav ul ul a:link, #nav ul ul a:visited { color: #000000; text-decoration: none; }
#nav ul ul a:hover, #nav ul ul a:active { color: #005577; text-decoration: none; }

#nav ul ul ul { margin-bottom: 0.5em; list-style: disc; padding-left: 35px; }
#nav ul ul ul a { font-weight: normal; padding: 3px 0; font-size: 90%; background-image: none; }
#nav ul ul ul a:link, #nav ul ul ul a:visited { color: #000000; text-decoration: none; }
#nav ul ul ul a:hover, #nav ul ul ul a:active { color: #005577; text-decoration: none; }

/* SEARCH
-------------------------------------------------*/
#search { clear: both; position: relative; width: 180px; height: 22px; margin-top: 1em; background: url(../images/search_input.gif) no-repeat left top; }
#search #searchinput { position: absolute; left: 20px; width: 96px; padding-top: 4px; font-size: 85%; border: 0; background: transparent; }
#search #searchsubmit { position: absolute; left: 106px; width: 44px; height: 21px; border: 0; background: transparent; }

/* CONTENT
-------------------------------------------------*/
#content { margin-top: 10px; }
#content .box { font-size: 80%; line-height: 1.4; text-align: justify; background: #dff4ff; padding: 10px 10px 1px 10px; margin: 0 0 1em; }

#main { width: 560px; float: right; }
#main h1 { font-style: italic; font-weight: bold; padding: 7px 0 5px 15px; color: #fff; background: #0085ce url(../images/bg_angle_white.gif) no-repeat left bottom; }
#main h2 { font-style: italic; font-weight: bold; font-size: 120%; margin: 0 0 1em; color: #000; }
#main h3 { font-style: italic; font-weight: bold; font-size: 100%; margin: 0.5em 0; padding-top: 1em; border-top: 1px solid #fff; color: #000; }
#main p { margin: 0 0 1em; }
#main ul { margin: 0 0 1em; padding: 0 0 0 1.5em; list-style-type: square; list-style-image: url(../images/bullet_midblue.gif); text-align: left; }
#main strong { font-weight: bold; }
#main em { font-style: italic; }

#main a:link { color: #008ace; text-decoration: underline; }
#main a:visited { color: #005577; text-decoration: underline; }
#main a:hover, #main a:active { color: #005577; text-decoration: none; }

#main sup { font-size: 80%; vertical-align: super; }
#main sub { font-size: 80%; vertical-align: sub; }

#main td { vertical-align: top; }

/* BREADCRUMB
-------------------------------------------------*/
#breadcrumb { width: 560px; text-align: right; font-size: 70%; margin: 0 0 0.8em; }
#breadcrumb ul { list-style: none; margin: 0; padding: 0; display: inline; }
#breadcrumb li { display: inline; }
#breadcrumb strong { font-weight: bold; color: #333; }

/* CONTENT -- HOME
-------------------------------------------------*/
#home { width: 570px; float: right; }
#home #main { width: 380px; float: left; }
#home ul.n1 li { font-weight: bold; margin-bottom: 3px; }
#home ul.n1 a:link, #home ul.n1 a:visited, #home ul.n1 a:hover, #home ul.n1 a:active { text-decoration: none; } 

/* SIDEBAR -- HOME
-------------------------------------------------*/
#sidebar { float: right; width: 180px; }
#sidebar h1 { font-style: italic; font-weight: bold; padding: 7px 0 5px 15px; margin-bottom: 10px; color: #fff; background: #0085ce url(../images/bg_angle_white.gif) no-repeat left bottom;  }
#sidebar p { margin-bottom: 10px; }

/* SITEMAP 
-------------------------------------------------*/
#main #sitemap { line-height: 1; }
#main #sitemap a { display: block; padding: 0.5em 0; }
#main #sitemap a:link { color: #008ace; text-decoration: none; }
#main #sitemap a:visited { color: #005577; text-decoration: none; }
#main #sitemap a:hover, #main a:active { color: #005577; text-decoration: none; }

/* SITEMAP - TOP LEVEL
-------------------------------------------------*/
#main #sitemap ul { list-style: none; padding: 0; margin: 0; }
#main #sitemap ul li { border-bottom: 1px solid #fff; font-weight: bold; }

/* SITEMAP - SECONDARY LEVEL
-------------------------------------------------*/
#main #sitemap ul ul { padding: 0 0 0 1.5em; list-style-type: square; list-style-image: url(../images/bullet_midblue.gif); }
#main #sitemap ul ul li { border: 0; font-weight: normal; }

/* SITEMAP - FURTHER LEVELS
-------------------------------------------------*/
#main #sitemap ul ul ul { padding: 0 0 0 1.5em; list-style-type: circle; list-style-image: none; }
#main #sitemap ul ul ul li { border: 0; font-weight: normal; }

/* DOWNLOADS TABLE
-------------------------------------------------*/
#main .downloads { width: 536px; font-size: 85%; }
#main .downloads td { width: 134px; vertical-align: top; text-align: center; }
#main .downloads p { margin: 2px 0; }

/* FOOTER
-------------------------------------------------*/
#footer { clear: both; float: left; width: 730px; padding: 5px 15px; margin: 1em 0; font-size: 70%; line-height: 1; color: #56b3e1; background: #0085ce url(../images/bg_angle_white.gif) no-repeat left bottom; }
#footer .info { width: 500px; float: left; }
#footer strong { font-weight: bold; color: #fff; }
#footer a:link, #footer a:visited { color: #fff; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #fff; text-decoration: none; }
#footer .credit { width: 200px; float: right; text-align: right; }
#footer .credit a:link, #footer .credit a:visited, #footer .credit a:hover, #footer .credit a:active { color: #56b3e1; text-decoration: none; }