* {	font-family: Arial, Helvetica, sans-serif }
body   { background-color: #00252b }
#container  { width: 916px }
#container #header  { background: url(../images/header_top.jpg) no-repeat; position: relative; width: 916px; height: 298px }
#header #buttons { position: absolute; top: 0px; left: 822px; width: 94px }
#header #search { color: #fff; font-size: 12px; line-height: 18px; font-family: arial, helvetica, sans-serif; text-align: left; position: absolute; top: 59px; left: 690px; width: 220px }
#searchbox { color: #f5f5f5; font-weight: bold; font-size: 10px; line-height: 22px; font-family: arial, helvetica, sans-serif; background: url(../images/input_keyword.gif) no-repeat; vertical-align: middle; border: 0px; width: 180px; height: 25px }
#header #photobar { position: relative; top: 122px }
#container #contentarea  { background: url(../images/content_background.gif) repeat-y; position: relative; width: 916px; min-height: 320px }
/* Super Hack for Crummy IE to give the content area a set height for short pages. FF Does reads Min height - IE does not */
/*\*/
* html #contentarea { height: 320px }
/**/
.contentheading,
.contentpagetitle,
a.contentpagetitle:link,
a.contentpagetitle:active,
a.contentpagetitle:visited  { color: #004c60; font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, sans-serif; display: block; padding-top: 25px }
table.moduletable td   { font-size: 11px; font-family: Arial, Helvetica, sans-serif }
table.moduletable th   { font-size: 12px; font-family: Arial, Helvetica, sans-serif }
#contentarea #leftcol     { text-align: left; float: left; padding-left: 9px; position: absolute; left: 6px; width: 200px }
a.mainlevel:link, a.mainlevel:visited   { color: #6db5b5; font-size: 11px; line-height: 16px; font-family: arial, helvetica, sans-serif; text-decoration: none; background: url(../images/main-sublevel.gif) no-repeat; display: block; padding-left: 20px; width: 200px }
a.mainlevel:hover    { color: #477777; text-decoration: none; background: #c3dae6 url(../images/main-sub_hover.gif) no-repeat }
a.sublevel:link, a.sublevel:visited     { color: #6db5b5; font-size: 11px; line-height: 16px; font-family: arial, helvetica, sans-serif; text-decoration: none; background: url(../images/main-sublevel.gif) no-repeat; display: inline; padding-left: 20px; width: 170px }
a.sublevel:hover    { color: #477777; text-decoration: none; background: #c3dae6 url(../images/main-sub_hover.gif) no-repeat }

#contentarea #content       { color: #808080; font-size: 16px; line-height: 20px; text-align: left; position: relative; top: 0px; left: 100px; width: 630px; visibility: visible }
a:link, a:visited { color: #446c79 }
a:hover { color: #5f97aa; text-decoration: none }
#container #footer { background-image: url(../images/footer_background.gif); position: relative; width: 916px; height: 155px }
#footer #copyright    { color: #fff; font-size: 10px; font-family: arial, helvetica, sans-serif; text-align: right; position: absolute; z-index: 30; top: 95px; left: 550px; width: 350px }
#footer #links  { color: #fff; font-size: 12px; font-family: arial, helvetica, sans-serif; text-align: left; position: absolute; top: 32px; left: 47px }
#links a:link { color: #fff; text-decoration: none }
#links a:visited { color: #fff; text-decoration: none }
#links a:hover { color: #f5f5f5; text-decoration: underline }
h1 { color: #696969; font-weight: bold; font-size: 18px; font-family: Georgia, "Times New Roman", serif }
h2 { color: #696969; font-weight: bold; font-size: 14px; font-family: Georgia, "Times New Roman", serif }
h3 { color: #696969; font-weight: bold; font-size: 13px; font-family: Georgia, "Times New Roman", serif }
.small { font-size: 8px }
.tablehead  { color: black; font-weight: bold; font-size: 13px; font-family: Arial; background-color: #bbe0e0 }