body{
  margin: 0px;
  background-color: #7F8A80;
  font-family: Arial;
}
.main {
	margin:10px auto;
	width:85%;
	border:0;
	box-shadow:2px 2px 10px black;
	max-width: 820px;
}
.container {
}

.top1 {
	 background:#000 url('images/HWFlogoMobile.png') no-repeat 3rem;
	 height:196px;
	 color:white;
	 text-align:right;
	 padding:10px;
}

.content {
	font-size: 1rem;
	font-weight: normal;
	padding: 10px;
	min-height:200px;
	background:#e5e5e5;
}

.a_content{
  padding-left: 20px;
  padding-right: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

H1{
  border-bottom: 1px dotted #999;
  color: #A42800;
  font-size: 1.4rem;
  font-weight: normal;
  padding: 0px;
  margin:0px;
  padding-top:5px;
  padding-bottom:5px;
}

H2{
  color: #000000;
  font-size: 1.25rem;
  font-weight: bold;
}

H3{
  color: #000000;
  font-size: 1.15rem;
  font-weight: bold;
}

ul {
	list-style: disc;
}
		
li {
	margin: 5px 0px 5px 0px;
}

div.pullquote {
	float: right;
	width: 250px;
	color: #663366;
	font-size: 1rem;
	padding: 3px 5px;
	margin: 1 7 auto;
	background-color: #EFEEFF;
	text-align: center;
	clear: left;
	border: solid #333333;
	border-width: 7 0;
}

.plans a{
  color: #000000;
  font-size: 1.1rem;
  font-weight: bold;
  text-decoration: none;
}

a{
  font-weight: normal;
  color: #0000fA;
  text-decoration: none;
}

a:hover{
  font-weight: normal;
  color: #1773BB;
  text-decoration: none;
}

.a_content a{
  font-size: 14px;
}

.a_content a:hover{
  font-size: 1.1rem;
}
.hmenu {
	background:#222;
	width:100%;
	height:25px;
	padding-top:3px;
}
.hmenu a {
  color: #CECECE;
  text-decoration: none;
  padding-bottom:2px;
}

.hmenu a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.sep{
  height: 2px;
  background-color: #BCBCBC;
}

.sep2{
  height: 1px;
  background-color: #909090;
}

.sep3{
  height: 1px;
  background-color: #FFFFFF;
}

.sep_v{ 
  width: 5px;
  background-color: #CDCDCD;
  border-top: 12px solid #E5E5E5;
  border-bottom: 12px solid #E5E5E5;
}

.disclaimer{
  color: #ddd;
  font-size: .8rem;
  font-family: trebuchet ms, Verdana, Arial, Helvetica, Sans Serif;
  text-align:center;
  padding: 5px;
  background:#222;
}

.news_head{
  color: #11558A;
  font-size: 1rem;
  font-weight: bold;
  font-family: trebuchet ms, Verdana, Arial, Helvetica, Sans Serif;
}

.news{
  color: #000000;
  font-size: .9rem;
  padding-bottom:5px;
  font-family: trebuchet ms, Verdana, Arial, Helvetica, Sans Serif;
}

.footer{
  font-size: .9rem;
  color: #E5E5E5;
}

.footer a{
  color: #E5E5E5;
  font-weight: normal;
}

.footer a:hover{
  color: #AAAAAA;
  font-weight: normal;
}

.contact{
	font-family: trebuchet ms, Verdana, Arial, Helvetica, Sans Serif;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	font-size: 1.1rem;
	font-weight: normal;
	color: #CECECE;
	width: 750px;
}

.logodiv {
	float: left;
	padding-top: 90px; 
	padding-left: 25px; 
	width: 420px; 
	height: 96px;
}
	
.logo, .logo a{
  font-family: Georgia, Times, Times New Roman, Serif;
  font-size: 3rem;
  font-weight: bold;
  font-style: italic;
  color: #f1030F;
  text-shadow: 1px 1px 5px black;
}
.logo a:hover {
	color:#fc3a37;
}
.slogan{
  font-family: Georgia, Times, Times New Roman, Serif;
  font-size: 1.2rem;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}

/*Pretty user table here :)*/

.user_table th{
  padding-left: 11px;
  text-align: left;
  color: #E5E5E5;
  background-color: #333333;
  font-size: 1rem;
  font-weight: bold;
  font-family: trebuchet ms, Verdana, Arial, Helvetica, Sans Serif;
  height: 18px;
}

td.user_table {
  padding-left: 11px;
  color: #000000;
  font-size: 1rem;
  font-family: trebuchet ms, Verdana, Arial, Helvetica, Sans Serif;
  valign: top;
}

.odd_row{
  background-color: #ECECEC;
  height: 18px;
}

.even_row{
  background-color: #FAFAFA;
  height: 18px;
}

.foot_row{
  background-color: #333333;
  height: 21px;
  text-align: center;
}

.project{
  color: #000000;
  font-family: trebuchet ms, Verdana, Arial, Helvetica, Sans Serif;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: -10px;
}

div.projectpullquote {
	float: right;
	width: 215px;
	color: #663366;
	font-size: 1em;
	font-family: arial, helvetica, verdana, sans-serif;
	padding: 3px 5px;
	margin: 1 7 auto;
	background-color: #EFEEFF;
	text-align: center;
	clear: left;
	border: 1px solid #333333;
}

div.donationpullquote {
	float: right;
	width: 300px;
	color: #663366;
	font-size: 1rem;
	font-family: arial, helvetica, verdana, sans-serif;
	padding: 3px 5px;
	background-color: #EFEEFF;
	text-align: left;
	clear: left;
	border: solid #333333;
	border-width: 7 0;
}

.donation{
  color: #000000;
  font-family: trebuchet ms, Verdana, Arial, Helvetica, Sans Serif;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0;
}

.formbox {
        float: left;
        width: 250px;
        color: #993366;
        font-size: 1.1rem;
        font-family: Arial, Helvetica, sans-serif;
        padding: 10px;
        margin: 10px;
        background-color: #dFFfdF;
        text-align: center;
        border: 1px black solid;
}
.formbox a,.formbox a:hover{
	color:#333;
}

.formbox-right {
        float: right;
        width: 200px;
        color: #993366;
        font-size: 1rem;
        font-family: Arial, Helvetica, sans-serif;
        padding: 10px;
        margin: 10px;
        background-color: #dFFfdF;
        text-align: center;
        border: 1px black solid;
}

blockquote {
	font-style:italic;
	font-size:small;
}

.emergencybox, .emergencybox1 {
        width: 230px;
        font-size: 1.2rem;
        padding: 10px;
        margin: 10px;
        background-color: #990000;
        text-align: center;
        clear: both;
        box-shadow: 5px 5px 25px #000;
}
.emergencyboximg {
   border:1px inset black;
   border-radius: 10px;
}
.emergencybox {
        float: left;
}
.emergencybox a, .emergencybox1 a {
	color:#fff;
}
.emergencybox1 {
	float:right;
}

.donatebutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #ffaa22;
	display:inline-block;
	color:#333333;
	font-family:Georgia;
	font-size:20px;
	font-weight:bold;
	padding:9px 18px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffee66;
	box-shadow:2px 2px 10px black;
}.donatebutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
	font-size:20px;
	font-weight:bold;
	box-shadow:2px 2px 5px black;

}.donatebutton:active {
	position:relative;
	top:1px;
}

.donatebox {
	border:1px #999 dotted;
	margin-top:20px;
	padding:10px;
}

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent; 	
	border-right:25px solid blue; 
	margin-right:10px;
}