﻿html               { margin: 0; padding: 0; color: #333; font-family:Sylfaen arial; font-size:16px; }
body               { margin: 0; padding: 0;}

/* * * * * *  html 5 fix  * * * * * */
section,article,header,footer,nav,aside,hgroup,address { display: block; }

/* * * * * *  layout  * * * * * */
#header {background-color:#005b7f; position:absolute;width: 100%;height: 110px;color:White; background-image:url(../images/HeadingBG.png); background-repeat: repeat-x;}
#content{ background-image:url(../images/SoccerBall2.png); background-repeat:no-repeat;position:absolute;bottom:60px;top:126px; padding:1%; width:98%; font-size:16px; overflow:auto; text-align:left; vertical-align:top;}
#footer{background-color:#005b7f; position:absolute;height:58px;width:100%;bottom:0%;color:White; background-image:url(../images/FooterBG.png); background-repeat: repeat-x;border-top:solid 1px white; font-size:12px; text-align:right; vertical-align:middle;}
#footer address{ font-style:normal;padding:4px 4px 0px 0px;}
aside{position:absolute;top:0;right:0px;width:20%;border-left:solid 1px white;height:75%; min-height:75%;padding-left:5px;border-collapse:collapse;}
/* * * * * *  layout elements  * * * * * */
#header .logo h1 {position:absolute;left:20px;top:0px;width:300px;}
#content #pageDesc {position:relative;float:left;width:22%;top:0px;height:100%; border-right:solid 2px #001C80; padding-right:10px;border-collapse:collapse;}
#content #pageContent {position:relative;float:right;width:75%;height:100%;top:0px;border-collapse:collapse;}

#mainMenu {position:absolute;Top:95%;width:100%;height:20px;color:#FFF;background-color:red; font-weight:bold;border-bottom:solid 1px black;
   border-top:solid 1px white;text-shadow: 1px 1px 2px #666;}
    
#mainMenu ul                       { margin: 0; }
#mainMenu ul li                    { display: inline; float: left; padding-left: 50px; font-weight: bold; }
#mainMenu ul li a                  { float: left; text-decoration: none; color: white; }
#mainMenu ul li a:hover            { color: #005b7f; }

/* BOX POSITIONING */
.divBody
{
    width: 88%;
    left: 6%;
    top:4px;
    height: 97%;
    position: absolute;
    border: solid 1px black;
    background-color: #E6E1D0;
    /* Some CSS3 stuff that isn't fully supported in IE... not necessary but very cool...*/
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 3px 20px #969696;
    box-shadow: 0px 3px 20px #969696;
    -webkit-box-shadow: 0px 3px 20px #969696;
}

.test
{
    background-color: #DED8C0;
}

table.tblForm{border:solid 1px #005b7f; padding:8px 8px 8px 8px;margin:0px;}
table.tblForm td.tdLabel{font-size:12px; font-weight:bold;text-align:left;color:#802400;}
table.tblForm td.tdData{text-align:left;}
fieldset {text-align:right;}

input.text,input[type=text] {font-size:11px;height:11px;}
select {font-size:11px;height:17px;}
input.text:hover, input[type=text]:hover{font-size:11px;height:11px;background-color: #FFFF99;}

fieldset label,label,.label, a:link .label {font-weight:normal; font-size:8pt; color:#001C80;text-decoration:none; vertical-align:top;padding:0px 8px 0px 4px; text-align:left;}
a:hover {color:red;}
.button {background-image: url(../images/tennisballIcon.png); background-repeat:no-repeat; background-position:left middle; vertical-align:middle; border:solid 1px #66FF33;
padding: 1px 3px 4px 18px;margin:0px;font-size:7.2pt;text-decoration: none;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius:8px;cursor: pointer;height:19px;font-weight: bold;}

.buttonchk {background-image: url(../images/check.png); background-repeat:no-repeat; background-position:left middle; vertical-align:middle; border:solid 1px #66FF33;
padding: 1px 3px 4px 18px;margin:0px;font-size:7.2pt;text-decoration: none;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius:8px;cursor: pointer;height:19px;font-weight: bold;}


.buttonReset {background-image: url(../images/baseballIcon.png); background-repeat:no-repeat; background-position:left middle; vertical-align:middle; color:#802400; border:solid 1px #802400;
padding: 1px 3px 4px 18px;margin:0px;font-size:7.2pt;text-decoration: none;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius:8px;cursor: pointer;height:18px;font-weight: bold;}
.button:hover, .buttonchk:hover, .buttonReset:hover {color:red;border:solid 1px red;}

.divPanel{border: solid 1px black;
    background-image:url(../images/500GradientWide.png); background-repeat: repeat;
    /* Some CSS3 stuff that isn't fully supported in IE... not necessary but very cool...*/
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-box-shadow: 0px 3px 8px #969696;
    -webkit-box-shadow: 0px 3px 8px #969696;
    box-shadow: 0px 3px 8px #969696;
    /* Support for IE shadow until they get their heads out of their asses */

}
#loginBox{position:absolute;right:2%;top:10px;font-size:12px;width:200px;}
#loginBox a:link {color:White;}
#loginBox input{font-size:11px;height:11px;}

/* FONT STYLES */
.txtHighlight{text-shadow: 1px 1px 1px #666;color:#802400; }
.txtHeader{text-shadow: 1px 2px 3px #333;font-size:22px;color:#001C80;}
legend{font-size:18px;text-shadow: 1px 1px 1px #666;color:#802400;text-align:left;}
.txtSmall{font-size:12px;}
.txtErrors{font-size:13px;color:Red; font-weight:bold;}

.panProd{border:solid 1px #333;position:absolute;top:90px; left:55%; background-color:#E5E5E5;z-index:35; width:300px;
    box-shadow: #969696 5px 5px 5px;
    -moz-box-shadow: 5px 6px 8px #969696;
    -webkit-box-shadow: 5px 5px 5px #969696;
  color: white;}



/* OTHER ELEMENTS */

ul.bball {padding-left:50px;}
ul.bball li { list-style-image:url(../images/baseballIcon.png); height:16px; font-weight:500; padding:2px 10px 2px 10px;color:#001C80;text-shadow: 1px 1px 2px #666;}

h1, h2, h3, h4, h5, h6  { margin: 12px 0 12px; font-size: 1em; }
h1                      { font-size: 2em; font-weight: normal; }
h2                      { font-size: 1.5em; }
h3                      { font-size: 1.25em; }
.imgBlend{-moz-box-shadow: 0px 0px 15px #FFF;
    -webkit-box-shadow: 0px 0px 15px #FFF;
box-shadow: 0px 0px 15px #FFF;}
  
  

