body { background: #fff none; color: #000; font: normal 90% arial, sans-serif; margin: 0; padding: 0; }
a:link, a:visited, a:active { background-color: inherit; color: #c06000; text-decoration: none; }
a:hover { background-color: inherit; color: #00bb00; text-decoration: underline; }
img { border: none; margin: 0; padding: 0; }
h1 { border-bottom: 3px solid #006000; color: #006000; font: bold 150% arial, sans-serif; margin: 0; padding: 0; }
h2 { border-bottom: 2px solid #006000; color: #006000; font: bold 125% arial, sans-serif; margin: 15px 0 0 0; padding: 0; }
h3 { color: #006000; font: bold 111% arial, sans-serif; margin: 15px 0 0 0; padding: 0; }
p { margin: 0; padding: 0; }

#thin_col { background: #fff url(../imgs/right_bg_thin.gif) top right repeat-y; margin: 7px 0; padding: 0; width: 100%; }
#wide_col { background: #fff url(../imgs/right_bg_wide.gif) top right repeat-y; margin: 7px 0; padding: 0; width: 100%; }

#thin_col #content { margin: 0 178px 0 0; }
#wide_col #content { margin: 0 295px 0 0; }

#thin_col #right_col { margin: 7px 0 7px -178px; width: 178px; }
#wide_col #right_col { margin: 7px 0 7px -295px; width: 295px; }

#content { float: left; padding: 23px 30px 18px 30px; }
#content p { margin: 15px 0 0 0; padding: 0; }
#content ul, #content ol { margin: 15px 30px; padding: 0; }
#content li { margin: 0; padding: 0; }
#content ol li { margin: 0; padding: 0 0 5px 0; }
#content em { color: #40c040; font-size: 110%; font-style: italic; font-weight: bold; }
#content table { border: none; margin: 15px 0 0 0; padding: 0; width: 100%; }
#content th { background-color: #bbddbb; border: 1px solid #fff; border-width: 0 2px 0 0; color: #000; font-size: 100%; font-weight: bold; margin: 0; padding: 7px; text-align: left; vertical-align: top; }
#content td { background-color: #fff; border: none; color: #000; font-size: 100%; margin: 0; padding: 7px; vertical-align: top; }
#content td.even { background-color: #ddffdd; color: #000; }
#content td.odd { background-color: #cceecc; color: #000; }
#content .close { margin: 0; padding: 0; }
#content .extral { padding-left: 30px; }
#content .picblock { clear: left; margin: 15px 0 0 0; padding: 0; }
#content .picblock img { float: left; margin: 3px 15px 22px 0; padding: 0; }
#content .picblock p { margin: 0 0 25px 0; padding: 0; }
#content .picblock .close { margin: 0 0 10px 0; padding: 0; }
#content .smcenter td { font-size: 90%; text-align: center; }
#content .with_border { border-collapse: collapse; }
#content .with_border td { border: 1px solid #006000; }

#right_col { background: transparent; float: right; padding: 15px 0; text-align: center; }
#right_col a { text-decoration: underline; }
#right_col ul { list-style-type: none; margin: 10px 0 0 0; padding: 0; }
#right_col li { margin: 0; padding: 5px 0 0 0; }
#right_col .box { margin: 0; padding: 0 15px 0 15px; }
#right_col .box p { margin: 0; padding: 7px; }
#right_col .download img { display: block; margin: 15px auto 0 auto; padding: 0; }
#right_col .printversion img { border: 1px solid #c06000; display: block; margin: 15px auto 0 auto; padding: 0; }
#right_col .printversion img:hover { border: 1px solid #00bb00; }
#right_col .screen_shots { margin: 0; padding: 15px 15px 0 15px; }
#right_col .screen_shots img { margin: 0 0 12px 0; padding: 0; }

#thin_col #right_col .screen_shots img.last { margin-bottom: 0; }
#wide_col #right_col .screen_shots img.first { margin-right: 15px; }

#top_menu { clear: both	; font-size: 0.9em; }
#top_menu ul { background: #008000 none; height: 2.5em; list-style-type: none; margin: 0; padding: 0; }
#top_menu ul ul { width: 15em; }
#top_menu ul li { float: left; height: 2.5em; line-height: 2.5em; }
#top_menu ul ul li { display: block; height: auto; line-height: 1em; position: relative; width: 12em; }
#top_menu a, #top_menu a:visited { background: #008000 none; color: #fff; display: block; float: left; font-size: 1em; height: 100%; padding: 0 3em 0 1em; text-decoration: none; }
#top_menu ul ul a, #top_menu ul ul a:visited { background: #008000 none; color: #fff; display: block; height: 100%; line-height: 1em; padding: 0.5em 1em; width: 12em; }
#top_menu ul table ul a, #top_menu ul table ul a:visited { width: 14em; w\idth: 12em; }
#top_menu table { font-size: 1em; left: 0; position: absolute; top: 0; z-index: -1; }
#top_menu ul ul table { lef\t: -1px; }
#top_menu ul ul table ul.left { margin-lef\t: 2px; }
#top_menu li:hover { position: relative; }
* html #top_menu a:hover { position: relative; }
#top_menu a:hover { background: #004000 none; color: #fff; }
#top_menu :hover > a { background: #004000 none; color: #fff; }
#top_menu ul ul a:hover { background: #004000 none; color: #fff; }
#top_menu ul ul :hover > a { background: #004000 none; color: #fff; }
#top_menu ul ul { height: 0; left: 0; position: absolute; top: 2.5em; visibility: hidden; width: 14em; }
#top_menu ul li:hover ul, #top_menu ul a:hover ul { background: transparent url(../imgs/clear.gif); height: auto; padding-bottom: 1.5em; visibility: visible; }

#logo { background: #000 url(../imgs/hdmid.gif) left top repeat-x; border-bottom: 3px solid #000; color: #fff; height: 72px; margin: 0; padding: 0; text-align: right; }
#logo p { float: left; height: 72px; margin: 0; padding: 0; }
* html #logo img { display: block; }

#footer { background: #cceecc none; border-top: 1px solid #006000; clear: both; font-size: 0.9em; margin: 0; padding: 0 0 15px 0; text-align: left; }
#footer p { clear: both; margin: 0; padding: 7px 15px 0 15px; }

.clear { clear: both; display: block; height: 1px; margin: 0; overflow: hidden; padding: 0; }
.clearl { clear: left; }
.clearr { clear: right; }
.clearb { clear: both; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.rdinner { background: #eeffee; border-color: #008000; border-style: solid; border-width: 0 1px; color: inherit; display: block; }
.rdb { display: block; font-size: 1px; overflow: hidden; }
.rdba { background: #008000; color: inherit; display: block; height: 1px; margin: 0 5px; overflow: hidden; }
.rdbb { background: #eeffee; border-color: #008000; border-style: solid; border-width: 0 2px; color: inherit; display: block; height: 1px; margin: 0 3px; overflow: hidden; }
.rdbc { background: #eeffee; border-color: #008000; border-style: solid; border-width: 0 1px; color: inherit; display: block; height: 1px; margin:0 2px; overflow: hidden; }
.rdbd { background: #eeffee; border-color: #008000; border-style: solid; border-width: 0 1px; color: inherit; display: block; height: 2px; margin: 0 1px; overflow: hidden; }
.rdcont { font-size: 1px; display: block; height: 1px; overflow: hidden; }

.muleft { float: left; font-size: 80%; margin: 20px 20px 10px 0; padding: 0; text-align: center; }
.muright { float: right; font-size: 80%; margin: 20px 0 10px 20px; padding: 0; text-align: center; }