/* --- styles.css --- */

body{
font-family:Verdana,Arial,Helvetica,Sans-Serif;
 margin:0;
 padding:40px 0 40px 0;
}

a:focus {
 outline:none;
 }

#wrapper{
margin:0 auto;
max-width:1080px;
border:0px solid #DDDDDD;
}

#wrapper2{
margin:0 auto;
width:1080px;
border:1px solid #DDDDDD;
}

#header{
border:1px solid #85AF50;
}

#header2{
border:0px solid #85AF50;
}

#banner {
 margin:33px 80px;
 padding:0;
}



#subheader{
 font-size:1px;
 background-color:#85AF50;
 border-top:11px solid #85AF50;
 border-bottom:80px solid #F26522;
}

#container{
 border:1px solid #F26522;
}

#container2{
 border:0px solid #F26522;
}

#content {
 font-size:1em;
 line-height:1.5em;
 margin:44px 70px 44px 80px;
 padding:0;
 }

#content h1{ 
 font-weight:normal;
 font-size:1.25em;
 margin:0 0 20px 0;
}

  #content p a{
   color:#F26522;
   text-decoration:none;
  }
  #content p a:hover{  
   text-decoration:underline;
  }
div.list{
margin:0 0 15px 0;
padding:0;
}

ul{
 margin:0;
 padding:0 0 0 15px;
}

li{
list-style-type:square;
color:#85AF50;
font-size:.875em;
}

.li-text{
font-size:1.125em;
color:#000000;
}

.abs2{
line-height:2em;
}


#footer{
 font-weight:semi-bold;
 font-size:.875em;
 margin:0px 70px 40px 80px;
 padding:20px 0 0 0;
}

.footer-l{
float:left;
}

.footer-r{
float:right; 
}

#footer a{
 color:#F26522;
 text-decoration:none;
}

#footer a:hover{
 color:#F26522;
 text-decoration:underline;
}
 .footer-navi{
	 display:block;
	 border:0px solid;
  margin:10px 35px 40px 0px;
  padding:20px 0;
 }

/* -------------------- Media Queries -------------------- */

@media only screen and (max-width: 1024px) { 
}

@media only screen and (max-width: 960px) { 
 
	 .footer-navi{
		   float:left;
	   max-width:960px;
	 margin:0px 0; 
 }
}

@media only screen and (max-width: 860px) { 

	 .footer-navi{
		   float:left;
	  max-width:860px;
	 margin:0px 0; 
 }
}

@media only screen and (max-width: 768px) { 

	 .footer-navi{  
	 float:left;
	   max-width:768px;
	 margin:0px 0; 
 }
}

@media only screen and (max-width: 690px) {

 .footer-navi{
		   float:left;
	   max-width:690px;
	 margin:0px 0; 
 }
}

@media only screen and (max-width: 480px) {
 body{
  margin:0;
  padding:0px 0 40px 0;
 }	
 #wrapper{margin:0;
  max-width:480px;	 
 }
 
 #banner img{
  max-width: 120%;
  height: auto;
margin-left:-40px;  
 }	
 #subheader{
  border-top:11px solid #85AF50;
  border-bottom:60px solid #F26522;
 }
 #content{
  font-size:.925em;
  line-height:1.25em;
  margin:34px 35px 34px 40px;
  padding:0;
 }
  #content p {
  font-size:.925em;
  line-height:1.25em;	  
  }
  
  #content p a{
   color:#F26522;
   text-decoration:none;
  }
  
 .abs2{
  line-height:1.25em;
 }
 #footer{
  max-width:480px;	
  font-weight:semi-bold;
  font-size:.875em;
  margin:10px 35px 40px 40px;
  padding:10px 0;
 }

 .footer-navi{
  float:left;
  font-size:.8125em;
  max-width:480px;
  margin:0px 0; 
  padding:20px 0;
 }
 
}