html {
	font-size: 62.5%; /* using this percentage allows rem font size units to be used similarly to px. Ex: 13px = 1.6rem and so on*/
}

body {
	background-color: #000000;
}

/*---new entrance layout-------------------------------------------------------*/

div.main{
	width: 997px;
	margin: 0 auto;
}

div.title_graphic {
	margin-top: 2%;
	width: 100%;
	padding-top: 4%;
	padding-bottom: 4%;
	border-top: 1px solid #161616;
	border-right: 1px solid #161616; 
	border-left: 1px solid #161616;
	text-align: center;
}

#title {
animation: fadeinout 5s infinite;
-webkit-animation: fadeinout 5s infinite;

}

@keyframes fadeinout {
	0% {
	opacity: 1;
        animation-timing-function: ease-in;
    	}
	50% {
	opacity: .2;
        animation-timing-function: ease-out;
	}
	100% {
	opacity: 1;
	}
}

@-webkit-keyframes fadeinout {
	0% {
	opacity: 1;
        animation-timing-function: ease-in;
    	}
	50% {
	opacity: .2;
        animation-timing-function: ease-out;
	}
	100% {
	opacity: 1;
	}
}

div.content {
	display: block;
	float: left;
	clear: both;
	margin-bottom: 5%;
	width: 100%;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #161616;
	border-right: 1px solid #161616;
	background-color: #161616;
	text-align: center;
}

/*--entrance page links*/


div.navlinks{
	display: block;
	width: 98.5%;
	margin: 5px 0px 5px;
	padding: 9px 7px 10px 8px;
	background-color: #333333;
	font-family: "Helvetica", "Arial", sans-serif; 
	font-size: 1.6rem; 
	font-weight: bold; 
	color: #ffffff;
	text-align: center;
}

