body{
	
	font-family: "Comic Sans MS",Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3b3b3b;
	margin: 0px;
	background-image: url(images/mainbg.jpg);

}
a:link {
	color: #EBECD6;
	text-decoration: none;
}
a:visited {
	color: #EBECD6;
	text-decoration: none;
}

a:hover {
	color: #CFD19C;
	text-decoration: underline;
}
h1 {
	font-size: 28px;
	color: #F4F4EA;
	font-weight: bold;
}
.arialwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EBECD6;
}

.title_bg {
	background-image: url(images/title_bg.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #F4F4EA;
	font-weight: bold;
	
}

a:active {
	color: #EBECD6;
	text-decoration: none;
}
#eversafe {
	margin-bottom: 20px;
	margin-left: 26px;
	width: 350px;
}

.collage {
	background-image: url(images/collage.jpg);
	background-repeat: no-repeat;
	background-position:-120px 0px;
	height: 249px;
}
.eversafe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #ebecd6;
	font-weight: bold;
	text-transform: uppercase;
}
.tahoma12link {
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #FFFFFF;
}
a.tahoma12link:link {
	color: #FFFFFF;
	text-decoration: none;
}

#copyright {
	font-family: "Comic Sans MS",Arial, Helvetica, sans-serif;
	width: 400px;
	float:left;
	margin: 25px 0px 0px 26px;
	
}
#powered {
	font-family: "Comic Sans MS",Arial, Helvetica, sans-serif;
	margin:25px 15px 0px 0px;	
	float:right;
	
	
}
a.tahoma12link:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.tahoma12link:hover {
	color: #E6E6E6;
	text-decoration: none;
}
a.tahoma12link:active {
	color: #FFFFFF;
	text-decoration: none;
}
a.normal-link:link {
	color: #000;
	text-decoration: none;
}
a.normal-link:visited {
	color: #000;
	text-decoration: none;
}
a.normal-link:hover {
	color: #FF0000;
	text-decoration: none;
}
a.normal-link:active {
	color: #000;
	text-decoration: none;
}
.bottompic {
	background-image: url(images/bottom_bg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 161px;
}

.midbarbg{

	background: url(images/midbar_bg.jpg) repeat-x top;
}


/* Testing Codes*/




#hoverpage {
	width:600px;
	height:500px;
	position:relative;
	z-index:500;
	overflow:hidden;
}
#hoverpage table {border-collapse:collapse; margin:-1px;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;}

#hoverpage ul#outer li.page {display:inline;} /* needed for IE to function correctly */

#hoverpage ul#outer li.page a.menuitem {text-decoration:none;}

#hoverpage ul#outer li.page i {position:absolute; display:block; height:25px; right:460px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#00c; font-style:normal; cursor:pointer;}

#hoverpage ul#outer li.p1 i {top:30px;}
#hoverpage ul#outer li.p2 i {top:55px;}
#hoverpage ul#outer li.p3 i {top:80px;}
#hoverpage ul#outer li.p4 i {top:105px;}
#hoverpage ul#outer li.p5 i {top:130px;}


#hoverpage ul#outer li div {display:block; width:550px; height:450px; padding:25px; background:#eff; font-weight:normal; color:#444;}
#hoverpage ul#outer li div img {border:5px solid #fff; float:left; margin:0 10px 5px 0;}
#hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em;}
#hoverpage ul#outer li div a {color:#00c; text-decoration:underline;}
#hoverpage ul#outer li div em {display:block; width:150px; height:200px; float:left; background:#eff url(images/selected.gif) no-repeat 0 0; margin-right:20px;}

#hoverpage ul#outer li.page div a:hover {text-decoration:none;}

#hoverpage ul#outer li.page a:hover {white-space:normal;}

#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}
