/*********************************************/
          /* RWR Solutions (2007) */
    /* Style sheet for First Touch Soccer */
/*********************************************/
/* NOTE TO SELF: top right bottom left       */

body {
     margin:0;
     padding:0;
     font-family:verdana;
     font-size:12px;
     background-color:#A8D48D;
     color:#000;
   }

h1{
     margin-top: 0;
     font-size:18px;
     font-weight:bold;
     text-decoration:underline;
     color:#106926;
}

h2{
     margin-top: 0;
     font-size:16px;
     font-weight:bold;
     color:#106926;
}

h3{
     margin-top: 0;
     font-size:14px;
     font-weight:bold;
}

h4{
     margin:0;
     padding:0;
     font-size:10px;
     font-weight:bold;
}

img {
        border:2px black solid;
}

#headerimg {
        padding: 5px 0 0 0;
        margin:0px;
}
   
input,textarea{
     font-family:verdana;
     font-size:12px;
}

.linespace16 {
	line-height:16px;
	text-align:justify;
}

#container{
     position: absolute;
     width:760px;
     height:auto;
     left: 50%;
     margin:10px 0 0 -380px;
}

#header {
     height:150px;
     width:760px;
     background-image:url("img/header.gif");
}

.top {
     margin-top:30px;
     background-image : url("img/top_thin.gif") ;
     width:760px;
     height:214px;
     background-repeat: no-repeat;
}
        
.middle {
     background-image : url("img/border_side_thin.gif") ;
     width:760px;
     background-repeat: repeat-y;
     margin:0px;
     padding:0px;
}
        
.bottom {
     background-image : url("img/border_bottom_thin.gif") ;
     width:760px;
     height:52px;
     background-repeat: no-repeat;
     color:#000;
     font-weight:100;
     font-size:10px;
}

.left {
       width:500px;
       margin:10px 15px 10px 0;
       padding-left:15px;
       float:left;
       text-align:justify;

}

.right {
       width:200px;
       margin:10px 15px 10px 0;
       padding:0px;
       float:right;
       text-align:justify;
}

.profileleft {
       width:175px;
       margin:10px 15px 10px 0;
       padding-left:15px;
       float:left;
}

.profileright {
       width:525px;
       margin:10px 15px 10px 0;
       padding:0px;
       float:right;

}

.fullwidth {
      margin:0px 15px 0px 15px;
      padding:0px;
	  text-align:center
}

.bold {
        font-weight:bold;
}

div#feat_pic {
	 width:359px;
	 margin:10px 15px 10px 0;
	 padding-left:15px;
	 float:left;
}

div#feat_text {
	 width:356px;
	 margin:10px 15px 10px 0;
	 padding:0px;
	 float:right;
	 text-align:justify;
}

div#profile_snippets  {
	 width:359px;
	 margin:0 15px 10px 0;
	 padding-left:15px;
	 float:left;
	 text-align:justify;
}

#profile_snippets td {
        padding-bottom:15px
}

div#league_snippet {
	 width:356px;
	 margin:0 15px 10px 0;
	 padding:0px;
	 float:right;
	 text-align:justify;
}

div#menu {
     height:30px
}

#menu1 {display: none}
#menu2 {display: none}
#menu3 {display: none}
#menu4 {display: none}
        
/*************************/
/* Begin CSS Popout Menu */
/*************************/

#menuh-container
	{
        text-align:center;
        position:absolute;
	margin:auto;
	height:30px;

	}

#menuh
	{
	font-size: 14px;
	font-family: arial;
	width:100%;
	margin: 0 0 0 4px;

	}

#menuh a
	{
	text-align:center;
	display:block;
	border:none;
	white-space:nowrap;
	margin:0;
	height:30px;
        padding:5px 0 0 0;
	}

#menuh ul ul li
       {
margin-top: -0.4em;
width: 94px;
       }

#menuh a, #menuh a:visited	/* menu at rest */
	{
	color: #f5f8ca;
	background-image: url("img/menu_bg.jpg");
 	background-repeat: repeat-x;
        text-decoration:none;

	}

#menuh a:hover	/* menu at mouse-over  */
	{
	color: black;
	background-image: url("img/menu_bg_hov.jpg");
 	background-repeat: repeat-x;

	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:94.1px;	/* width of all menu boxes */

	}

#menuh li
	{
	position:relative;

	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;

	}

#menuh ul ul ul
	{
	top:0;
	left:100%;

	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;

	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/*************************/
/*  End CSS Popout Menu  */
/*************************/

a:link, a:visited, a:active {
     color: #106926;
     text-decoration: none;
     font-weight:bold;
}

a:hover{
     color:#90c83f;
     text-decoration: none;
     font-weight:bold;
}