/*============================================================================*/
/* STYLESHEET FOR AYSO2C.ORG                                                  */
/* updated 09/14/2010 by dg                                                   */
/*                                                                            */
/*============================================================================*/


/*----------------------------------------------------------------------------*/
/* Layout                                                                     */
/*----------------------------------------------------------------------------*/
 body          { margin: 0; padding: 0; }

 hr            { height: 2px; clear: both }

 table         { border-width: 0; margin: 0; padding: 0; width: 100% }
 td            { vertical-align: top }

 dl            { margin: 0px 30px 30px 30px }
 dt            { margin-top: 7px }

 li            { margin-top: 5px }

 .sidebar      { width: 180px }
 .menubutton   { width: 180px }

 .middlecenter { text-align: center; vertical-align: middle; font-weight: bold }

/*----------------------------------------------------------------------------*/
/* Backgrounds                                                                */
/*----------------------------------------------------------------------------*/
 .sitebanner   { background-color: #000080; vertical-align: middle }
 .menubarbg    { background-color: #aaa }
 .sidebar      { background-image: url('/images/net-olive.jpg') }
 .main-col     { background-image: url('/images/gradient.jpg') }
 .menubutton   { background-image: url('/menus/button.jpg'); background-color: #efc }
 .menutitle    { color: #efc; background-color: #000080; padding: 3px }
 .tablebkgd1   { background-color: #eee }
 .tablebkgd2   { background-color: #ddf }

/*----------------------------------------------------------------------------*/
/* Colors                                                                     */
/*----------------------------------------------------------------------------*/
 h2,h3         { color: #336699; padding-top: 20px }
 hr            { color: #000080 }
 dt            { color: #600 }
 dd            { color: #567 }

 .text2        { color: #004066 }
 .list-title   { color: #004066 }
 .footer       { color: #efc; font: 0.9em geneva,helvetica,arial,sans-serif }

/*----------------------------------------------------------------------------*/
/* Fonts                                                                      */
/*----------------------------------------------------------------------------*/
 .bold         { font-weight: bold }
 .ul           { text-decoration: underline }
 .left         { text-align: left }
 .right        { text-align: right }
 .center       { text-align: center }
 .justify      { text-align: justify }
 .big          { font-size: larger }
 .small        { font-size: smaller }

 td, body      { font-family: Geneva, Helvetica, Arial, sans-serif }

 .menubutton   { font-family: Verdana, Helvetica, Arial }
 .list-title   { font-family: Verdana, Helvetica, Arial }

 h6            { font-size: 8pt }
 h5            { font-size: 8pt }
 h4            { font-size: 10pt }
 h3            { font-size: 12pt }
 h2            { font-size: 14pt; font-style: italic }
 h1            { font-size: 18pt }

 td, body      { font-size: 12px }

 .text3        { font-size: 11px; padding-left: 8px }
 .menubutton   { font-size: 11px }
 .menu-subtext { font-size: 10px; font-weight: normal }
 .text2        { font-size: 12px; font-style: normal; font-weight: bold }
 .list-title   { font-size: 12px; font-style: normal; font-weight: bold }
 .menutitle    { font-size: 12px; font-style: normal; font-weight: bold; text-align: center }

 dt            { font-weight: bold }
 dd            { font-style: italic }

 P.last-upd    { font-size: smaller; font-style: italic; text-align: right;
                 margin: 0; padding: 0 }

 .header-link  { font-weight: bold }
 .footer       { font-style: italic; font-size: 0.9em }

 .google-edit  { color:#112ABB; float: right;
                 font: 6pt Geneva,Helvetica,Arial,sans-serif }

/*----------------------------------------------------------------------------*/
/* Hyperlinks                                                                 */
/*----------------------------------------------------------------------------*/
 A:link        { text-decoration: none; color: #004066 }
 A:visited     { text-decoration: none; color: #004066 }
 A:hover       { text-decoration: none; color: #CC3333 }
 A:hover       { position: relative; top: 1.5px; left: 1.5px; }

 .ul:link      { text-decoration: underline }
 .ul:visited   { text-decoration: underline }
 .ul:hover     { text-decoration: none }

 .google-edit:hover  { text-decoration: none; color: #004066 }
 .google-edit:hover  { position: static }

/*----------------------------------------------------------------------------*/
/* Used on referee forms                                                      */
/*----------------------------------------------------------------------------*/

 table.form    { text-align:left; width:100%; margin: 0px auto 30px auto }

 .form,
 .formr,
 .formbutton   { vertical-align: middle; font-size: 1em; color: #000 }

 input.form    { text-align: left  ; padding: 3px 0px }
 select.form   { text-align: center; padding: 0px 0px }
 option.form   { text-align: center; padding: 2px 2px }
 td.form       { text-align: left  ; padding: 2px 10px 2px 3px; 
                 font-size: .9em; font-weight: bold }
 td.formr      { text-align: right ; padding: 2px 3px 2px 10px; 
                 font-size: .9em; font-weight: bold }
 td.form1      { text-align: left  ; padding: 2px 10px 2px 10px; 
                 font-size: .9em; font-weight: bold }
 input.formbutton { text-align: center; padding: 3px 20px; font-weight:bold;
                    background: #fc0 }





/* OTHER STYLE ATTRS CARRIED OVER FROM OLD SITE */
/* (these will be gradually deprecated)         */

/*----------------------------------------------------------------------------*/
/* Header nav-link box classes                                                */

 DIV.yellow-item-box { background: none #ffc;
                 border: solid 1px #33c; color: #000;
                 margin: 0px 0px 8px 0px; padding: 6px 20px 6px 20px;
                 text-align: left }

 DIV.gray-item-box   { background: #dddddd;
                 border: solid 1px #33c; color: #000;
                 margin: 0px 0px 8px 0px; padding: 6px 20px 6px 20px;
                 text-align: left }

 DIV.green-item-box  { background: none #cec;
                 border: solid 1px #33c; color: #000;
                 margin: 0px 0px 8px 0px; padding: 6px 20px 6px 20px;
                 text-align: left }

 DIV.blue-item-box   { background: none #dde;
                 border: solid 1px #33c; color: #000;
                 margin: 0px 0px 8px 0px; padding: 6px 20px 6px 20px;
                 text-align: left }

 DIV.tan-item-box    { background: none #edb;
                 border: solid 1px #33c; color: #000;
                 margin: 0px 0px 8px 0px; padding: 6px 20px 6px 20px;
                 text-align: left }

 DIV.tan-padded-box  { background: none #edb;
                 border: solid 1px #33c; color: #000;
                 margin: 0px 8px 8px 8px; padding: 6px 20px 6px 20px;
                 text-align: left }

/*----------------------------------------------------------------------------*/
/* Used on Board page                                                         */

  td.staff-title { font-style: italic; text-align: right;
                 border: 1px solid black; background-color: white;
                 padding: 3px 8px 3px 8px; white-space: nowrap }

  td.staff-name  { font-weight: bold; text-align: left;
                 border: 1px solid black; background-color: white;
                 padding: 3px 8px 3px 8px; white-space: nowrap }

/*----------------------------------------------------------------------------*/
/* Used on Area Cup page                                                      */

  td.bold      { font-weight: bold; text-align: left; width: 120px;
                 border: 1px solid #33c; background-color: white;
                 padding: 3px 8px 3px 8px; white-space: nowrap }

  td.fields    { font-style: italic; text-align: right;
                 border: 1px solid #33c; background-color: white;
                 padding: 3px 8px 3px 8px }

  td.rank      { font-style: italic; text-align: right;
                 border: none; background-color: transparent;
                 padding: 3px 8px 3px 8px }

/*----------------------------------------------------------------------------*/
/* Used on Rules page                                                         */

 H3.section-header { background: none #ccc; color: #33c;
                 margin: 1em 12px 0 12px; padding: 4px; font-size: 1.2em;
                 border: 1 solid #cc3333; text-align: center }