/* CSS Document */
/*Main Div */

span, h1, p, ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#container {	
	margin-left: auto;
	margin-right: auto;
	margin-top: 37px;
	width: 800px;
	height: 100%;
}
#socialButtons {
	position: absolute;
	left: 355px;
	top: -27px;
	width: 150px;
}
#searchBar {
	position: absolute;
	left: 500px;
	top: -29px;
	width: 300px;
}
#content {
	position:relative;
	text-align: left;
	top: 40px;
	background-image: url(../images/nav/mainFill.gif);
	background-repeat:repeat-y;
	padding-bottom: 50px;
}

#content img.Background {position:relative; left: 19px;}
/*End Main Div */

/* This is the Menu section */
#Menu {
	position:relative;
	left: -4px;
  	z-index:+2;
}

#Menu img.Logo {position:absolute; left: 0px; top: -14px;}
#Menu img.AboutGame {position:absolute; left: 243px;}
#Menu img.GettingStarted {position:absolute; left: 371px;}
#Menu img.ClassSuppMaterials {position:absolute; left: 493px;}
#Menu img.Help {position:absolute; left: 649px;}
#Menu img.Contact {position:absolute; left: 706px;}

/*End Menu */

/* Header */
#Header {
	position:relative;
	left: 19px;
	top:-3px;
	z-index:+1;
	background-image: url(../images/aboutTheGame/aboutHeader.gif);
	width:761px;
	height: 154px;
}

.toAcademy {
	position: absolute;
	left: 590px;
	top: 59px;
	border: 0;
}

.leftShift {
	position: relative;
	left: 25px;
}

.underline {
	font-weight:bold;
	text-decoration:underline;
}

#videoPlayer {
	position:relative;
	left: 45px;
	width: 360px;
	margin-top: 15px;
	margin-bottom: 20px;
}

#photo {
 position:relative;
 float:right;
 font-size: 8px;
 margin:10px 0px 15px 10px; 
 border: 0px;
}
.twoThirdColumnSmall{width: 340px; font-size:10px;}
.twoThirdColumnSmall p{font-size:10px;}

.center {
	text-align: center;
}

#startedHeader {
	position:relative;
	left: 19px;
	top:-3px;
	z-index:+1;
	background-image: url(../images/aboutTheGame/gettingStartedHeader.gif);
	width:761px;
	height: 154px;
}
#helpHeader {
	position:relative;
	left: 19px;
	top:-3px;
	z-index:+1;
	background-image: url(../images/aboutTheGame/helpHeader.gif);
	width:761px;
	height: 154px;
}

#classroomHeader {
	position:relative;
	left: 19px;
	top:-3px;
	z-index:+1;
	background-image: url(../images/aboutTheGame/classroomHeader.gif);
	width:761px;
	height: 154px;
}

#policiesHeader {
	position:relative;
	left: 19px;
	top:-3px;
	z-index:+1;
	background-image: url(../images/aboutTheGame/policiesHeader.gif);
	width:761px;
	height: 154px;
}

#resetHeader {
	position:relative;
	left: 19px;
	top:-3px;
	z-index:+1;
	background-image: url(../images/aboutTheGame/resetHeader.gif);
	width:761px;
	height: 154px;
}

#registerHeader {
	position:relative;
	left: 19px;
	top:-3px;
	z-index:+1;
	background-image: url(../images/aboutTheGame/registerHeader.gif);
	width:761px;
	height: 154px;
}

#downloadHeader {
	position:relative;
	left: 19px;
	top:-3px;
	z-index:+1;
	background-image: url(../images/aboutTheGame/downloadHeader.gif);
	width:761px;
	height: 154px;
}
/* Header */

#Watermark {
  position:relative;
  left: 660px;
  background-image:url(../images/aboutTheGame/iniLogo.gif);
  width: 82px;
  height: 54px;
}

/* Footer */
#Footer {
	position:relative;
	margin-bottom:10px;
	width: 800px;
	height:47px;
	text-align:center;
	background-image:url(../images/nav/footerImg.gif);
	*top: 2px; /*css hack for IE7*/
}

#Footer p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   font-variant:small-caps;
   color:#772828;
}

#Footer a:link {text-decoration:none; color:#772828;} 
#Footer a:visited {text-decoration:none; color:#772828;}
#Footer a:hover {text-decoration:underline; color:#b82828;}
#Footer p.copyright {
	font-variant:normal;
	padding: 7px 0px 10px 0px;
	*padding: 0px 0px 0px 15px; /*css hack for IE7*/
}
.socialButtons {
	position: absolute;
	left: 730px;
	padding-top: 12px;
	*padding-top: 6px;/*css hack for IE7*/
}
/*End Footer */

/*whatIsGame */

#whatIsGame {
	width: 455px;
	position:relative;
	left: 60px;
	margin-bottom: 20px;
	clear:both;
}

#whatIsGame p {
  font-size:12px;
  margin: 0px 25px 0px 25px;
  line-height: 15px;
  padding:10px 0px 20px 0px;
}

