body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	text-align: center; /* for IE */
}
p {
	margin: 5px 5px 10px;
	text-align: justify	}
	
a {
	text-decoration: none;
	color: #97a8b2;
	font-weight: bold;
	font-size: 9px;
}
a:visited {
	color: #97a8b2;
	font-size: 9px;
	font-weight: bold;
}
a:hover {
	color: #586878;
	font-size: 9px;
	font-weight: bold;
}

.squares {
	position: absolute;
	left: 10px;
	top: 17px;
	width: 108px;
	margin-top: 13px;

}
.date {
	color: #999966;
	font-style: italic;
	font-weight: bold;
	font-size: 9px;
}


#a1, #a2  {
  top: 0px;
}
#b1, #b2  {
  top: 54px;
}
#c1, #c2 {
  top: 108px;
}
#d1, #d2 {
  top: 162px;
}
#e1, #e2 {
  top: 216px;
}
#a1, #b1, #c1, #d1, #e1, #f1, #g1, #h1, #i1, #j1, #k1 {
  left: 0px;
}
#a2, #b2, #c2, #d2, #e2, #f2, #g2, #h2, #i2, #j2, #k2 {
  left: 54px;
}

#a1 { 
	background-position: center center;
	background-image: url(images/test1.jpg);
    }
#a2 { 
	background-position: center center;
	background-image: url(images/2.jpg);
	}
#b1 { 
	background-position: center center;
	background-image: url(images/3.jpg); 
	}
#b2 { 
	background-position: center center;
	background-image: url(images/4.jpg); 
	}
#c1 { 
	background-position: center center;
	background-image: url(images/5.jpg); 
	}
#c2 { 
	background-position: center center;
	background-image: url(images/6.jpg); 
	}
#d1 { 
	background-position: center center;
	background-image: url(images/7.jpg);
    }
#d2 { 
	background-position: center center;
	background-image: url(images/8.jpg);
	}
#e1 { 
	background-position: center center;
	background-image: url(images/9.jpg); 
	}
#e2 { 
	background-position: center center;
	background-image: url(images/10.jpg); 
	}
.squares span.q,
.squares a.t,
.squares a.nav {
  display: block;
  position: absolute;

  width: 50px;
  height: 50px;
  text-align: center;
  background-color: #bbb;
  color: #fff;
}

html>body .squares a.t:hover {
  margin-top: -3px;
  margin-left: -3px;
  padding: 13px 2px 3px;
  font-size: 28px;
}

html>body .squares span.q:hover {
  margin-top: -3px;
  margin-left: -3px;
  width: 56px;
  height: 56px;
}

html>body #a1:hover {
	background-image: url(images/test1.jpg);
	background-position: center center;
}
html>body #a2:hover {  
	background-image: url(images/2.jpg);
	background-position: center center;
}
html>body #b1:hover {  
	background-image: url(images/3.jpg);
	background-position: center center;
}
html>body #b2:hover {  
	background-image: url(images/4.jpg);
	background-position: center center;
}
html>body #c1:hover { 
	background-image: url(images/5.jpg);
	background-position: center center;
}
html>body #c2:hover {  
	background-image: url(images/6.jpg);
	background-position: center center;
}
html>body #d1:hover {
	background-image: url(images/7.jpg);
	background-position: center center;
}
html>body #d2:hover {  
	background-image: url(images/8.jpg);
	background-position: center center;
}
html>body #e1:hover {  
	background-image: url(images/9.jpg);
	background-position: center center;
}
html>body #e2:hover {  
	background-image: url(images/10.jpg);
	background-position: center center;
}
#containerimg {	
	width: 790px;
	margin: 0 auto
	}

#container {
	margin: 0 auto;
	width: 775px;
	}
#containerindex {
	margin: 0 auto;
	text-align: left; /* to counteract center in the body for IE */
	width: 410px;
	}
#leftcontainer {
	position: absolute;
	margin: 152px 0 0 0px;
	width: 125px;
	z-index: 1;
	top: 5%;
	}
#centercontainer {
	position: relative;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-top: 20px;
	height: auto;
	top: 0px;
	margin-right: 5px;
	}
