* { margin: 0; padding: 0; }
body { background-color: #e0e0e0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #404040; }
p { line-height: 150%; margin: 0.5em 0 1em 0; }
td { vertical-align: top; font-size: 10pt; }

h1, h2 { padding: 5px 0; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.1em; font-size: 18pt; color: #808080; font-weight: normal; }
h2 { font-size: 15pt; }
ul { margin-left: 40px; }

.title { text-align: right; border-bottom: 1px solid #ccc; }
.title h1 { float: left; }
.title h2 { font-size: 11pt; }


a:link, a:visited { color: #214f8b; text-decoration: none; }
a:hover, a:active { color: #2f6fc5; text-decoration: underline; }

/* container */
#table { height: 100%; width: 100%; margin-bottom: 1px; background-color: #fff; }
#left { background: #e0e0e0 url('images/gradient_left.gif') right repeat-y; }
#right { background: #e0e0e0 url('images/gradient_right.gif') left repeat-y; }
#left, #right { width: 7%; }
#center { text-align: justify; padding: 6px 4px; }
#foot { padding: 20px 0 10px 0; font-size: 10px; text-align: center; }

/* header */
#header, #header div { width: 100%; margin: auto; height: 151px; }
#header { background: #5B89BB url('images/header_right.jpg') top right no-repeat; }
#header div { background: transparent url('images/header_left.gif') bottom left no-repeat; }

/* horizontal menu bar */
#bar { height: 24px; margin: auto; border: 1px solid #B9B9B9; border-top: 0; background-image: url('images/bar.jpg'); }
#bar div { float: left; background: url('images/spacer.gif') right no-repeat; padding: 5px 18px; }
#bar a:link, #bar a:visited, #bar a:hover, #bar a:active { color: #777; font-size: 11px; text-decoration: none; }

/* the content */
#main { margin: 16px 16px 0 204px; }
#main, #main td { line-height: 150%; }
#menu { margin-top: 10px; float: left; width: 190px; }
#respect { width: 100%; height: 32px; background: #86A8CD url('images/nav_links.png'); }
.menu { line-height: 150%; background: #E0E0E0; padding: 4px 4px 4px 12px; border: 1px solid #B9B9B9; border-top: 0; }
.menu a:link,  .menu a:visited { color: #6C6C6C; text-decoration: none; }
.menu a:hover, .menu a:active   { color: #6C6C6C; text-decoration: underline; }

/* misc */

.small { font-size: 10px; color: #808080; }

.padding { padding: 2px; }
.new { color: red;  font-style: italic; }

/* GML*/
.gml { color: #404040; padding: 5px 10px 10px 5px; overflow: auto; border: 1px solid #bbb; margin: 0.5em 0 2em 0; }
.gml, .gml_font { font-family: "Courier New", monospace; font-size: 10pt; }
.gml_lines { float: left; width: 24px; color: #bbb; }
.comm { font-style: italic; color: #008000; }
.keyw { font-weight: bold; }
.func { color: #202080; }
.gvar { color: #00F; }
.lvar { color: #00F; }
.cons { color: #800000; }
.scrt { color: #800080; }