a.navlinks:link {background:transparent; color:#ffffff; text-decoration:none}
a.navlinks:visited {background:transparent; color:#ffffff; text-decoration:none}
a.navlinks:focus {background:transparent; color:#0000ff; text-decoration:underline}
a.navlinks:hover {background:#222222; color:#ffffff; text-decoration:none}
a.navlinks:active {background:transparent; color:#ffffff; text-decoration:underline}

a.navlinks {
	border: 2px solid #000000;
	outline: 2px solid #ffffff;
	padding: 5px 5px 5px;
	margin: 0px 2% 0px 2%;
	}

/*--end entrance page links*/

div.enter_images {
	width: 100%;	
	text-align: center;
	background-color: #000000;
	padding-top: 20px;
}

img#enter {
	margin: 5px 3% 0px 2.5%; 
	padding-right: 50px;
	padding-left: 50px;
	border: 1px solid #525252;
	/*border-radius: 30px;*/
	background-color: #000000;
	outline: 1px solid #aaaaaa;
}

div.description {
	display: block;
	width: 100%;
	padding-bottom: 5px;
	text-align: center;
	font-family: "Helvetica", "Arial", sans-serif; 
	font-size: 1.6rem; 
	color: #ffffff;
	background-color: #000000;
}

div.descrip_item {
	display: inline-block;
	width: 189px;
	margin: -4px 30px 0px 25px;
	vertical-align: top;
	text-align: left;
	border: 1px solid #525252;
	outline: 1px solid #aaaaaa;
	/*border-radius: 15px;*/
	background-color: #000000;
	padding-left: 5px;
}

div.updatelog {
	/*position: relative;
	left: 19%;*/
	display: block;
	border: 1px solid #0000ff;
	outline: 1px solid #3a878d;
	width: 70%;
	padding: 5px;
	margin: 0 auto;
	margin-top: 2%;
	margin-bottom: -15px;
	background-color: #111111;
	font-family: "Helvetica", "Arial", sans-serif; 
	font-size: 1.6rem; 
	color: #ffffff;
	text-align: left;
}

div.updaterow {
	display: inline-block;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

div.lastupdaterow {
	display: inline-block;
	width: 100%;
}

div.update_date {
	display: inline-block;
	margin-right: 25px;
	width: 157px;
	text-align: left;
	vertical-align: middle;
	padding-bottom: 5px;
}

div.update_item {
	display: inline-block;
	width: 440px;
	text-align: left;
	border-left: 3px solid #060606;
	padding-left: 25px;
	padding-bottom: 5px;
}

div.footer {
	display: block;
	width: 98.5%;
	margin: 20px 0px 5px;
	padding: 10px 7px 10px 8px;
	background-color: #333333;
	font-family: "Helvetica", "Arial", sans-serif; 
	font-size: 1.6rem; 
	color: #ffffff;
	text-align: center;
}

/*--disclaimer--*/

div.disclaimer{
	font-family: "Helvetica", "Arial", sans-serif; 
	font-size: 1.9rem; 
	color: #999999;
	word-wrap: normal;
	width: 50%;
}

div.disclaimerlink{
	font-family: "Helvetica", "Arial", sans-serif; 
	font-size: 1.2rem; 
	color: #999999;
}

a.disclaimerlink:link {background:transparent; color:#999999; text-decoration:underline}
a.disclaimerlink:visited {background:transparent; color:#999999; text-decoration:none}
a.disclaimerlink:focus {background:transparent; color:#999999; text-decoration:underline}
a.disclaimerlink:hover {background: transparent; color:#cccccc; text-decoration:none}
a.disclaimerlink:active {background:transparent; color:#999999; text-decoration:underline}

#disclaimershow {
display: none;
/*position: relative;
top: 0;
left: -40%;*/
background-color: #010101;
border: 1px solid #ffffff;
width: 100%;
}

#disclaimershow:target {
display: block;
}

#disclaimershow:target + .close {
display: block;
}

.close {
display: none;
}

div#closelink {
text-align: center;
}

/*--end disclaimer--*/

/*----end new entrance w/o flash---------------------------------------------------------*/

A:link {background:transparent; color:#999999; text-decoration:underline}
A:visited {background:transparent; color:#666666; text-decoration:line-through}
A:focus {background:transparent; color:#aaaaaa; text-decoration:underline}
A:hover {background:transparent; color:#999999; text-decoration:none}
A:active {background:transparent; color:#aaaaaa; text-decoration:underline}

/*Error 403*/
p.error {
	font-family: "Arial", sans-serif; 
	font-size: 14pt; 
	color: white;
	}
hr.error {
	font-size: 18pt
	}
/*Error 403*/

/*Title Link*/
a.title:link {background:transparent; color:blue; text-decoration:none}
a.title:visited {background:transparent; color:blue; text-decoration:none}
a.title:focus {background:transparent; color:blue; text-decoration:none}
a.title:hover {background:transparent; color:white; text-decoration:underline}
a.title:active {background:transparent; color:blue; text-decoration:underline}
/*Title Link*/


/*Error 404*/
div.err {
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 12pt; 
	text-align: center; 
	color: #ffffff;
	}
	
div.error_main{
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 12pt; 
	text-align: left; 
	color: #ffffff;
}

span.err {
	font-size: 16pt;
	}
	
p.err {
	margin-top: 2%;
	margin-bottom: 2%;
}

ul.err {
	margin-top: 1%;
	margin-bottom: 1%;
}

li.err {
	list-style-type: none;
}

A.nav:link {background:transparent; color:blue; text-decoration:none}
A.nav:visited {background:transparent; color:blue; text-decoration:none}
A.nav:focus {background:transparent; color:blue; text-decoration:none}
A.nav:hover {background:transparent; color:blue; text-decoration:none}
A.nav:active {background:transparent; color:blue; text-decoration:none}

/*Error 404*/

/*--sitemap--*/
a.sitemap:link {background:transparent; color:white; text-decoration:underline}
a.sitemap:visited {background:transparent; color:red; text-decoration:none}
a.sitemap:focus {background:transparent; color:silver; text-decoration:underline}
a.sitemap:hover {background:#000000; color:white; text-decoration:none}
a.sitemap:active {background:transparent; color:red; text-decoration:underline}

div.sitemap {
	font-family: "Helvetica", "Arial", sans-serif; 
	font-size: 1.6rem; 
	color: #ffffff;
	}
	
div.sitemapsection {
	margin-bottom: 1%;
}

div.sitemaptitle {
	font-size: 3.5rem;
	text-align: center;
}
	
ul.sitemap {
	margin-top: 1%;
	margin-bottom: 1%;
}

li.sitemap {
	list-style-type: none;
	margin-top: 1%;
	margin-bottom: 1%;
}
	
/*--sitemap--*/


/*--10th anniversary--*/
/*div.anniversary {
	position: absolute; 
	right: .15%; 
	bottom: .15%;
	width: 250px; 
	height: 250px;
	}*/
/*--end 10th anniversary--*/

/*--15th anniversary--*/
div.anniversary {
	text-align: center;
	}
img[src*="15_years_150px"] {
	border: 1px solid #26c0eb;
	outline: 1px solid #5050ff;
	}
/*--end 15th anniversary--*/