.mainpage{
	color: rgb(0, 0, 0); 
	background-color: rgb(241, 241, 242);
	background-image: url(img/back.png); 
	background-repeat: repeat; 
	background-attachment: scroll; 
	height: 98%;
	color: rgb(0, 0, 0); 
	background-color: rgb(105, 144, 209);
    alink="transparent" link="transparent" vlink="transparent"
}
.thumbnail{
	position: relative;
	background-color: transparent;
	border: 0px; solid gray;
	z-index: 1;

}

.thumbnail:hover{
	background-color: transparent;
	border: 0px; solid gray;
	z-index: 2;
	visibility: hidden;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: transparent;
	padding: 0px;
	left: 0px;
	border: 0px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	z-index: 6;

}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 0px;
	border: 0px solid gray;
	z-index: 5;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	bottom: 0px;
	border: 0px solid gray;
	left: 0px; /*position where enlarged image should offset horizontally */
	
}


.rollover{
	position: relative;
	z-index: 1;
}

.rollover:hover{
	background-color: transparent;
	z-index: 0;
	visibility: hidden;
}
.rollover span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: transparent;
	padding: 0px;
	border: 0px solid gray;
	left: 0px;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.rollover span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 0px;
	display:block;
	z-index: 10;
}

.rollover:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	bottom: 0px;
	left: 0px; /*position where enlarged image should offset horizontally */
	display:block;
	z-index: 100;

}

.flyme{
	position: relative;
	z-index: 1;
}

.flyme:hover{
	background-color: transparent;
	z-index: 0;
	visibility: hidden;
}
.flyme span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: transparent;
	padding: 0px;
	border: 0px solid gray;
	left: 0px;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.flyme span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 0px;
}

.flyme:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	bottom: -10px;
	left: 0; /*position where enlarged image should offset horizontally */

}

.grassyknoll{
	position: relative;
	background-color: transparent;
	border: 0px; solid gray;
	z-index: 1;
}
.TopBorders { 
border-seperate: seperate; 
border-spacing: 0pt 0pt; 
overflow: auto; 
caption-side: top; 
table-layout: fixed; 
overflow: visible; 
border-left: 2px inset; 
border-right: 2px inset; 
border-top: 2px inset; 
clip: round(10px; 10px; 10px; 10px;)
}
.MidBorders { 
border-seperate: seperate; 
border-spacing: 0pt 0pt; 
overflow: auto; 
caption-side: top; 
vertical-align: bottom; 
table-layout: fixed; 
overflow: visible; 
border-left: 2px inset; 
border-right: 2px inset; 
clip: round(2px; 2px; 2px; 2px;)
}
.BotBorders {  
border-seperate: seperate; 
border-spacing: 0pt 0pt; 
overflow: auto; 
vertical-align: bottom; 
caption-side: top; 
table-layout: fixed; 
overflow: visible; 
border-left: 2px inset; 
border-right: 2px inset; 
clip: round(2px; 2px; 2px; 2px;)
}
.FootBorders { 
height: 10%; 
background: #475874; 
border-seperate: seperate; 
vertical-align: bottom;  
overflow: auto; 
caption-side: top; 
table-layout: fixed; 
overflow: visible; 
border-left: 2px inset; 
border-right: 2px inset; 
border-top: 6px double #808080; 
border-bottom: 2px inset; 
clip: round(2px; 2px; 2px; 2px;)
}
.hangcellslf { 
background: #d7cfb0; 
border-spacing: 0pt 0pt; 
overflow: auto; 
}
.hangcellsrt { 
background: #d7cfb0; 
border-spacing: 0pt 0pt; 
overflow: auto;
}
.middle { 
background-image: url(img/border.png); 
background-repeat: repeat-y; 
background-attachment: scroll; 
width: 15px; 
}
.hangback { 
background-image: url(img/blank.png); 
background-repeat: repeat; 
background-attachment: scroll; 
width: 100%;
}
.voodooback { 
background-image: url(img/blank.png); 
background-repeat: repeat; 
background-attachment: scroll; 
width: 100%;
}
.topline {
background: #a7d5f1; 
background-image: url(img/blank.png); 
background-repeat: repeat; 
background-attachment: scroll; 
height: 15px;
}
.top {
background-image: url(img/topback.png); 
background-repeat: repeat-x; 
background-attachment: scroll; 
}
.navtext {
visibility: hidden;
width:150px;
font-size:12pt;
border-width:2px;
border-style:outset;
border-color:darkgray;
layer-background-color:#d1c755;
background-color:#d1c755;
color:black;
}
.leftside
width: 25%; 
#charT{
	width:100%;
	height: 20%;
	max-width: 93%;
	max-height: 20%
	float: left;
	margin-left: 25%;
	margin-right: 25%;
	}
#charT1{
	width: 100%;
	height: 25%;
	float: left;
	font-size: 13px;
	border: 0px;
	margin-left: 1%;
	margin-right: 1%;
	
	}
#char0 {
	width:100%;
	max-width: 93%;
	max-height: 35%;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	}
#char {
	width: 18%;
	height: 35%;
	float: left;
	font-size: 13px;
	border: 0px;
	margin-left: 1%;
	margin-right: 1%;
	
	}
#char1 {
	width: 18%;
	height: 35%;
 	float: left;
	font-size: 13px;
	border: 0px;
	margin-left: 1%;
	margin-right: 1%;
	z-index: -1;
	}
#appsHD {
	width: 40%;
	height: 20%;
	max-height: 20%;
	margin-right: 30%;
	margin-left: 30%;
	text-align: center;
}
#HDcols {
	width:100%;
	max-width: 93%;
	max-height: 15%;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	}
#cols {
	width: 45%;
	height: 15%;
	float: left;
	font-size: 13px;
	border: 0px;
	margin-left: 1%;
	margin-right: 1%;
		}
.max{
	max-width: 100%;
	max-height: 100%;
}
div#links a span {visibility:hidden;
   width: 17%; position:absolute; top:-100; left:0;
   z-index: 100; float:left;}
div#links a:hover span {visibility:visible;
   width: 90%; position:absolute; top:0; left:0%;
   z-index: 100; float:left;
   color: #000; background: #d1c755;
   font: 13px Verdana, sans-serif; text-align: center;}
#links {position:relative;   width:15%; align:center; max-height:100%; display:block; margin-left:auto; margin-right:auto;}