html,body{
background-color:#DE5008;
background-color:#80aaff;
font-family:Arial,Helvetica,sans-serif;
text-align:center;
font-size:1em; /*16 px */
}



#page{
position:relative;
margin:auto;
width:95%;
max-width:980px;
background-color:#FFFFFF;
color:#000000;
padding:2%;

border-radius:15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

-moz-box-shadow:5px 5px 5px #585858;
-webkit-box-shadow:5px 5px 5px #585858;
-o-box-shadow:5px 5px 5px #585858;
box-shadow:5px 5px 5px #585858;
}

#wideHeader{
	display:block;
}

#narrowHeader{
	display:none;
}

header{
position: relative;
float: left;
width:100%;
}
nav{
position: relative;
float: left;
/*width:100%;*/
text-align:center;
font-size:1.0em;
margin-top:5px;
margin-bottom:10px;
font-weight:bold;
}



nav a{
text-decoration:none;
color: #ff6600;
}
nav a:hover{
color:#D4091F;
}

h1{
color: #ff6600;
text-align:left;
}

#main{
position:relative;
float:left;
text-align:left;
padding:2%;
width:92.5%;

}

#charities{
	
	
	float:left;
	
}

#video{
position:relative;
float:left;
clear:both;
margin-top:10px;
margin-bottom:10px;
width:250px;
margin-right:20px;

}

.clearB{
height:.01em;
width:100%;
clear:both;
overflow:hidden;	
}

img{
max-width:100%;
}

fieldset{
width:25%;
margin-top:10px;
border-radius:15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

-moz-box-shadow:5px 5px 5px #585858;
-webkit-box-shadow:5px 5px 5px #585858;
-o-box-shadow:5px 5px 5px #585858;
box-shadow:5px 5px 5px #585858;
}
legend{
font-weight:bold;
}


@media screen and (max-width:980px;){
	#wideHeader{
	display:none;
}

#narrowHeader{
	display:block;
	border-style:solid;
}
	
}

@media screen and (min-width: 320px) and (max-width: 480px) {
fieldset{
width:92%;
}
}