body { font-size: small; text-align: left; line-height: 1.5; display: block; height: 520px; width: 780px; font-family: Arial, Helvetica, sans-serif; color: rgb(102,102,102); background-color: #ebebe8; position: relative; overflow: visible; clip: auto; visibility: visible; margin-top: 2em; margin-right: auto; margin-left: auto; border-top-style: none; border-right-style: dotted; border-right-width: 1px; border-bottom-style: none; border-left-style: dotted; border-left-width: 1px; }
/*a:before { content: URL(../media/r_arrow_bl.png) " "; }*/
a, a:link, a:active { color: #666; background-image: url(../media/r_arrow_bl.png); background-repeat: no-repeat; background-position: 0 0.3em; text-decoration: none; padding-left: 6px; }
a:hover { color: #949494; text-decoration: underline; }
a:visited { text-decoration: none; }
.small { font-size: x-small; }
/*clears right arrow for links*/
.no_lnk  { color: #666; background-image: none; background-position: 0 0.3em; text-decoration: none; padding-left: 6px; }
.no_lnk:before { content: ""; position: relative; left: -1em; }
#header { position: absolute; left:0; top: -1.5em; display: block; visibility: visible; background-color: transparent; background-image: url(../media/cb_43.png); background-repeat:no-repeat; background-position: left top;  width: 15%; height: 21px; z-index: 1; float: left; overflow: hidden !important; white-space: nowrap; }
#navi { color: #fff; background-color: #090; text-align: left; position: absolute; top: 0; left: 0; width: 100%; overflow: visible; float: left; margin: 0; border-top: 1px solid #000; border-bottom: 1px solid #000; opacity: 0.75; }
#navi a:before { content: ""; }
#navi a { color: #fff; background-image: none; text-decoration: none; padding-left: 0; }
#navi a:hover, #navi li:hover { background-color: #060; background-image: none; }
#navi a.active, #navi li.active { background-color: #060; background-image: none; }
#navi li { float: left; margin-right: 0.25em; padding: 0.15em ; list-style-image: url(../media/r_arrow.png); list-style-position: inside; }
#navi li ul { height: auto; z-index: 1; overflow: visible; float: left; margin-top: 0.15em; margin-left: -0.15em; list-style-type: none; display: none; }
/*controls behaviour when rolling over upper list items and makes lower list items visible; also assigns a pseudo class 'active', which indicates, which page the user is currently viewing
*/
/*remove visibility:hidden later*/
#navi li:hover ul, #navi li:active ul, #navi li:hover ul:hover { background-color: #060; position: absolute; z-index: 1; height: auto; border: solid 1px #333; display: block !important; visibility: hidden;}
/*controls behaviour when rolling over lower list items and also assigns a class called 'active' to reflect the currently viewed page
*/
#navi ul ul li {position: relative; left: -3em;}
#navi ul ul li:hover, #navi ul ul li a:hover, #navi ul ul li.active { background-color: #090; }
/*controls formatting of currently highlighted lower list items to indicate that the user is currently on this page
*/
/*
#navi ul ul li:hover, #navi ul ul li:active, #navi ul ul li:hover { background-color: #090; }
clears list item arrow for list item and its rollover equivalent
*/
#navi li.no_list, #navi li.no_list:hover { background-color: #090; background-image: none; margin-right: 1em; float: left; padding-right: 0.5em; padding-left: 0.5em; list-style-type: none; list-style-image: none; }
#blogstatus{ position: absolute; left: 0px top: -1em; width: 95%; height: 15px !important; z-index: 1; overflow: hidden; float: left; margin: 0px; padding: 0.25em; display: block; opacity: 1; }
#blog { position: relative; left: 0 top: 0; width: 95%; height: 80% !important; z-index: 1; overflow: auto; float: left; margin: 5em auto auto 0.5em; padding: 0.5em; display: block; opacity: 1; }
#content { position: relative; left: 5%; width: 55%; height: 65% !important; z-index: 1; overflow: auto; float: left; margin: 5em auto auto 1em; padding: 0.5em; display: block; opacity: 1; }
#content_img { display: block; padding: 0; position: absolute; left: 66%; z-index: 2; overflow: visible; float: right; margin-top: 9em; margin-right: auto; margin-bottom: auto; margin-left: 3em !important; outline: ridge 1px #300; opacity: 1; }
#content_img .caption { color: #666 !important; font-size: xx-small; font-style: italic; position: absolute; top: 113px; z-index: 3; float: left; padding-right: 1em; padding-left: 1em !important; }
#content ul li {list-style: none; position: relative; left: -2em; margin-top: 1.5em; margin-bottom: 1.5em;}
#content ul li.pdf:before { content: "  "; }
#content ul li.pdf { line-height: 2em; position: relative; left: 1.5em; display: list-item; list-style: none url(../media/pdf_icon.jpg); }
#content ul li.vid:before { content: "  "; }
#content ul li.vid { line-height: 2em; position: relative; left: 1.5em; display: list-item; list-style: none url(../media/vid_icon.jpg); }
#content ul li.web:before { list-style-type: none; content: "  "; }
#content ul li.web, #content ul li.web { line-height: 2em; position: relative; left: 1.5em; display: list-item; list-style: none url(../media/HTML_icon.png); }
#footer { font-size: x-small; text-align: center; position: absolute; top: 95%; width: 100%; margin: auto auto; overflow: hidden; display: block; }
#footer_img { background-image: url(../media/cb_43_big.png); background-repeat: no-repeat; background-position: center bottom; visibility: visible; display: block; position: relative; top: 100%; width: 100%; height: 110px; overflow: visible; clip: rect(auto, auto, auto, auto); padding: 0; border-top: 1px solid #333; border-right-style: none; border-bottom-style: none; border-left-style: none; }