@keyframes animatedBackground {
	from { background-position: 1296px 0; }
	to { background-position: 0 0; }
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
div.right {
	display: block;
	float: right;
}
div.left {
	display: block;
	float: left;
}
div.mugshot {  
	display: block;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
} 
div.clear {
	clear: both;
}
a:link {
	color:#ff9000;
	text-decoration:none
}
a:visited {
	color:#ffc273;
	text-decoration:none
}
a:hover {color:#fff000}  /* mouse over link */
a:active {color:#ff0000}  /* selected link */

html {
	padding: 0;
	margin: 0;
}
body{ 
	/*background: #5b687c url("/images/bg-gradient.png") repeat-x left top fixed;*/
	/*background: #5b687c url("/images/website-pinstripe-background.png") repeat;*/
	/*background: #283746 url("/images/blue-noise-background.png") repeat;*/
	/*min-height: 100%;*/
	padding: 0;
	margin: 0;
	position: relative;
	background: #283746 url("/images/blue-noise-background.png") repeat;
}
div.contentbox{
	/*display: block;
	margin: 0 auto;	
	background: transparent;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0 auto;
	width: 100%;
	position: relative;
	left: -15px;*/
}
h3 {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
.responsive-logo {
	display: block;
	height: auto;
	width: 100%;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	background: transparent;
}
div.logo {
	position: fixed;
	top: 0;
	display: block;
	
	width: 100%;
	height: auto;
	max-height: 300px;

	color: #fdfdfd;
	font-family: helvetica, arial; 
	background: #e5e5e5 url("/images/logo-background.png") repeat-x;
	background-size: auto 100%;
	z-index: -2;

	animation: animatedBackground 120s linear infinite;
}
div.logo_ships {
	background: transparent url("/images/logo-ships.png") no-repeat;
	background-size: auto 100%;
	width: 100%;
	height: auto;
	max-height: 300px;
}
div.logopadding {
	padding-top: 50px;
	position: relative;
	top: 0px;
	display: block;

	width: 100%;
	height: auto;

}
div.rednova_logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin:0 auto;
	text-align: center;
	width: 100%;
	color: #fdfdfd;
	font-family: helvetica, arial; 
	background: #fdfdfd url("/rednova/images/red-nova-bg.png") repeat-x right top;
	padding: 20px 0px 10px 10px;
}
div.chromodyne_logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin:0 auto;
	text-align: center;
	width: 100%;
	color: #fdfdfd;
	font-family: helvetica, arial; 
	background: #fdfdfd url("/chromodyne/images/starbg.png") repeat-x right top;
	padding: 20px 20px 10px 10px;
}
div.mainmenuctr {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
}
div.menuwrapper {
	margin-left: auto;
	margin-right: auto;	
}
div.newspadding {
	display: block;
	width: 100%;
}
div.newswrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
}
div.widgettestcontent {
	display: block;
	/*margin-left: auto;
	margin-right: auto;*/
	margin: 0 auto;
	width: 100%;
	height: 100% auto;
	min-height: 100%;
	color: #ffffff;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	text-shadow: 0px 2px 0px #000;
	font-size: 12pt;
	background: #283746 url("/images/blue-noise-background.png") repeat;
	position: absolute;
	/*background: #71808f url("/images/text-bg-gradient.png") repeat-x left top fixed;*/
	/*background: #283746;*/ /*url("/images/textbg.png") repeat;*/
}
div.contentblock {
	display: block;
	/*margin-left: auto;
	margin-right: auto;*/
	margin: 0 auto;
	width: 100%;
	height: 100% auto;
	min-height: 100%;
	color: #ffffff;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	text-shadow: 0px 2px 0px #000;
	font-size: 12pt;
	background: #283746 url("/images/blue-noise-background.png") repeat;
	position: absolute;
	/*top: 300px;*/
	/*background: #71808f url("/images/text-bg-gradient.png") repeat-x left top fixed;*/
	/*background: #283746;*/ /*url("/images/textbg.png") repeat;*/
}
div.contentpadding {
	min-height: 100%;
	height: 100% auto;
	display: block;
	margin: 0 auto;
	width: 80%;
}
div.newsblock {
	display: block;
	margin: 0 auto;
	padding: 20px 20px 10px 10px;
	width: 100%;
	height: 100%;
	color: #ffffff;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	text-shadow: 0px 2px 0px #000;
	font-size: 12pt; 
	/*background: #71808f url("/images/text-bg-gradient.png") repeat-x left top fixed;*/
	background: #71808f url("/images/textbg.png") repeat;
}
div.newsheader {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	color: #ffffff;
	background: transparent url("/images/newstitlebg.png") repeat;
}
div.newsheader p {
	padding: 10px 10px 10px 10px;
	color: #ffffff;
}
div.newsbody {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	color: #ffffff;
	background: transparent url("/images/newsbodybg.png") repeat;
}
div.newsbody p {
	padding: 10px 10px 10px 10px;
	color: #ffffff;
}
div.push {
	height: 48px;
}
div.footer{
	display: block;
	height: 48px; /* .push must be the same height as .footer */
	margin-left: auto;
	margin-right: auto;
	margin: 0 auto;
	background: #000000;
	text-align: center;
	font-family: "Roboto", sans-serif;
	font-size: 10pt;
	width: 100%;
	color: #84a7c4;
	padding: 0px 0px 0px 0px;
 	position:relative; 
 	bottom:0; 
}
/*Navigation buttons*/
div.mainmenu {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin:0 auto;
	text-align: center;
	width: 100%;
	height: 49px;
	line-height: 49px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 100;
	color: #fff;
	font-size: 25pt;
	text-shadow: 0px 2px 2px #000;
	background: #39536a url("/images/menu-bg.png") repeat-x;
	position: relative;
	top: 0px;
	overflow: auto;
	white-space: nowrap;
}
a#menuitem {
	color: #556c7e;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 25pt;
	text-shadow: 0px 2px 3px #000;
}
a#menuitem:hover {
	text-shadow: 0px 0px 12px #000, 0 0 6px #38B0FF, 0 0 56px #fff;
	color: #D2E8FF;
}
/* Progress Bar */
.progress-center {
	background: transparent url("/rednova/images/stats/progressbar-center.png") top left no-repeat;
	width: 614px;
	height: 40px;
	position: relative;
	top: 0px;
	left: 0px;
}
.progress-under {
	background: transparent url("/rednova/images/stats/progressbar-center.png") top left no-repeat;
	width: 614px;
	height: 40px;
	position: relative;
	top: 5px;
	left: 7px;
}
.progress-border {
	background: transparent url("/rednova/images/stats/progressbar-border.png") top left no-repeat;
	width: 628px;
	height: 55px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.progress-text {
    position: absolute;
    top:0; left:0;
    padding-top: 10px;         
    color: #fff;
    text-align: center;
    width: 614px;
}