body { 
margin: 0; 
padding: 0; 
color: #fff; 
height: 100%;
/* background: #1A1105; */
background: black;
text-align: center; 
} 
p {color: white; 
	font: 12pt Arial, Verdana, sans-serif;
	font-weight: bold;
	text-indent: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h1 {color: red; 
	font: 13pt Arial, Verdana, sans-serif;
	font-weight: bold;
	line-height: 1.4;
	margin-left: 30px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}

h2 {color: black; 
	font: 12pt Georgia, Verdana, sans-serif;
	font-weight: bold;
}

#container { 
position: relative;
width: 800px; 
margin: 0 auto; 
text-align: left;  
min-height: 100%; /* this is where inheritance stops */ 
} 

/*\ Give to IE/Win but hide from IE/Mac - unfortuantely it won't support either min-height method */ 
* html #container { 
height: 100%; 
} 
/* end hide */ 

/* trick to get compliant browsers to clear the (right) floated div if required */ 
#container::after{ 
content: "."; 
display: block; 
height: 0; 
line-height: 0; 
font-size: 1px; 
clear: both; 
visibility: hidden; 
} 

#header { 
position: absolute; 
z-index: 100; 
left: 50%; 
margin: 0 0 0 -350px; 
padding: 0; 
height: 400px; 
width: 800px; 
 
} 

#top-nav1
{
position: absolute;
top: 184px;
left: 50%;
margin: 0 0 0 -400px; 
height: 30px;
width: 800px;
background: white;
}

#top-nav ul
{
position: absolute;
top: 184px;
padding-left: 0;
margin-left: 0px;
background-color: #036;
color: White;
float: left;
width: 800px;
font-family: arial, helvetica, sans-serif;
}

#top-nav ul li { display: inline; }

#top-nav ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}


#top-nav ul li a:hover
{
background-color: #369;
color: #fff;
}
#footer 
{ 
position: relative;  
bottom: 0; 
margin: 0 0 0 -300px; 
padding: 0; 
height: 10px; 
width: 100%; 
} 

#left-col 
{ 
position: relative; 
float: left; 
margin: 0px 0 0px -100px; 
padding: 0px 0 0px 0; 
width: 120px; 
height: 100%;
background-image: url(images/barbwire2.jpg);
background-repeat: repeat-y;
color: #000; 
 z-index: 4;
} 
#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li 
{
height: 60px;
padding-left: 50px;
padding-top: 16px;
background-image: url(images/menu.gif);
background-repeat: no-repeat;
background-position: 0 .005em;
}
#right-col 
{ 
position: relative; 
float: right; 
margin: 100px 0 0 0; 
padding: 0 0 60px 0; 
width: 550px;
color: #000000; 
}

#paper
{
position: absolute;
z-index: 2;
top: 250px;
left: 125px;
height: 210px;
width: 500px;
background: #000000;
}
#suckerfishnav {
	z-index: 3;
    font-size:18px;
    font-family:verdana,sans-serif;
    font-weight:bold;a
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
	background: url("images/menu.gif");
    background-repeat: no-repeat;
    float:left;
    list-style:none;
    line-height:60px;
    padding:0;
    margin:0;
    width:100%;
    z-index: 3;
    }
#suckerfishnav a {
    display:block;
    color: black;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    width: 149px;
    z-index: 3;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:149px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    z-index: 3;
    }
#suckerfishnav li li {
    width:150px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
    z-index: 4;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:150px;
    font-size:12px;
    color:#dddddd;
     z-index: 4;
    }
#suckerfishnav li ul ul {
    margin: -21px 0 0 140px;
    z-index: 4;
    }
#suckerfishnav li li:hover {
    background:#036;
     z-index: 4;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#dddddd;
     z-index: 4;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#dddddd;
     z-index: 4;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#dddddd;
     z-index: 4;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
     z-index: 4;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#444444;
     z-index: 4;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background: url("images/menu.gif");
     z-index: 4;
    }