body
{
background-image:url(../img/joistback.jpg) ;
background-repeat:repeat;

}
	
h1
{
text-align:center;
font-weight:bold;
} 	



.ban
{
 background-image:url(../img/ban.png) ;
 padding-top:10px;
 margin-bottom:100px;
width:auto;
margin-left:auto;
margin-right:auto;
height:auto;
margin-left:auto;
margin-right:auto;
position:relative;
z-index:1;
 }
 
   .span4 img
{
margin-left:25px;
  max-width: 320px;
  min-width:320px;
}
 
 .ban2
{
 background-image:url(../img/ban.png) ;
 height:110px;
padding:10px;
padding-top:20px;
width:auto;
margin-left:auto;
margin-right:auto;

 }
 
.ban2 p
 {
 color:#ffffff;
 text-shadow: 1px 1px #000000;
 line-height:10px;

 }

.ban2  a
 {
 color:#fc8519;
 font-size:17px;
 }
 
 .ban2  a:hover
 {
 	color:#ffffff;
	 font-size:20px;
 }

.span5
{
margin-top:-100px;
}

 .span5 img
{
width:auto;
  max-width: 370px;
  min-width:360px;
}

.span6
{
background-color:#fc8519;
text-align:center;
color:#ffffff;
text-shadow: 2px 2px #000000;
     border-radius: 0.5em;
   box-shadow: black 0.5em 0.5em 0.3em; 
   margin-top:90px;
   position:absolute;
   
}

  .span7 li
    {
		min-width:100px;
        display: block;
        float: left;
        height: auto;
		width: auto;
        line-height: 15px;
        list-style-type: none;
        margin: 3px;
        text-align: center;
		   padding:2px;
    background: #fc8519;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    }

 .span8
 {
 max-width:550px;
 height:auto;
	position:absolute;
	z-index:1;
	color:#ffffff;
text-shadow: 1px 1px #000000;
   position:absolute;
   background-color:#0e80c4;
color:#ffffff;
text-shadow: 1px 1px #000000;
margin-top:140px;
box-shadow: black 0.5em 0.5em 0.3em; 
padding:20px;
 }
 
 .span8 p
 {
    line-height: 24px;
 font-size:18px;
 }
 
.span8  a
 {
 color:#fc8519;
 font-size:17px;
 }
 
 .span8  a:hover
 {
 	color:#ffffff;
	 font-size:20px;
 }
 
footer 
{
float:right;
color:#ffffff;
font-size:17px;
}

.me p
{
color:#ffffff;
font-size:17px;
text-shadow: 1px 1px #000000;
flaot:left;
}