/* Colors
/* 000000 (Black)
/* 003300 (Dark Green - Almost Black)
/* 006600 (Dark Green)
/* 008000 (Green)
/* 009933 (Medium Green)
/* 33CC33 (Light Green)
/* ffffff (white)

/****************************************************************************/
/* Page defaults.                                                           */
/****************************************************************************/

body {
scrollbar-face-color: #008000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #003300;
scrollbar-3dlight-color: #33CC33;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #009933;
scrollbar-arrow-color: #000000;
background-color: #006600;
color: #ffffff;
font-family: Arial,Helvetica,sans-serif;
font-size: 10pt;
margin: 0px;
}

A  {color: #ffff99; font-weight: bold; text-decoration: none;}

A:visited  {color: #ffff99;}

A:hover {color: #ffff99; text-decoration: underline;}

h4 {color: #ffff99; font-size: 10pt;}

ul {list-style-type: square;}

/****************************************************************************/
/* Layout objects.                                                          */
/****************************************************************************/

#steel15g {height:15px; background-image:url('http://www.northmontboyssoccer.com/images/css/steel15g.jpg'); padding: 0px}
#steel15w {height:15px; background-image:url('http://www.northmontboyssoccer.com/images/css/steel15w.jpg'); padding: 0px}
#steel15y {height:15px; background-image:url('http://www.northmontboyssoccer.com/images/css/steel15y.jpg'); padding: 0px}
#steel20g {height:20px; background-image:url('http://www.northmontboyssoccer.com/images/css/steel20g.jpg'); padding: 0px}
#steel20w {height:20px; background-image:url('http://www.northmontboyssoccer.com/images/css/steel20w.jpg'); padding: 0px}
#steel20y {height:20px; background-image:url('http://www.northmontboyssoccer.com/images/css/steel20y.jpg'); padding: 0px}
#steel25g {height:25px; background-image:url('http://www.northmontboyssoccer.com/images/css/steel25g.jpg'); padding: 0px}
#steel25w {height:25px; background-image:url('http://www.northmontboyssoccer.com/images/css/steel25w.jpg'); padding: 0px}
#steel25y {height:25px; background-image:url('http://www.northmontboyssoccer.com/images/css/steel25y.jpg'); padding: 0px}
#nbslogo {height:60px; background-image:url('http://www.northmontboyssoccer.com/images/css/nbslogo.jpg'); padding: 0px}

#titleBar {
  background-color: #008000;
  border-top: 2px solid #33CC33;
  border-bottom: 2px solid #003300;
  color: #ffffff;
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
  font-style: italic;
}

.titleBarNav {background-color: #008000; border-top: 2px solid #33CC33; border-bottom: 2px solid #003300; text-align: center;
			 color: #ffffff; font-size: 9pt; font-weight: bold; padding: 2px; padding-left: 1em; padding-right: 1em;}

#status {
  float: right;
}

#title {
  color: #ffffff;
  font-size: 16pt;
  font-style: italic;
}

.menuBar {
  background-color: #006600;
  border-top: 1px solid #33CC33;
  border-bottom: 2px solid #000000;
  font-size: 8pt;
  font-weight: bold;
  text-align: center;
}

.dbdata {background-color: #009933; border-top: 1px solid #006600; border-bottom: .5px solid #006600; color: #ffff99; font-size: 9pt; font-weight: bold;
			 padding: .5px; padding-left: .5em; padding-right: .5em;}
			 
.menuBarNav {background-color: #009933; border-top: 1px solid #006600; border-bottom: 1px solid #006600; color: #ffff99; font-size: 8pt; font-weight: bold;
			 padding: .5px; padding-left: .5em; padding-right: .5em;}

.menuBarNavr {background-color: #009933; border-top: 1px solid #006600; border-bottom: 1px solid #006600; color: #ffff99; font-size: 9pt; font-weight: bold;}

.menuBarNavr1 {background-color: #009933; border-top: 1px solid #006600; border-bottom: 1px solid #006600; color: #ffff99; font-size: 8pt; font-weight: bold;}

.picsback {background-color: #ffffff; color: #000000; font-size: 9pt; font-weight: bold;}

.font9 {color: #000000; font-size: 9pt;}

.backgnd {
  border-left: 1px solid #33CC33;
  border-right: 1px solid #33CC33;
  border-top: 1px solid #33CC33;
  border-bottom: 1px solid #33CC33;
}


#main {
  background-color: #33CC33;
  text-align: center;  /* Needed for IE 5.x. */
}

#wrapper {
  text-align: left;  /* Counteracts the above text alignment. */

}

#subTitle {
  color: #c0c0c0;
  font-size: 12pt;
  font-weight: bold;
  padding: 0px 1em 2px 0px;
  text-align: right;
}

#contact {
  float: left;
}

#copyright {
  font-size: 8pt;
  font-weight: bold;
  padding: 2px;
  padding-left: 1em;
  padding-right: 1em;
  text-align: right;
}

/****************************************************************************/
/* Tables.                                                                  */
/****************************************************************************/

td, th {font-family: Arial,Helvetica,sans-serif; font-size: 10pt; padding: 0px; padding-left: 0em; padding-right: 0em;}

td.freeform {padding: .25em .75em;}

td.freeformh {padding: .25em .75em;}

table.main {border: 0px solid #ffffff; border-bottom-width: 0px; empty-cells: show; margin-left: auto; margin-right: auto;}

table.mainh {border: 1px solid #ffffff; empty-cells: show; margin-left: auto; margin-right: auto;}

table.main.multi {margin-left: 0px;  /* To make multiple tables flush left. */}

/* table.mainh.multi {margin-left: 0px;  /* To make multiple tables flush left. */}

table.main td, table.main th {color: #ffffff;}

table.mainh td, table.mainh th {color: #ffffff;}

/* table.main td {border-bottom: 1px solid #ffffff;}

/* table.mainh td {border-bottom: 1px solid #ffffff;}

table.main th {background-color: #008000; color: #ffffff; font-weight: bold; border-bottom: 1px solid #ffffff;}

table.mainh th {background-color: #008000; color: #ffffff; font-weight: bold; border-bottom: 1px solid #ffffff;}

table.main tr {border-bottom: 1px solid #000000;}

table.mainh tr {border-bottom: 1px solid #000000;}

table.main tr.alt {background-color: #000000;}

/* table.mainh tr.alt {background-color: #000000;}

/* For free form text and tables within the main table display. */

table.main div.freeForm {padding: .1em .1em;}

table.mainh div.freeForm {padding: .1em .1em;}

table.main div.freeForm.text {width: 44.3em;}

table.mainh div.freeForm.text {width: 33em;}

/* table.main div.freeForm table td, div.freeForm table th {border-style: none;}

/* table.mainh div.freeForm table td, div.freeForm table th {border-style: none;}


/****************************************************************************/
/* Form elements.                                                           */
/****************************************************************************/


input, select {background-color: #006600; color: #ffffff; font-size: 10pt;}

textarea {background-color: #006600; color: #ffffff; font-size: 10pt;}

input.button {background-color: #008000; border-top: 2px solid #33CC33; border-bottom: 2px solid #003300; 
			 border-left: 2px solid #33CC33; border-right: 2px solid #003300; text-align: center;
			 color: #ffffff; font-size: 9pt; font-weight: bold; padding: 1px; padding-left: .5em; padding-right: .5em;}
			 
input.checkbox, input.radio, input.textarea {background-color: #006600;}

tr.alt input.checkbox, tr.alt input.radio, tr.alt input.textarea {background-color: #006600;}

tr.alt input[type="checkbox"], tr.alt input[type="radio"], input[type="checkbox"], input[type="radio"], input[type="textarea"] {background-color: #006600;}

/****************************************************************************/
/* Text messages.                                                           */
/****************************************************************************/


.error, .info {text-align: center; border: 1px solid #000000; font-weight: bold; padding: 2px; padding-left: .5em; padding-right: .5em; white-space: nowrap;}

.error {background-color: #ffff00; color: #800000;}

.info {background-color: #ffff00; color: #800000;}

.small {font-size: 8pt;}


/******************************************************************************
* Printer styles.                                                             *
******************************************************************************/


@media print {a, a:visited, table.main a, table.main a:visited {color: #000000; font-weight: normal;}

  body {background-color: #ffffff; color: #000000;}

  input.button {background-color: #d0d0d0; border: 1px outset;}

  input.checkbox, input.radio {background-color: #ffffff;}

  tr.alt input.checkbox, tr.alt input.radio {background-color: #e0e0e0;}

  #titleBar, #copyright {background-color: #ffffff; border-width: 0px; color: #000000;}

  #copyright {border-top: 1px solid #000000;}

  #title {color: #000000; font-size: 10pt;}

  .menuBar, #subTitle {display: none;}

  .error, .info {background-color: #e0e0e0; color: #000000;}

  table.main td {border-top-width: 0px; border-bottom: 1px solid #000000;}

  table.main th, table.main th.afc, table.main th.nfc {background-color: #c0c0c0; color: #000000; border-top-width: 0px;
	    border-bottom: 1px solid #000000;}

  table.main tr {background-color: #ffffff;}

  table.main tr.alt {background-color: #e0e0e0;}
}