/* James Madison High School, Vienna, VA
   FIRST Team 620 Robotics Club
   jmhsrobtics.org web site CSS file 
   Updated 10-Feb-2011
*/

/* -- COMMON STYLE CLASSES -- */  
body {
	margin:0;
	background:#A20706 url('images/background-top.png') repeat-x;
}
body.child{
  background-image:none;  
}
img {
	border:0;
}
a {
    color:white;
    text-decoration:underline;
	cursor:pointer;
}

/*  --- Page Container --- */
div.pageBox {
	width:1000px;
}

/* -- Page Header -- */
div.topBox {
  background: url('images/banner-top.png') no-repeat;
}

div.logoBox {
	float:left;	width:40%;
}
 /* logo image style when 
    countdown timer in use */
div.logoImages.smaller img{
    height:95px;
}

div.titleBox {
	position:relative;
	width:60%; height:200px;
	margin-left:400px;
	padding-top:20px;
}
p.pageTitle {
  font:bold 1.5em EngravrsRoman BT;
  color: white;
  margin:0;
  text-align:center;
}
p.pageTitle.simple {
    margin-top:60px;
}

div.topDisplayBox {
	width: 75%; margin:0 auto;
	font-weight: bold;
	font-style:italic;
}
.floatEnd {
    clear:left;
}
/* -- Page Body -- */
div.mainBox {
}


/* Navigation Menu (left) */
div.menuBox {
  float:left; width:312px;
}
div.menu {
  background-image: url('images/leftPanel-menu.png');
  padding-top:10px;
}

div.menuItem {
  margin-left:35px;
  padding:4px 0 0 50px;
  width:125px; height:30px;
  font-size: 1.3em; text-align:left;
  background:url('images/red.png') no-repeat;
  cursor:pointer;
}
div.menuItem:Hover{
  background-image: url('images/black.png');
}
div.menuItem.currentItem ,
div.menuItem.currentItem:Hover{
  background-image:url('images/red-on.png');
  cursor:auto;
}

div.menuBottom{
  width:227px;
   margin-top:10px;
}
div.menuBottom  img {
    display:block; 
	margin:0 auto 4px auto;
}
div.menuBottom p.contactWebmaster {
	margin:0 20px;
	text-align:center;
}
div.menuBottom p.contactWebmaster a{
    color:blue;
}
div.menuBox  div.filler{
    width:227px;
    background:url('images/leftPanel-filler.png');
}


/* Main Display Area (right) */
div.displayBox {
    position:relative; 
    width:640px; margin-left:312px;
    padding:10px 0 10px 10px;
    color:white;  
}

p.title1 {
    text-align:center;
    font: bold 1em verdana;
    color:white;
    margin:10px;
}
p.title1 a{
  color:white;
}
p.pHeader {
    font: bold 1em verdana;
	margin:15px 0 5px 0;
}
p.bodyText {
	text-align:justify;
	margin:0px 0 5px 0;
}

div.listItem{
    margin-top:5px;
}
div.listItem span.fileType {
    font-size:smaller;
	margin-left:5px;
}

.table1 {
  margin:10px auto;
  color: white;
}
.table1 td {
  padding: 3px 10px 3px 10px;
  text-align:left;
}
.table1 th {
  font-size: 1em;
  font-family:verdana;
  font-weight:bold;
}

.table2 {
  margin-left:20px;
  font-family:verdana;
}
.table2 col.col1{
  width:120px;
}
.table2 col.col2{
  width:150px;
}
.table2 col.col2a{
  width:100px;
}
.table2 th {
  text-align:left;
  text-decoration:underline; 
  font-size:.9em;
}
.table2 td {
  padding:3px;
  font-size:.8em;
  vertical-align:top;
}

div.vSelect {
  position:absolute;bottom:0;left:0;
  width:98%;
}
div.vItem {
  width:18%; height:30px;
  float:left;
  text-align:left;
  padding:6px 0 0 35px;
  background:url('images/amber-off.png') no-repeat;
  cursor: pointer;
  color:black;
}
div.vSelected {
  color:#FFFF00;
  background-image:url('images/amber-on.png');
}

