/* CSS Document */
/*2008 FIRST Team 1444 Robotics Website*/
/*Created by: James H.*/
/*team@first1444.com*/

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

img#bg {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index: 0;
} 
#content {
position:relative;
z-index: 1;
text-align: center;
}

body {
	font-size: medium;
	color:black;
	font-family: "Comic Sans MS";
}

#header {
	position: absolute;
	top:10px;
	border: ridge 10px #FFB700;
	background-color: white;
	height:100px;
	width:875px;
	z-index:1;
	margin-left: 5%;
	margin-right: 5%;
	padding-left: 5px;
	padding-right: 5px;
}
#GIF {
height: 340px;
width: 430px;
border: ridge 10px #FFB700;
background-color: #D9D9D9; 
}
#links {
	background: white;
	border: ridge 10px #FFB700;
	position:absolute;
	padding:5px;
	height: 100px;
	width: 875px;
	font-family: "Comic Sans MS";
	font-size:16px;
	color: black;
	top: 140px;
	z-index: 1;
	margin-left: 5%;
	margin-right: 5%;
}
.links {
	display:block;
	list-style:none;
	padding:0px;
	margin:0px;
}
.links ul {
          margin: 0; /* Prevents moving the list way to the right */
          padding: 0; /* Prevents moving the list way to the right */
}

.links li {
        border: 1px solid #FFCC00; /* Creates the border around the links */
}

#news {
	visibility:visible;
	position:absolute;
	background-color:#D9D9D9;
	height:inherit;
	width:110px;
	font-family: "Comic Sans MS";
	font-size:11px;
	top:420px;
	border: ridge 10px #FFB700;
	z-index: 1;
	margin-left: 5%;
	margin-right: 5%;
	padding: 5px;	
}
#community {
	visibility:visible;
	position:absolute;
	background-color:#D9D9D9;
	height:130px;
	width:120px;
	font-family: "Comic Sans MS";
	font-size:11px;
	top:620px;
	border: ridge 10px #FFB700;
	z-index: 1;
	margin-left: 5%;
	margin-right: 5%;
}
#important {
	visibility:visible;
	position:absolute;
	padding-left:0px;
	background-color:#D9D9D9;
	height:110px;
	width:120px;
	font-family: "Comic Sans MS";
	font-size:11px;
	top:280px;
	border: ridge 10px #FFB700;
	z-index: 1;
	margin-left: 5%;
	margin-right: 5%;
}
#awards1 {
	visibility:visible;
	position:absolute;
	padding-left:0px;
	background-color:#000000;
	border:none;
	height:inherit;
	width:120px;
	font-family: "Comic Sans MS";
	left: 10px;
	top: 420px;
	z-index: 1;
	margin-left: 5%;
	margin-right: 5%;	
}
#awards2 {
	padding: 5px;
	visibility:visible;
	position:absolute;
	background-color:#D9D9D9;
	border: ridge 10px #FFB700;
	height: 240px;
	width:130px;
	font-family: "Comic Sans MS";
	font-size:11px;
	top: 280px;
	z-index: 1;
	margin-left: 5%;
	margin-right: 5%;
	left: 842px;
}
#container {
          margin: 0 auto;
	z-index: 1;
}

.dateheader {
	font-family: "Comic Sans MS";
	font-size:14px;
}
.newstext {
	font-family: "Comic Sans MS";
	font-size:11px;
}

.nav {
border: none;
height: 50px;
width: 100px;
z-index: 1;
}

.nav a:hover {
border-bottom: solid 8px #E6A500;
}
.nav a:link {
border: none;
}

.body {
	position:absolute;
	background-color:#D9D9D9;
	border: ridge 10px #FFB700;
	width:652px;
	height:inherit;
	top:280px;
	padding-left:5px;
	padding-bottom: 2px;
	padding-right: 2px;
	z-index: 1;
	font-family: "Comic Sans MS";
	margin-left: 5%;
	margin-right: 5%;
	left: 150px;
}

.imagebody {
	position:absolute;
	background-color:#D9D9D9;
	border: ridge 10px #FFB700;
	width:700px;
	height:inherit;
	top:280px;
	left:147px;
	padding-left:5px;
	margin-left: 10%;
	margin-right: 10%;
	padding-bottom: 2px;
	padding-right: 2px;
	z-index: 1;
	margin-left: 5%;
	margin-right: 5%;
}
.newsbody {
	position:absolute;
	background-color:#FFCC00;
	border: ridge 10px #FFB700;
	width:652px;
	height:inherit;
	top:280px;
	left:144px;
	z-index: 1;
	margin-left: 5%;
	margin-right: 5%;
}
.homeheader {
	font-family: "Comic Sans MS";
	font-size:30px;
	color: black;
	z-index: 1;
}
.noborder a:link {
color:black;
	font-weight:bold;
	text-decoration:none;
	border:0px;
	z-index: 1;
}
a:link {
	color:black;
	font-weight:bold;
	text-decoration:none;
	border:0px;
}
a:visited {
	color:black;
	font-weight:bold;
	text-decoration:none;
	border:0px;
}

a:active {
	color:black;
	text-decoration:underline;
	border:0px;
}

a:hover {
	color:#E6A500;
	text-decoration:underline;
	border:0px;
}

div.simages img {
	margin: 10px;
}

.contact form {
margin: 10px;
}

.contact fieldset {
border: 2px solid black;
}

.bigbox {
}

.thumbnails {
	font-size:11px;
}