/* apply image replacement on H1 element */

#header h1 { 
width: 1000px;
height: 45px;
background: url(http://www.realityshift.org.uk/images/TopLogoGreySml.png) no-repeat;
background-color: #000000;
text-indent: -9999px;
position:absolute; top: 0px; left: 0px;

}

h2.loc {
font: 13pt tahoma; color: #2F2F2F font-weight: bold;
background: url(http://www.realityshift.org.uk/images/HeaderText.png) no-repeat;
width: 1000px;
height: 40px;
text-indent: -9999px;
position:absolute; top: 45px; left: 0px;
}

body {background-color: #000000; font: 11pt tahoma; color: #EFEFEF; background-image: none;}

div.sidenav {position:absolute; top:100px; left:0px; width:150px; background-color:#1F1F1F;}

div.main {position:absolute; top:100px; left:155px; padding: 5px; width: 836px; background-color:#1F1F1F; color: #EFEFEF;}

div.left{position:absolute; top:335px; left:155px; padding: 5px; width:406px; background-color:#1F1F1F; color: #EFEFEF}
div.right{position:absolute; top:335px; left:585px; padding: 5px; width:406px; background-color:#1F1F1F; color: #EFEFEF;}

div.navFooter {position:absolute; top:392px; left:4px; width:245px;}
p.insert {width: 150px;}

img {border: none;}

a:link {text-decoration: none; color: #5f5f5f;}
a:active {text-decoration: none; color: #8f8f8f;}
a:visited {text-decoration: none; color: #8f8f8f;}
a:hover {text-decoration: none; color: #ffffff;}

a.nav:link {text-decoration: none; color: #DFDFDF;}
a.nav:active {text-decoration: none; color: #EFEFEF;}
a.nav:visited {text-decoration: none; color: #EFEFEF;}
a.nav:hover {text-decoration: none; color: #FFFFFF;}


h2{font: 13pt tahoma; color: #2F2F2F font-weight: bold;}
h3{font: 12pt tahoma; color: #2F2F2F font-weight: bold;}