/* Page Footer Area */
div.pageFooter {
    margin-left:312px;
	margin-top:10px
}
div.pageFooter iframe{
	width:630px; height:280px;
}



/* -- PAGE SPECIFIC CLASSES -- */

/* - Index Page (ix) Classes - */
#ixPageTitle  {
  margin-top:10px;
}
/* Countdown Timer */
#ixCountdownTimer{
  margin-left:10px;
}
#ixCountdownTimer p{
  font-weight:bold; margin:0;
}
#ixCountdownTimer div div{
  float:left; width:50px;
  border:solid 1px black;
  text-align:center;
}
#ixCount_display{
  clear:left;
}

#ixAddress  {
  margin:0px 10px 0px 0px;
  text-align:right;
  font-size:small;
}
#ixDisplayBox div{
  float:left;  width:40%;
  padding:20px 8px 8px 8px; 
}


/* - Footer (ft) Classes - */
#ftPageBox {
	width:580px;
	background-color:silver;
	margin:0 auto;
	text-align:center;
}
#ftPageBox p.title1 {
	color:black;
}
#ftPageBox .logoGroup1 {
  vertical-align:top;
}
#ftPageBox .logoGroup1 img  {
	margin:0px 4px 0px 4px;
	border:0;
}
#ftPageBox .logoGroup2 {
	padding: 0px 2px 0px 2px;
}
#ftPageBox .logoGroup2 img {
	margin:3px 0 0 20px;
}
/*#ftPageBox .logoGroup3 img {
  margin:0px 8px 0px 8px;
  border:0;
}*/
#ftOldSponsors {
	text-align:right;
	font-size:small;
	margin:4px;
}
#ftDisclaimer{
    margin:5px;
	font-size:small;
}


/* - "The Game" Page (tg) Classes - */
#tgTitleBox div.vItem {
  width:auto;
  margin-right:25px;
}
#tgDisplayBox {
  height:475px;
  text-align:center;
}
#tgDisplayBox div {
  border:1px black solid;
  height:240px; width:600px;
  padding-top:240px;
}
div.tgChildPage{
	color:white;
	font-size:larger;
}
div.tgChildPage a{
	color:white;
}
div.tgChildPage p{
    margin:10px 0 ;
}

/* - Our Story Page (st) Classes - */
#stMenuBox  div.filler{
	height:350px;
}

/* - Team 620 (Page tm) Classes - */
#tmMenuBox  div.filler{
	 height:150px;
}

/* - Resources Page (rs) Classes - */
#rsDisplayBox{
  text-align:center;
  min-height:250px;
}

/* - Photos Page (ph) Classes - */
#phDisplayBox {
	height:510px;
	text-align:center;
}

/* - Video Page (vi) Classes - */
#viIpadBox {
  position:absolute;bottom:40px;left:5px;
  font-size:smaller;
}
#viDisplayBox {
	height:480px;
	text-align:center;
}
#viTitleBox .vItem {
    width:25%;
}
#viDisplayBox div.placeholder{
	border:1px black solid;
	height:240px; width:600px;
	padding-top:240px;
}
/* - Video Page (vi) Classes - */
#viIpadBox {
    position:absolute;bottom:40px;left:5px;
    font-size:smaller;
}

/* - Membership Application Page (ma) Classes - */
#maForm div.formHeader2 {
    margin-top:10px;
    font: bold .9em verdana;
}
#maForm div.formRow{
    height:50px;
}
#maForm div.formRow div.col1 {
    float:left; width:240px;
}
#maForm div.formRow div.col2 {
    float:left; width:240px;
}
#maForm div.formRow div.col3 {
    float:left; width:160px;
}

#maGroupInfo {
    background-color:#777777;
    padding:1px 9px;
}
#maGroupInfo select {
    margin-left:10px;
}