html{
    color: #000;
    margin: 0;
    padding: 0;
    background: #e7e7ff;
}


body{
    margin: 0;
    padding: 0 10px 0 10px;
    background-image: #ffffff;    /*  url('/Images/soccerplay4.jpg');  */
    background-repeat: repeat;
    background-attachment: fixed;

    #ScreenHide{ display:none;}
}

</style>



#title{
    position: relative;
    clear: both;
    padding: 0;
    height: 60px;
    z-index: 1;
    font: normal .95em Verdana, sans-serif;
    color: #000;
    background: #0000e0 url('/Images/MansRec1.jpg') no-repeat fixed top left;
    margin: 0 0 0 0;
    border: solid #006 1px;
}


#container1{
    float: center;
    top: 65px;
    width: 450px;
    padding: 1em;
    z-index: 2;
    font: normal .95em Verdana, sans-serif;
    color: #000;
    background: url('/Images/curb-drain-fade.jpg') no-repeat fixed top left;
    margin: 15px 15px  15px 15px;
    border: solid #f00 1px;
}


#container2{
    padding: 1em;
    z-index: 2;
    font: normal .95em Verdana, sans-serif;
    color: #000;
    background:  #fcfcfc;
    margin: 0 15px 0 0;
}


#infobar {

     height: 30px;
 
    text-align: center;
 
    font-size: 10px;

     color: #ffffff;
     padding-left: 1em;
     padding-right: 1em;
     background: url('/Images/Bar.jpg') repeat;
}



#infobartext {

 
    text-align: center;
 
    font-size: 12px;

     color: #blue;
     background: #d0d0f0;
     border-style: solid;
     border-width: 1px 1px 1px 1px;
     border-color: #505050 #909090 #a0a0a0 #a0a0a0;
}


#letter {
    color: #000;
    font: normal .85em Verdana, sans-serif;
}


#letter ul {
    list-style-type: decimal;
}

#letter li {
    margin-bottom: 1em;

}


#letter ul.alpha {
  list-style-type:  lower-alpha;
}


#letter ul.disc {
  list-style-type: disc;
}


#letter p {
   text-indent: 1.5em;
}


#letter p.reviewed {
   color: #777;
   text-indent: .90em;
   font: italic;
}


#tabl   {
         font: bold 1.1em Verdana, sans-serif;
     border: solid #000 1px;
}


#tabl th{
         font: bold .8em Verdana, sans-serif;
}

#tabl td{
         font: normal .8em Verdana, sans-serif;
}

#tabl a{
         font: normal .8em Verdana, sans-serif;
}


#tabl2 th{
         font: bold .9em Verdana, sans-serif;
}

#tabl2 td{
         font: normal .9em Verdana, sans-serif;
}

#tabl2 a{
         font: normal .9em Verdana, sans-serif;
}


#outline {
    border: solid #000 1px;
}


#outline2 {
     border-style: solid;
     border-width: 1px 1px 1px 1px;
     border-color: #404040 #909090 #909090 #d0d0f0;
}


#footer {

     height: 50px;
 
    text-align: center;
     font-size: .85em;
     font: italic;
     color: #3030a0;
     background: #d0d0f0;
}




#footer a {

    text-decoration: none;

}






#footer img {

    vertical-align: -0.2em;

}






/************************************************
    GENERAL STYLE SETUP
************************************************/
h1{
    margin: .5em 0 .5em 0;
    font: bold 1.6em Verdana, sans-serif;
    color: #6e6057;
    background-color: #DFE0D0;
    padding: .25em;
    border: solid #000 1px;
}

h2{
    margin: 0 0 .5em 0;
    font: bold 1.6em serif;
    color: #313040;
    background-color: transparent;
    border-bottom: solid #000 1px;
}

h3{
    margin: 0;
    font: bold 1.1em Verdana, sans-serif;
    padding: 0;
    font-style: italic;
}

h4{
    margin: 0;
    font: bold 1em Verdana, sans-serif;
    padding: 0;
    color: #6e6057;
}

p{
    font: normal .9em/1.4em Verdana, sans-serif;
    margin: 0 0 1.5em 0;
    background-color: transparent;
}


a{
	color: #339;
	background-color: transparent;
	text-decoration: underline;
	padding: .2em
}
a:hover{
	color: #c00;
	background-color: transparent;
	text-decoration: none;
}


@media print
  {
   BODY {font-size: 10pt; line-height: 120%; background: white; }
   #PageBanner { display:none;}
   #infobar    { display:none;}
   #nav        { display:none;}
   #footer     { display:none;}
   #PrintHide  { display:none;}
   #container2 { width:100%;}

   #tabl       { font: bold .8em Verdana, sans-serif;
                 background: #707070;
                 border-style: solid;
                 border-width: 1px 1px 1px 1px;
                 border-color: #505050 #909090 #a0a0a0 #a0a0a0;
                 border: solid #000 .5px;
               }

   #tabl th    { font: bold .8em Verdana, sans-serif; }
   #tabl td    { font: normal .8em Verdana, sans-serif; }
   #tabl a     { font: normal .8em Verdana, sans-serif; }
   #tabl2 th   { font: bold .9em Verdana, sans-serif; }
   #tabl2 td   { font: normal .9em Verdana, sans-serif; }
   #tabl2 a    { font: normal .9em Verdana, sans-serif; }
   #outline    { border: solid #000 1px; }
  }



/* Sidebar */

	#nav:before {
		display: block;
		line-height: 0.1;
		font-size: 1px;
		margin: 0;
		height: 9px;
		border-bottom: 1px solid #ddd;
		background: transparent url("/Images/menu_tr.gif") no-repeat top right;
	}

	#nav:after {
		display: block;
		line-height: 0.1;
		font-size: 1px;
		margin: 0 0 0 0;
		padding-top: 0;
		height: 8px;
		border-top: 1px solid #fff;
		background: transparent url("/Images/menu_br.gif") scroll no-repeat bottom right ;
	}
	

	#nav, #nav ul {
		margin: 0;
		padding: 0;
                width: 170px;
		list-style: none;
		background: #d0d0f0;
	}
	#nav {
		margin-bottom: 1em;
	}	


	#nav li {
		display: inline;
		padding: 0;
		margin: 0px;
	}
	
	#nav li a {
		display: block;
		padding: 8px 10px;
		text-decoration: none;
		background: #EDF2F2;
	}

	#nav li b strong {
		display: block;
		padding: 8px 10px;
		text-decoration: none;
		background: #EDF2F2;
                color: #348;
	}

	#nav li a:hover {
		padding: 7px 9px;
		background: #D0E9E9;
		border: 1px solid #409;
	}
	
	#nav li li a {
		padding: 6px 8px 6px 20px;
	}
	
	#nav li ul li a {
		padding: 3px 8px 3px 25px;
		font-size: 16px;
                color: #348;
	}
	
	#nav li ul li a:hover {
		padding: 2px 7px 2px 24px;
		font-size: 16px;
                color: #d03;
		border: 1px solid #409;
	}
	
	#oN {
		background-color: #00E9E9;
	}
	#oN:hover {
		background-color: #96a9a9;
	}