html, body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px;
	padding:0px;
	width: 100%;
	background: #000000 url('images/background.png') repeat-y fixed center;
}


.content {
	background: #999999;
	color: inherit;
	width: 900px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
}
.content2 {
	background: #000000;
	color: inherit;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
}

#header {
	color: inherit;
	background-position: top center;
	background-color: #898989;	/* A fall back */
	background-repeat: no-repeat;
	width: 900px;
	text-align: justify;
}

#header #fit_left {
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 716px;
	height: 183px;
	float:left;
	
}

#header #fit_right {
	background-image: url('images/anakurotop.png');
	background-repeat: no-repeat;
	width: 184px;
	height: 183px;
	float: right;
}

#fit_btn{
	background-image: url('images/rightborder.png');
	background-repeat: y-repeat;
	width: 184px;
	height: auto;
	float: right;

}

#blog {
	background-image: url('images/blogbg.png');
	background-repeat: y-repeat;
	background-position: 0% 0%;
	width: 900px;
	float:left;
}


#navig{
	width: 184px;
	height: 100%;
	float: right;
	margin: 0px;
	padding: 0px;
}

#comic {
	width: 716px;
	float: left;
	margin: 0px;
	padding: 0px;
	
}

#comic_l{
	background-image: url('images/comic/comicleft.png');
	background-repeat: y-repeat;
	width: 27px;
	height: 100%	
	
}

#comic_c {
	background: #FFFFFF;
	width: 650px;
	height: 100%;
}

#comic_r {
	background-image: url('images/comic/comicright.png');
	background-repeat: y-repeat;
	width: 26px;
	height: 100%;
	
	
	
}


#home
{
  display: block;
  width: 118px;
  height: 39px;
  background: url("images/home.png") no-repeat 0 0;
  z-index:1;
  position:relative;
  left: 35px;
  top: 112px;
}

#home:hover
{ 
  background-position: 0 -39px;
}

#home span
{
  display: none;
}

#about
{
  display: block;
  width: 118px;
  height: 39px;
  background: url("images/aboutus.png") no-repeat 0 0;
  z-index:1;
  position:relative;
  left: 159px;
  top: 73px;
}

#about:hover
{ 
  background-position: 0 -39px;
}

#about span
{
  display: none;
}

#gallery
{
  display: block;
  width: 118px;
  height: 39px;
  background: url("images/gallery.png") no-repeat 0 0;
  z-index:1;
  position:relative;
  left: 283px;
  top: 34px;
}

#gallery:hover
{ 
  background-position: 0 -39px;
}

#gallery span
{
  display: none;
}


#forum
{
  display: block;
  width: 118px;
  height: 39px;
  background: url("images/forum.png") no-repeat 0 0;
  z-index:1;
  position:relative;
  left: 407px;
  top: -5px;
}

#forum:hover
{ 
  background-position: 0 -39px;
}

#forum span
{
  display: none;
}


.cssnav {
  position: relative;
  font-family:Comic Sans MS,Arial,Helvetica,sans-serif;
  background: url('images/sidebttndown.png') no-repeat;
  white-space: nowrap;
  display: block;
  width: 173px;
  height: 33px;
  margin: 0px;
  padding: 0px;
}     
  
.cssnav a {
  display: block;
  color: #CCCCCC;
  font-size: 18px;
  width: 173px;
  height: 30px;
  
  text-decoration: none;
  }
  
.cssnav img {
  width: 173px; 
  height: 30px; 
  border: 0px;
}
  * html a:hover {visibility:visible}
       
.cssnav a:hover img{
  visibility:hidden

}
        

.cssnav span {
  position: absolute;
  right: 39px;
  top: 4px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

.tablediv {
display:  table;
width:900px;
border-spacing:0px;/*cellspacing:poor IE support for  this*/
border-collapse:separate;
}
.celldiv {
display:  table-cell;
float:left;
vertical-align: top;
position: static;
}
.rowdiv  {
display:  table-row;
width:900px;
vertical-align: top;
}

a:link {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 15px;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 15px;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 15px;
}
a:hover {
	text-decoration: underline;
	color: #AAAAAA;
}

#galleryimg{
	padding:10px;
	

}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	color: black;
	}

#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right;}
#keyboardMsg a {color:black;}
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}