body  {
margin: 0;
background-image:url('http://www.famousashtray.com/wnrblp/bg.png');
}

#container { 
width: 90%;
margin: 0 auto;
background: #FFFFFF;
border-radius: 15px;
border-style: solid;
border-width:1px;
}

#imgA1 {
position:absolute;
top:5px;
} 

#header { 
padding: 10px 0 20px 40px;
font-family: "Myriad Pro", "Arial Narrow";
border-radius: 15px;
} 

#header2 { 
padding: 20px 0 20px 40px;
text-align:right;
font-family: "Myriad Pro", "Arial Narrow";
} 

#header a {
color: #121212;
text-decoration: none;
font-size: 50px; 
font-family: "Myriad Pro", "Arial Narrow";
}

#menu {
background-color: #6ba58a; 
padding: 6px 0 6px 40px;
border-top-style:solid;
border-bottom-style:solid;
border-width:0.5px;
}

#menu a {
color: #c5d6db;
text-decoration: none; 
font-size: 14px; 
font-family: "Arial Narrow", "Myriad Pro";
text-shadow: black 0.1em 0.1em 0.2em
}

#menu a:hover {
color: #ecf2f3;
text-shadow: black 0.1em 0.1em 0.2em
}

#sidebar {
float: left;
width: 200px;
padding: 1px 0 0 5px;
margin: 0;
}

#sidebar a {
color: #3b7687; 
text-decoration: none;
}

#sidebar a:hover {
color: black; 
text-decoration: none;
text-decoration:underline;
}

#sidebar2 {
float: right;
width: 200px;
padding: 1px 0 0 5px;
margin: 0;
}

h1 {
margin: 0px;
color: #869843; 
font-size:24px; 
font-family: "Arial Narrow", "Myriad Pro"; 
font-weight: normal;
}

h2 {
color: #3b7687;
font-size: 15px; 
margin: 20px 0 5px 0;
}

h3 {
color: #000000;
font-size: 15px; 
margin: 10px 0 2px 0;
}

#main { 
margin: 0 0 0 180px;
padding: 35px 40px 30px 25px;
color: #444444;
font-family: "Georgia";
font-size: 13px; 
line-height: 18px;
text-align: justify;
border-radius: 15px;

} 

#main a {
color: #3b7687; 
text-decoration: none;
}

#main a:hover {
color: #444444;
}

#footer {
padding: 6px 40px 6px 40px;
background: #d6d6d6; 
font-family: "Lucida Sans Unicode";
color: #444444;
font-size: 11px;
text-align: right;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}

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

#footer a:hover {
color: #666666;
}

.separator {
font-size:11px;
color:#FFFFFF;
}

#PopUp{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}

#PopUp2 {
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp3{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp4{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp5{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp6{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp7{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp8{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp9{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp10{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp11{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp12{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp13{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp14{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp15{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp16{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp17{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp18{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp19{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp20{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}
#PopUp21{
border-radius: 15px;
border-style: solid; 
border-width: 2px; 
padding: 30px; 
position: absolute; 
left: 33%; 
top: 20%; 
background-color: 
rgb(255, 255, 225); 
text-align: justify; 
font-size: 14px; 
width: 340px; 
display: none;"
}


#navbar2 {
	margin: 0;
	padding: 0;
	height: 1em; }
#navbar2 li {
	list-style: none;
	float: left; }
#navbar2 li a {
	display: block;
	padding: 3px 8px;
	background-color: #5e8ce9;
	color: #fff;
	text-decoration: none; 
	


#navbar2 li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar2 li:hover li {
	float: none; }
#navbar2 li:hover li a {
	background-color: #69f;
	border-bottom: 1px solid #fff;
	color: #000; }
#navbar2 li li a:hover {
	background-color: #8db3ff; }


.thermometer-widget {
  margin: auto;
}

.thermometer-widget.styled {
  position: relative;
  width: 252px;
  height: 300px;
  
  box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
  -moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
  -webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.thermometer-widget.styled .title {
  font-weight: bold;
  font-size: 20px;
  margin-left: 10px;
  padding-top: 10px;
}

.thermometer-widget.styled .cause {
  font-size: 12px;
  margin-left: 10px;
}

.thermometer-widget.styled .figures {
  position: absolute;
  right: 0;
  bottom: 0;
  float: right;
  width: 100px;
  text-align: center;
  
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  
  background: #E7E7E7;
  border: 1px solid white;
  padding: 5px;
  margin: 0 auto;
  text-align: center;
  box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
  -moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
  -webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.thermometer-widget.styled .figures .current_total, .thermometer-widget.styled .figures .goal {
  overflow: hidden;
}

.thermometer-widget.styled .figures .current_total {
  margin-top: 10px;
}

.thermometer-widget.styled .figures .label, .thermometer-widget.styled .figures .value {
  width: 100%;
  float: left;
  clear: both;
}

.thermometer-widget.styled .figures .value {
  font-size: 20px;
}

.thermometer-widget.styled .display {
  text-align: center;
  float: left;
  width: 135px;
  position: absolute;
  bottom: 10px;
}

.thermometer-widget.styled .display .top {
  position: relative;
  bottom: -3px;
  margin: auto;
  text-align: center;
  height: 12px;
  width: 26px;
  
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border: 1px solid black;
  border-bottom: 0;
}

.thermometer-widget.styled .display .middle {
  position: relative;
  bottom: -3px;
  margin: auto;
  text-align: center;
  height: 165px;
  width: 26px;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

.thermometer-widget.styled .display .base {
  margin: auto;
  text-align: center;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  height: 60px;
  width: 60px;
  background-color: red;
  border: 1px solid black;
  border-top: 0;
}

.thermometer-widget.styled .display .middle .value {
  position: absolute;
  bottom: 0;
  background-color: red;
  width: 100%;
}

.thermometer-widget.styled .display .base .value {
  margin: auto;
  text-align: center;
  line-height: 60px;
  font-weight: bold;
}

.thermometer-widget.styled .display .middle .mark {
  position: relative;
  height: 2px;
  border-left: 3px solid black;
  border-right: 3px solid black;
  width: 20px;
  z-index: 10;
}

.thermometer-widget.styled .display .middle .mark .tooltip {
  display: none;
}

.thermometer-widget.styled .display .middle .mark.mark-selected .tooltip {
  display: block;
  position: absolute;
  left: 25px;
  
  text-align: center;
  width: 50px;
  height: 20px;
  line-height: 20px;
  background-color: yellow;
  border: 1px solid black;
}

.thermometer-widget.styled .display .middle .mark.mark-selected {
  height: 3px;
  background-color: yellow;
}

#donate_form {
  display: inline-block;
  margin: auto;
  padding: 4px;
  box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
  -moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
  -webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#donate_form label {
  display: inline-block;
  width: 150px;
}

#donate_form input[type=text] {
  width: 200px;
}

#demo {
  text-align: center;
  margin: auto;
}