1
html, body { 
  border:0; 
  margin:0; 
  padding:0; 
  }
  
body { 
  font:24px Arial, Helvetica, sans-serif; 
  background: url(../img/back2.png) ;
  background-repeat: no-repeat;
  background-size: 100% 7em;
/*  color: #444*/
background-color: #303034;
  }

.gradientBox {
background: #ffb260; /* older browsers background */
background: -moz-linear-gradient(#ffb260, #ff7f13);
background: -o-linear-gradient(#ffb260, #ff7f13);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb260), to(#ff7f13));/* Older webkit syntax */
background: -webkit-linear-gradient(#ffb260, #ff7f13);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb260', endColorstr='#ff7f13',GradientType=0 );
}

.wrapper { 
  width:750px; 
 /* margin:60px auto; */
  }


.itemheader { 
    font-family: Futura; 
    font-size: 30px; 
    margin-bottom: 10px ; 
    color: #EEE; 


  }

.announce { 
    font-family: Futura; 
    font-size: 26px; 
    margin-bottom: 10px ; 
    color: #EEE; 


  }


h1 {
    width: 757px; 
    margin: 20px ; 
    font-size: 70px; 
    font-family: Futura; 
    font-weight: normal; 
 /*   font-style: italic; */
    color: #EEE; 
    }
    
    
h2 {
    width: 757px; 
    margin: 20px ; 
    margin-left: 50px ; 
    font-size: 40px; 
    font-family: Futura; 
    font-weight: normal; 
 /*   font-style: italic; */
    color: #EEE; 
    }
    
h3 {
    width: 757px; 
    margin-left: 20px ; 
    font-size: 30px; 
    font-family: Futura; 
    font-weight: normal; 
 /*   font-style: italic; */
    color: #EEE; 
    }

  h4 {
  background: #000000;
      padding-left: 20px ; 
    padding-right: 20px ; 

    font-size: 24px; 
    font-family: Futura; 
    font-weight: normal; 
    color: #EEE; 
    }

    
        
  p {
    font-size: 24px; 
    font-family: Gill Sans, Arial; 
    font-weight: lighter; 
 /*   font-style: italic; */
    color: #DDD; 
    }
    
   
      .textstyle {
    font-size: 24px; 
    font-family: Gill Sans, Arial; 
    font-weight: lighter; 
 /*   font-style: italic; */
    color: #DDD; 
    }
    
   
    
a {
  text-decoration: none;
  color: #AAE
}

label{
  background: #000000;
      padding-left: 20px ; 
    padding-right: 20px ; 

    font-size: 24px; 
    font-family: Futura; 
    font-weight: light; 
    color: #EEE; 

}

/* Centre the form within the page */
form {
    margin:20px;
    width:459px;
}

/* Style the text boxes */
/*
input, textarea {
	width:439px;
	height:27px;
	background:#efefef;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
}*/

textarea {
	height:213px;
	background:url(images/textarea-bg.jpg) right no-repeat #efefef;
}

input, textarea {
    width:80px;
    height:27px;
    background:#333333;
    border:1px solid #dedede;
    padding:5px;
    margin-top:3px;
    font-size:0.6em;
    color:#3a3a3a;
    border-radius:2px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

input:focus, textarea:focus {
    border:1px solid #97d6eb;
}

    
.maintext { 
  height:350px; 
 /* margin:60px auto; */
  }
  
  
p { 
 /* height:350px; */
  margin:30px ;
  width:750px;

  }
  
  
  

  img.about { 
    margin-right:20px;
 /* margin:60px auto; */
  }
  
footer {
    clear:left;
    margin-top:50px;
    margin-bottom:1em;
    margin-left:0px;
    padding:5px;
    padding-left:30px;
    color:#DDD;
    font-size:14px;
    border-top:1px;
    border-top-style:solid;
    border-top-color:#888;
}
/*
.rangeslider{
    background-color:#000; 
    width:200px; 
    margin:1em auto; 
    height:160px
}
*/


fieldset{
   margin:0 
   auto; width:80%; 
   padding:20px 0
}


input[type="range"]{
   -webkit-appearance:none; 
   -moz-apperance:none; 
   width:180px; 
   height:20px;}

select {
 /* -webkit-appearance: button;
  border:3px solid white;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 20px;
  -webkit-user-select: none;
  background-position: center right;
  background-repeat: no-repeat;*/
  background-color: #000000;
  border: 2px solid #AAA;
  color: #FFF;
  font-size: .8em;
  margin: 0;
  overflow: hidden;
  padding-top: 4px;
  padding-bottom: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;}
