body { font-family: arial; text-align: justify; background-attachment: fixed; }
p, span, div, li { font-size: 10pt; }
ul { list-style-type: circle; }

.ContentTitleRow { clear: left; background-color: rgb(245, 245, 245); color: rgb(100, 100, 100) }
.ContentDate { float: right; font-size: 12pt; padding-left: 15px; }
.ContentTitle { font-size: 12pt; }
.ContentBody { padding-top: 5px; padding-bottom: 30px; color: rgb(50, 50, 50); line-height: 1.5; }

#ContentArea { position: absolute; left: 2%; top: 15%; width: 70%; height: 65%; overflow: auto; border: 3px solid RGB(200,200, 200); padding: 10px; background-color: white; }

#Title { position: absolute; left: 70%; top: 0px; width: 100px; padding-top: 3px; padding-right: 3px; margin-left: -135px; text-align: right; font-size: larger; }

#PageTitle { position: absolute; left: 2%; top: 15%; width: 70%; text-align: right; font-size: 20pt; color: rgb(150, 150, 150); letter-spacing: 0.5em; padding-right: 25px; margin-top: -33px; }

.ThumbnailCell { padding-bottom: 15px; padding-top:15px; width: 25%; font-size: 7pt; }
.ThumbnailCell IMG { position: relative;  border: 1px solid black; }

#NavBar { position: absolute; left: 50%; top: 85%; width: 80%; padding: 0px; margin-left: -40%; }
a.NavLink { font-size: 9pt; color: rgb(100, 100, 100); }
a.NavLink:link { color: rgb(100, 100, 100); }
a.NavLink:hover { color: rgb(100, 100, 100); text-decoration: none;}
a.ActiveNavLink { text-decoration: none; font-weight: bolder; font-size: 9pt; color: rgb(100, 100, 100); }
a.ActiveNavLink:link {  }
a.ActiveNavLink:hover {  text-decoration: none;}

#Rant { position: absolute; margin-left: -23%; left: 100%; top: 15%; height: 65%; width: 22%; background-color: rgb(255, 255, 255); background-image: url(images/rora.gif); background-repeat: no-repeat; background-position: 50% 50%; text-align: center; vertical-align: middle; color: rgb(160, 160, 160); overflow: auto; }
#Rant a { text-decoration: none; color: rgb(220, 100, 100); }
#Rant a:hover { text-decoration: underline; }