div.headerfloat {
  float: left;
  }
  
  
div.float {
  float: left;

  }
	
div.footer {
  float: left;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  background-color:#FFFFFF;
  padding-bottom:5px;
    }
	
	
/****IDs******/
body {
background-color:#333333;
margin: 0 auto;
padding: 0px; 
height:100%;
}

#container {
background-image:url(../../images/background.jpg); 
background-repeat:repeat-x;
background-position: top center;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
height:auto;
}

#header-container {
margin-left:auto;
margin-right:auto;
}

#bodycontent {
width:1004px;
margin-left:auto;
margin-right:auto;
float: left;
background-image:url(../../images/background-lower.jpg); 
background-repeat:repeat-x;
background-position: top center;
background-color:#FFFFFF;
}

#subnav{
float: left;
margin-left:55px;
margin-top:5px;
}

#content{
float:left;
margin-top:5px;
}

#comicscontent {
margin-left:auto;
margin-right:auto;
text-align:center;
}


#logo a{
display:block;
height:157px; 
width:220px;
border-width: 0;
background:url(../../images/logo.jpg) 0px 0px no-repeat;
}

#header a{
display:block;
height:157px; 
width:674px
border-width: 0;
background:url(../../images/header.jpg) 0px 0px no-repeat;
}

#home a{
display:block;
height:25px; 
width:57px;
border-width: 0;
background:url(../../images/home.jpg) 0px -25px no-repeat;
}

#home:hover a{
height:25px; 
width:57px;
border-width: 0;
background:url(../../images/home.jpg) 0px 0px;
}

#news a{
display:block;
height:25px; 
width:76px;
border-width: 0;
background:url(../../images/news.jpg) 0px -25px no-repeat;
}

#news:hover a{
height:25px; 
width:76px;
border-width: 0;
background:url(../../images/news.jpg) 0px 0px;
}

#comics a{
display:block;
height:25px; 
width:84px;
border-width: 0;
background:url(../../images/comics.jpg) 0px -25px no-repeat;
}

#comics:hover a{
height:25px; 
width:84px;
border-width: 0;
background:url(../../images/comics.jpg) 0px 0px;
}

#writings a{
display:block;
height:25px; 
width:100px;
border-width: 0;
background:url(../../images/writings.jpg) 0px -25px no-repeat;
}

#writings:hover a{
height:25px; 
width:100px;
border-width: 0;
background:url(../../images/writings.jpg) 0px 0px;
}

#about a{
display:block;
height:25px; 
width:100px;
border-width: 0;
background:url(../../images/about.jpg) 0px -25px no-repeat;
}

#about:hover a{
height:25px; 
width:100px;
border-width: 0;
background:url(../../images/about.jpg) 0px 0px;
}

#contact a{
display:block;
height:25px; 
width:116px;
border-width: 0;
background:url(../../images/contact.jpg) 0px -25px no-repeat;
}

#contact:hover a{
height:25px; 
width:116px;
border-width: 0;
background:url(../../images/contact.jpg) 0px 0px;
}

#links a{
display:block;
height:25px; 
width:70px;
border-width: 0;
background:url(../../images/links.jpg) 0px -25px no-repeat;
}

#links:hover a{
height:25px; 
width:70px;
border-width: 0;
background:url(../../images/links.jpg) 0px 0px;
}

/*****Text Styles********/
p.subnav {
margin-top:-5px;
font-family:Arial Black;
font-size:1.5em;
color:#666565;
}

ul.subnav {
margin-top:-20px;
margin-left:-20px;
font-family:Arial, Helvetica, sans-serif;
font-size:.85em;
color:#666565;
}

a:link{
text-decoration:none;
border: none;
color:#666565;
}

a:visited{
text-decoration:none;
border:none;
color:#666565;
}

a:hover{
text-decoration:none;
border:none;
color:#a6a6a6;
}

a:active{
text-decoration:none;
border:none;
color:#666565;
}

p.content {
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#666565;
}

p.comicnav {
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:.6em;
color:#666565;
text-align:center;
}


p.footer {
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:.65em;
color:#666565;
}

h2 {
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#666565;
}