body {
			margin: 0;
			padding: 0;
			background: #fff url("background.jpg") left bottom fixed no-repeat;
			-moz-background-size: cover;
			background-size: cover;
			color: #000;
	text-align: left;
}
		@media only all and (max-width: 1024px) and (max-height: 768px) { /* Important: 1024x768px has the same ratio as 1280x960px */
			body {	
				-moz-background-size: 1024px 768px;
				background-size: 1024px 768px;
			}

		}


		#container {
			margin: 0px auto;
			width: 960px;
            z-index:auto;
			padding: 20px;
			background-color:#ffffff;
			-moz-border-radius: 12px;
			-webkit-border-radius: 12px;
			border-radius: 12px;
font-size: large;
text-align: left;
	font-family: "Times New Roman";
}
			

#centeredmenu {
   float:none;
   top:0px;
   background:#607c8c; url('');
   border-bottom:4px solid #000;
   overflow:hidden;
   position:fixed;
border-left-style: none;
border-right-style: none;
border-top-style: none;
	font-size: medium;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#ddd;
   color:#607c8c;
   text-decoration:none;
   line-height:1.3em;
}
#centeredmenu ul li a:hover {
   background:#369;
   color:#fff;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}
.red    { color: #ff0000; }
.blue   { color: #0000ff; }
.green   { color: #008000; }