#whatIsGame p.callout{
	color: #ac2727;
	font-size: 14px;
	font-style:italic;
	font-weight: bold;
	padding: 0px 50px 5px 50px;
	line-height: 16px;
}

#whatIsGame p.callout2{
	color: #ac2727;
	font-size: 14px;
	font-style:italic;
	font-weight: bold;
	padding: 0px 45px 5px 115px;
	line-height: 16px;
}

#whatIsGame p.bigLink{
	color: #ac2727;
	font-size: 14px;
	font-weight: bold;
	text-decoration:underline;
}

#whatIsGame p.indent{padding-left: 60px;}
#whatIsGame p.small{font-size:10px;}
#whatIsGame ul.smallList{font-size:10px; margin: -10px 0px 0px 60px;}


.center{
	align: center;
}

#whatIsGame ul {
  list-style-image:url(../images/nav/bullet.gif);
  margin: -10px 0px 0px 80px;
  padding:0px;
  font-size:12px;
}

#whatIsGame a:link {color:#ac2727; text-decoration:none;}
#whatIsGame a:visited {color:#ac2727; text-decoration:none;}
#whatIsGame a:hover {text-decoration:underline;}
 
img.littleOmni {position: absolute;left:0px; margin-top:40px;}
img.messageScr {margin-top:40px; position:relative;left:24px;}
img.secondScr {margin-top:20px; position:relative;left:24px;}
img.thirdScr {margin-top:20px; position:relative;left:24px;}
img.commAwards {
	float: left;
	margin: 5px 10px 5px 10px;
}
#commAwardsBlock{
	position: relative;
	width: 210px;
	top: -10px;
}
#commAwardsBlock p{
	font-size: 10px;
	padding: 25px 0px;
	margin: 0px;
}
#commAwardsBlock2{
	float: right;
	width: 240px;
	position: relative;
	top: -10px;
}
#commAwardsBlock2 p{
	font-size: 10px;
	padding: 25px 0px;
	margin: 0px;
}
#clear {
clear:both;
}
#whatIsGame p.formage {
	font-size:12px;
  margin: 0px 20px 0px 25px;
  line-height: 15px;
  padding:10px 0px 10px 0px;
}

.formField2 {
	position: absolute;
	left:230px;
	font-size: 10pt;
}
.formField {
	position: absolute;
	left:160px;
	font-size: 10pt;
}

.formField3 {
	position: absolute;
	left:250px;
	font-size: 10pt;
}

span.aside{
	font-size: 8pt;
	font-style: italic;
	font-weight: normal;
}
.errorFeedback {
	color: red;
}

.emphasize {
	color:#ac2727;
	font-weight:bold;
	font-size: 12px;
}
/*End About The Academy */
#sidebarWrap{
	position: absolute;
	left:560px;
}

#jumpTo {
  position:relative;
  width:175px;  
  border:#931919 solid;
  background-color: white;
  border-width: 1px;
  margin-bottom:20px; 
}

#jumpTo ul {
  list-style-image:url(../images/nav/bullet.gif);
  margin: 10px 10px 10px 30px;
  padding:0px;
  font-size:11px;
}

#jumpTo p.Main {padding: 0px 10px 20px 15px;}
#jumpTo p.MainCenter {padding: 0px 27px 15px 27px;}
#jumpTo span.user {font-weight:bold; font-size:14px;}
#jumpTo a:link {color:#ac2727; text-decoration:none;}
#jumpTo a:visited {color:#ac2727; text-decoration:none;}
#jumpTo a:hover {text-decoration:underline;}

/*inNews Tab */

#inNews {
margin-top:20px;
  position:relative;
  width:175px;
  
  background-image:url(../images/aboutTheGame/gradientFooter.gif);
  background-repeat:repeat-x;
  background-position:bottom;
  background-color: #e3f3ff;
  border:#005CA1 solid;
  border-width: 1px; 
}

#inNews p.Main {padding: 0px 10px 20px 15px;}
#inNews img.header {position:relative; top:0px;}
#inNews a:link {color:#416bae; text-decoration:none;} 
#inNews a:visited {color:#416bae; text-decoration:none;}
#inNews a:hover {text-decoration:underline;}

img.More {
	color:#772828;
	position:relative;
	left: 112px;
	bottom: 5px;
	border: 0px; 
}

/*inNews*/

/*Testimonials Tab */

#Testimonials {
margin-top:20px;
  position:relative;
  width:175px;
  
  background-image:url(../images/aboutTheGame/gradientFooter.gif);
  background-repeat:repeat-x;
  background-position:bottom;
  background-color: #e3f3ff;
  border:#005CA1 solid;
  border-width: 1px; 
}

#Testimonials p.Main {padding: 0px 10px 20px 15px;}
#Testimonials img.header {position:relative; top:0px;}
#Testimonials a:link {color:#416bae; text-decoration:none;} 
#Testimonials a:visited {color:#416bae; text-decoration:none;}
#Testimonials a:hover {text-decoration:underline;}

/*Testimonials*/