#rightcontainer {
	position: absolute;
	margin: 8px 0 0 598px;
	width: 130px;
	top: auto;
	bottom: auto;
	}
#bgmain {
	margin-left: 110px;
	margin-top: 90px;
	position: absolute;
}
.text {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	color: #003399;
}
#placeholder {
	margin: 0 auto;
	position: relative;
}

#maincontent {
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	position: relative;
}
#foot {
	padding-top: 30px;
	padding-right: 10px;
}
.copyright {
	font-size: 9px;
	text-align: right;
}
#navigation {
	padding-bottom: 5px;
	text-align: right;
	margin-right: 0px;
	padding-top: 5px;
	padding-right: 0px;
	position: relative;
	margin-top: 80px;
}
.center {
	text-align: center;
	padding-bottom: 2px;
}
#leftstation {
	position: absolute;
	margin: 8px 0 0 8px;
	width: 356px;
	top: 0px;
	bottom: auto;
	left: 0px;
	}
.h1 {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 2px;
}
.news {
	padding-right: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 5px;

}

#mainad {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 20px;
	margin-bottom: 5px;
	visibility: visible;
}
#mainad a,
#mainad a:link,
#mainad a:visited
 {
	float:left;
	margin: 5px;
	display:inline;
	border: solid 1px #A3B8D8;
	height:57px;
	width:57px;
}
#mainadlink {
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 5px;
	visibility: visible;
	position: relative;
}
.thumb {
	margin: 5px;
	border: 1px solid #A3B8D8;
	padding: 0px;
}
#imgcenter {
	margin: 0 auto;
	padding: 10px;
}
#image {
	text-align: center;
}
.right {
	text-align: right;
}
#picnav {
	text-align: right;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#centercontainerimg {
/*	margin: 0 auto;*/
	margin-right: 8px;
	margin-left: 8px;
	width: 356px;
}
#indexcontainer {
	margin-top: 35px;
}
#float {
	top: 15%;
	position: absolute;
}
.red {
	color: #990000;
}
.thumbnail {
	margin-top: 5px;
	margin-right: 14px;
	float: left;
	margin-left: 14px;
}
.comicnail {
	margin-top: 5px;
	margin-right: 0px;
	float: left;
	margin-left: 10px;
	margin-bottom: 5px;
}
.comicnaileven {
	margin-top: 5px;
	margin-right: 10px;
	float: right;
	margin-left: 0px;
	margin-bottom: 5px;
}
.clearboth {
clear:both;
}
.border {
	border: 1px solid #999999;
}
.thumb2 {
	border: 1px solid #A3B8D8;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#mainadflash {
	margin-right: auto;
	margin-left: auto;
	width: 550px;
}

#mainadcomic {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	visibility: visible;
	border: 1px solid #666666;
	position: relative;
	height: 432px;
	width: 720px;
}
#mainadcomiceven {
	margin-top: 10px;
	margin-right: 120px;
	margin-left: 120px;
	margin-bottom: 5px;
	visibility: visible;
	background-image: url(images/comicbg2.jpg);
	background-position: left top;
	border: 1px solid #666666;
	position: relative;
}
#mainadsketch {
	margin-top: 10px;
	margin-right: 19px;
	margin-left: 19px;
	margin-bottom: 5px;
	visibility: visible;
	border: 1px solid #666666;
	position: relative;
	height: 400px;
}
.border {
	border: 1px solid #333333;
}

img{border:none;}

#leftcol {
  float: left;
  margin-bottom: 5px;
  width: 250px;
}

#rightcol {
  float: left;
  margin-left: 50px;
	margin-bottom: 5px;
	width: 400px;
}

#leftimages {
	width: 250px;
	margin-left: 10px;
}

#leftimages a,
#leftimages a:link,
#leftimages a:visited
 {
 	float: left;
	margin: 5px;
	border: solid 1px #A3B8D8;
	height:57px;
	width:57px;
}


#rightimages {
	width: 350px;
	margin-left: 10px;
}

#rightimages a,
#rightimages a:link,
#rightimages a:visited
 {
  float: left;
	margin: 5px;
	border: solid 1px #A3B8D8;
	height:57px;
	width:57px;
}

#lefttitle {
  width: 200px;
}

#righttitle {
  width: 200px;
}