html { background-image: url(/img/page/leftbg.gif); background-repeat: repeat-y; }
body { font-size: 80%; margin: 0; padding: 0; font-family: Arial, Helvetica, Sans-Serif; color: #000000; background-image: url(/img/page/leftbg.gif); background-repeat: repeat-y; height: 100%; }
form, fieldset { margin: 0; padding: 0; border: 0; }
img { border: 0; }

div { margin: 0; padding: 0; }

a, a:link, a:active, a:visited { color:#666699; text-decoration:none; }
a:hover { color:#666699; text-decoration:underline; }


#left_bar { width: 26px; height: 250px; float: left; background-color: #666699; }
#left_div { height: 600px; width: 197px; float: left; background-color: #CCCCFF; font-weight: bold; }
#outer_div { width: 100%; position: absolute; top: 0px; left: 223px; background-image: url(/img/page/rightbg.gif); background-position: right; background-repeat: repeat-y; }

.tools_div { margin-top:30px; font-size: 85%; color: #000000; padding-left:8px; }
.tools_div a, .tools_div a:link, .tools_div a:active, .tools_div a:visited, .tools_div a:hover { font-weight:normal; }


#top_div { height: 85px; margin: 0; padding: 0; background-image: url(/img/page/bg.gif); background-repeat: repeat-x; }

#ndiv { float:left; width: 320px; padding: 36px 0 0 10px; color: #a0a0ff; }

#meta_div { height: 56px; width: 260px; float: right; display: block; }
#meta_div input { height: 17px; width: 105px; padding-left:3px; border-width: 1px; border-style: solid; border-color: #AAAAAA; font-size: 11px; }

.meta_tab { padding: 0; margin: 3px 0 0 0; border: 0; color: #AAAAAA; text-align: left; }
.meta_tab td { width: 110px; }

.meta_tab a, .meta_tab a:link, .meta_tab a:active, .meta_tab a:visited { text-decoration: none; color: #AAAAAA; }
.meta_tab a.sel, .meta_tab a.sel:link, .meta_tab a.sel:active, .meta_tab a.sel:visited, .meta_tab a.sel:hover, .meta_tab a:hover { text-decoration: none; color: #000000; }

.mainnav { font-weight: bold; text-transform: uppercase; padding: 10px 0 0 5px; display: block; clear: both; background-color: #AAAAAA; height: 1em; line-height: 100%; }
.mainnav a, .mainnav a:link, .mainnav a:active, .mainnav a:visited { color: #000000; text-decoration: none; margin: 0 5px; padding: 0; background-color: #AAAAAA; }
.mainnav a:hover, .mainnav a.sel, .mainnav a.sel:link, .mainnav a.sel:active, .mainnav a.sel:visited, .mainnav a.sel:hover { color: #FFFFFF; text-decoration: none; margin: 0 5px; padding: 0; background-color: #AAAAAA;  }

.langsel { padding-top: 5px; width: 132px; height: 17px; vertical-align: top; }
.langsel img { margin-right: 5px; }
#r_div { width: 230px; float: right; margin: 0; padding: 0 0 10px 0; font-size: 85%; background-color: #AAAAAA; }

.infobox { margin: 0 17px 17px 17px; padding: 0; width: 194px; border-style: solid; border-width: 1px; border-color: #EEEEEE; }
.infobox p { padding: 8px 8px; margin: 0; line-height: 150%; text-align: justify; }
.infobox h2 { padding: 8px 8px 0 8px; margin: 0; line-height: 120%; font-weight: bold; font-size: 100%; }

.infobox a, .infobox a:link, .infobox a:active, .infobox a:visited { color:#FCFCFC; text-decoration:none; }
.infobox a:hover { color:#FCFCFC; text-decoration:underline; }

#content_div { height: 100%; display: block; }

#content { position: relative; top: 0; left: 0; float: left; padding: 16px; line-height: 160%; overflow:hidden;}
#content p { margin: 5px 0; }
#content h1 { font-size: 125%; color: #666699; margin: 0; }
#content h2 { font-size: 100%; color: #808080; margin: 0; font-weight: normal; }

.article { position: relative; top: 0px; left: 0px; padding-bottom: 25px; text-align: justify; }

.article img.pic, .article img.picL { border-style: solid; border-width: 1px; border-color: #666699; margin: 0 13px 5px 0; float: left; }
.article img.picR { border-style: solid; border-width: 1px; border-color: #666699; margin: 0 0 5px 13px ; float: right; }

.article a.more, .article a.more:link, .article a.more:active, .article a.more:visited { color: #666699; text-decoration: none; line-height: 200%; font-weight: bold; }
.article a.more:hover { color: #666699; text-decoration: underline; font-weight: bold; }

.pager { margin: 20px 0; font-weight: bold; color: #AAAAAA; border-width: 1px 0 0 0; border-color: #AAAAAA; border-style: solid; display: block; }
.pager a, .pager a:link, .pager a:active, .pager a:visited { color: #666699; text-decoration: none; }
.pager a:hover { color: #666699; text-decoration: underline; }

a.more, a.more:link, a.more:active, a.more:visited { color: #FFFFFF; text-decoration: none; line-height: 200%; }
a.more:hover { color: #FFFFFF; text-decoration: underline; }

.datum { position: absolute; right: 25px; z-index: 1; top: 0px; font-size: 85%; color: #808080; text-align: right; font-weight: normal; }

#left_div a, #left_div a:link, #left_div a:visited, #left_div a:active { text-decoration: none; color: #666699; }
#left_div a:hover { text-decoration: none; color: #FE0000; }

#left_div a.sel, #left_div a.sel:link, #left_div a.sel:visited, #left_div a.sel:active, #left_div a.sel:hover { text-decoration: none; color: #FE0000; }

#left_div ul { padding: 10px 6px 0 6px; list-style-type: none; margin: 0; }
#left_div li { padding: 0 0 0 16px; margin-bottom: 6px; background-image: url(/img/page/bar.gif); background-repeat: no-repeat; }
#left_div li.sel { padding: 0 0 0 16px; margin-bottom: 6px; background-image: url(/img/page/arrow_r.gif); background-repeat: no-repeat; }

#left_div ul ul { padding: 6px 0 6px 6px; list-style-type: none; margin: 0; }
#left_div ul ul li { padding: 0; margin-bottom: 6px; background-image: url(/img/nix.gif);  }
#left_div ul ul li.sel { padding: 0; margin-bottom: 6px; background-image: url(/img/nix.gif);  }

hr { clear: both; visibility: hidden; }
.uline { border-width: 0 0 1px 0; border-color: #AAAAAA; border-style: solid; display: block; }


#footer_div { color: #AAAAAA; font-size: 85%; padding: 0 17px; position: absolute; bottom: 5px; }
#footer_div a, #footer_div a:link, #footer_div a:active, #footer_div a:visited { color: #AAAAAA; text-decoration: none; }
#footer_div a:hover { color: #AAAAAA; text-decoration: underline; }

#credits { position: absolute; bottom: 5px; white-space: nowrap; text-align: right; color: #669999; font-size: 85%; display: block; width: 100%; float: right; }
#credits { clear:left; position:absolute; bottom:5px; white-space:nowrap; text-align:right; color:#669999; font-size:85%; display:block; width:100%; float:right; margin:0; padding:0; }

#credits a, #credits a:link, #credits a:active, #credits a:visited { color: #666699; text-decoration: none; }
#credits a:hover { color: #666699; text-decoration: underline; }

.slideshow { margin-top:15px; }

.goodie-teaser { background-color: #FFFBD6; border-radius:20px; padding: 15px 15px 10px 15px; border: 1px solid #F4E89B; margin: 8px 0 20px 0; text-align:center; }
.goodie .slideshow dl {  float: left; background-color: #FFFBD6; margin: 3px 3px 0 0; width: 166px; }

.slideshow dl {  float: left; background-color: #CCCCFF; margin: 3px 3px 0 0; width: 166px; }
.slideshow dt { margin: 0; padding: 3px 3px 0 3px; width: 160px; }

.slideshow dd { margin: 0; padding: 0 3px 3px 3px; width: 160px; }
.slideshow dd h3 a, .slideshow dd h3 a:link, .slideshow dd h3 a:active, .slideshow dd h3 a:visited { color: #666699; text-decoration: none; }
.slideshow dd h3 a:hover { color: #666699; text-decoration: underline; }

.slideshow dd p a, .slideshow dd p a:link, .slideshow dd p a:active, .slideshow dd p a:visited { color: #000000; text-decoration: none; }
.slideshow dd p a:hover { color: #000000; text-decoration: underline; }

.slideshow h3 { text-align: left; font-size: 85%; padding: 2px 0; margin: 0; line-height: 110%; color: #666699; }
.slideshow p { text-align: left; font-size: 85%; margin: 0; padding: 0; line-height: 110%; color: #000000; }

.datatable { border-spacing:0; border-collapse:collapse; font-size: 95%; }
.datatable td { padding:0 2px; border-width:1px; border-style:solid; border-color:#808080; empty-cells:show; text-align:left; vertical-align:top; }

.ttop { position:absolute; right:25px; z-index:1; top:20px; font-size:90%; color:#BECA9A; text-align:right; font-weight:normal; }

acronym { border-bottom-width:1px; border-bottom-style:dashed; cursor: help; }
acronym.rot { border-bottom-width:1px; border-bottom-style:dashed; cursor: help; color:#FF0000; }
tt { color:#AAAAAA; font-family:Arial,helvetica; font-size:75%; }

.spons { color: #010066; font-size: 0.85em; text-transform: uppercase; margin-bottom: 10px; text-align: center; border-width: 2px 0; border-color: #010066; border-style: solid; padding: 0 0 5px 0; }
.spons img { margin: 5px 0 0 0; }