@charset "utf-8";
/*USE ONLY FOR THE CARDS*/
body
{ 
  font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .88em;
  background-color:#000000;
  color:#33FF00;
}


.leftclearnone
{
 float:left;
}


#top {
    margin-left: auto; 
    margin-right: auto;
	height: 114px;
    width: 1015px; 
	border: 0px none #000000;
	
}


a.back {
background:url(../images/back.jpg) 0 0 no-repeat;
width:133px;
height:114px;
border: 0px none #000000;
float:left;
clear:none;
display:block;
padding-bottom:0px; /*need to mod for new slices.*/
}
a:hover.back  {
background-position: -133px 0;
padding-bottom:0px; /*need to mod for new slices.*/
}

a.con {
width:749px;
height:114px;
border: 0px none #000000;
background:url(../images/prototype_header.jpg) 0 0 no-repeat;
float:left;
clear:none;
display:block;
}
a:hover.con{
background-position: -749px 0;
}

a.next {
width:133px;
height:114px;
border: 0px none #000000;
background:url(../images/next.jpg) 0 0 no-repeat;
float:left;
clear:none;
display:block;
padding-bottom:0px; /*need to mod for new slices.*/
}

a:hover.next{
background-position: -133px 0;
padding-bottom:0px; /*need to mod for new slices.*/
}


#container
{
  margin-left: auto; 
  margin-right: auto;
  width: 1015px;
}

#audio
{
width:255px;
float:left;
clear:none;
padding-top:40px;
}

#card
{
width:505px;
float:left;
clear:none;

}

#learnmorebutton
{
width:255px;
float:left;
clear:none;
padding-top:40px;
}

#learnmorebutton a
{
color:#33FF00;
text-decoration: none;
}

#learnmorebutton a:hover
{
font-weight:bold;
}

#moreinfo
{
  margin-left: auto; 
  margin-right: auto;
  width: 975px;
  height:auto; /*needs to be changed to auto once info is filled out*/
  clear:both;
  padding:5px 20px 5px 20px; /*T R B L*/
}

#moreinfo p
{
text-align:justify;
}

h1
{
border-bottom:thin solid #990099;
font-family: verdana, arial, sans-serif;
font-size: 1.3em;
padding: 0px 0px 10px 0px;
}

h2
{
border-top:thin solid #990099;
font-family: verdana, arial, sans-serif;
font-size: 1.3em;
padding: 10px 0px 0px 0px;

}


#footer
{
border:thin solid #990099;
padding-bottom:10px;
padding-top:10px;
 margin-left: auto; 
  margin-right: auto;
  width: 975px;
}

#footer a 
{
text-align:center;
color:#33FF00;
text-decoration:none;
}

#footer a:hover
{
text-decoration:underline;
}
