/* COMMON DEFINITIONS */
body {  
 font-family:  Verdana, Arial, Helvetica, sans-serif; 
 color: #000000; 
 font-size: 12px;

 margin: 0px;
 padding: 0px;

 scrollbar-3dlight-color:#FFFF00;
 scrollbar-arrow-color:#FFFFFF;
 scrollbar-base-color:#38699E;
 scrollbar-darkshadow-color:#000000;
 scrollbar-face-color:#B471A4;
 scrollbar-highlight-color:#864676;
 scrollbar-track-color:#E0C1D8;
 scrollbar-shadow-color:#864676;

 background-color: #FFFFFF;
}

p, td, div, ol, ul {
 font-family:  Verdana, Arial, Helvetica, sans-serif;
}

a {  color: #A3568F;}
a:link {  color: #A3568F}
a:active {  color: #A3568F}
a:visited {  color: #A3568F}
a:hover {  color: #FFFF00}

.small {  font-size: .9em}
.smaller {  font-size: .8em}
.smallest {  font-size: .7em}

.nl { clear: both; }
.important { color: #FF0000; }

/* -------------------- SITE STYLES -------------------- */


/* ----- HOME PAGE ------ */

#top-banner {
 margin: 0px;
 padding: 0px;
 background-image: url(../images/back.jpg);
 background-repeat: repeat-x;
 width: 100%;
 height: 108px;
}

#main-top {
 margin: 40px 0px 0px 0px;
 padding: 0px;
 height: 97px;
}

#main-middle {
 margin: 0px;
 padding: 0px;
 background-image: url(../images/home/bak.jpg);
 background-repeat: repeat-x;
 width: 100%;
 height: 185px;
}

#main-bottom {
 margin: 0px;
 padding: 0px;
 height: 86px;
}

#menubar {
 position: relative;
 width: 710px;
 padding: 0px;
 margin: 0px;
}

.menu-button {
 float: left;
 margin: 0px;
 padding: 0px;
}

#menu-general 
 position: absolute;
 top: 0px;
 left: 0px;
}
#menu-registration {
 position: absolute;
 top: 0px;
 left: 62px;
}
#menu-calendar {
 position: absolute;
 top: 0px;
 left: 140px;
}
#menu-coaches {
 position: absolute;
 top: 0px;
 left: 254px;
}
#menu-referee {
 position: absolute;
 top: 0px;
 left: 354px;
}
#menu-volunteer {
 position: absolute;
 top: 0px;
 left: 458px;
}
#menu-game {
 position: absolute;
 top: 0px;
 left: 523px;
}
#menu-tournaments {
 position: absolute;
 top: 0px;
 left: 619px;
}


/* ----- INSIDE TEMPLATE ------ */

#inside-top-banner {
 position: absolute;
 top: 0px;
 left: 0px;
 background-image: url(../images/inside-top-bak.gif);
 width: 100%;
 height: 130px;
 margin: 0px;
 padding: 0px;
}

#inside-logo {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 
}

#inside-top-pics {
 position: absolute;
 top: 0px;
 right: 0px;
}

#left-menu {
 margin: 130px 0px 0px 0px;
 left: 10%;
}

#col1 {
 margin: 130px 0px 0px 0px;
 width: 150px;
 float: left;
 padding: 0px;
 text-align: left;
}

#col2 {
 width: 60%;
 margin: 130px 0px 0px 0px;
 float: left;
 padding: 10px 0px 0px 2%;
 text-align: left;
}

#col3 {
 width: 125px;
 float: right;
 margin: 130px 0px 0px 0px;
 padding: 10px 5px 0px 5px;
 text-align: left;
}


/* FOOTER-AREA */

#footer-area {
 width: 100%;
 padding: 20px 0px 0px  0px;
 height: 80px;
 text-align: center;
 font-size: 11px;
 border-top: #953D81 solid 1px;
}











/* SUBSCRIPTION FORM */

#subbox {
margin: 30px 0px 20px 0px;
text-align: center;
font-size: 11px;
color: #FFFFFF;
}
.formfield {
 width: 98%;
 margin: auto;
 border: #00000 1px solid;
 height: 20px;
}
.form-button {
 margin: auto;
 background: #8EB6DD;
 color: #35445B;
 font-size: 12px;
 font-weight: bold;
}

/* CONTACT FORM */

#formbox {
 width: 400px;
 margin: 10px;
}
.labelbox {
 clear: both;
 float: left;
 width: 48%;
 text-align: left;
}
.fieldbox {
 float: left;
 width: 48%;
 text-align: left;
}
.comment-area {
 width: 98%;
 height: 100px;
 border: #00000 1px solid;
 margin: auto;
}

/* FOOTER */

#footer {
 font-size: 11px;
 text-align: center;
 margin: 30px;
}

/* LAYOUT TOOLS */

.CenterBlock {
 clear:both;
 width: 100%;
 text-align: center;
}