body { color: white; background: url(bg.jpg); background-position: 0 0 }
body { margin-left: 5%; margin-right: 5%; margin-top: 2%; margin-bottom: 2% }
body { font-family: Tahoma, sans-serif; }

h1 { font-family: Tahoma, sans-serif; font-size: 36pt; font-weight: bold; }
h3 { font-weight: bold; color: maroon; font-size: 95%; margin-left: -1% }
h5 { font-size: 60%; color: rgb(10,50,100) }
li { text-indent: 2% }


/* Link colors */
a:link { color: #66CCFF; text-decoration: none }
a:visited { color: #66CCFF; text-decoration: none }
a:active { color: #CCFFFF; text-decoration: none }
a:hover { color: #CCFFFF; text-decoration: underline }

/* Top navbar */
table.nav { width: 100%; padding: 0; border: none; margin-bottom: 0 }
table.nav_link { width: 70%; padding: 0; border: none }
tr.nav { width: 100%; padding: 0 }
td.nav { text-align: center; border: none; width: 100%; color: white; background: none }
td.nav_link { padding: 5px; font-weight: bold; font-size: 75%; text-align: center; width: 25%; border: solid thin rgb(100,170,205); color: rgb(80,150,185); background: rgb(150,220,255) }
td.nav_link:hover { background: rgb(130,200,235) }
a.nav { color: black; text-decoration: none; display: block; }
a.nav:visited { color: black; text-decoration: none }
a.nav:active { color: black; text-decoration: none }
a.nav:hover { color: navy; text-decoration: underline }
img.nav { vertical-align: middle }

/* Box */
table { font-family: Verdana, sans-serif; margin-top: 2%; margin-bottom: 2% }
table.box { width: 700px; padding: 0; border: none; }
tr.box { width: 100%; padding: 0; }
td.title { text-align: left; font-weight: normal; border: solid black thin; width: 100%; color: navy; background: url(bg_title.jpg); font-size: 125%; padding: 10px}
td.text_indent { text-align: justify; font-size: 80%; text-indent: 1.5em; color: black; background: white; padding: 20px; border: solid black thin; border-top: none; width: 100%; }
td.text { text-align: justify; font-size: 80%; text-indent: 0; color: black; background: white; padding: 20px; border: solid black thin; border-top: none; width: 100%; }
td.text a { color: rgb(0,100,200) }
td.text a:visited { color: rgb(0,100,200) }
td.text a:hover { color: rgb(0,100,200) }
td.text_indent a { color: rgb(0,100,200) }
td.text_indent a:visited { color: rgb(0,100,200) }
td.text_indent a:hover { color: rgb(0,100,200) }

/* Screenshots */
img.shot { border-color: black; border: thin solid black }
img.shot:hover { border-color: red }