body
{
	background:rgb(255,249,187);
}
#content {
    width:100%;
    margin:30px auto;
}
.thermometer {
    float: center;
    margin:0 150px;
	
}
.thermometer {
	width: 350px;
	height: 800px;
	position: relative;
	background: #ddd;
	border: 1px solid #aaa;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 1px 1px 4px #999, 5px 0 20px #999;
	-moz-box-shadow: 1px 1px 4px #999, 5px 0 20px #999;
	-ms-box-shadow: 1px 1px 4px #999, 5px 0 20px #999;
	-o-box-shadow: 1px 1px 4px #999, 5px 0 20px #999;
	box-shadow: 1px 1px 4px #999, 5px 0 20px #999;
}

.thermometer .track {
	height: 750px;
	top: 10px;
	width: 250px;
	border: 1px solid #aaa;
	position: relative;
	margin: 0 auto;
	background: rgb(255,255,255);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(1%,rgb(255,255,255)));
	background: -webkit-linear-gradient(top, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
	background: -o-linear-gradient(top, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
	background: -ms-linear-gradient(top, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
	background: -moz-linear-gradient(top, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
	background: linear-gradient(to bottom, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
	background-position: 0 -1px;
	background-size: 100% 5%;
}

.thermometer .progress {
    height:0%;
    width:100%;
 background: rgb(6, 12, 252);
    background: rgba(6, 12, 252, 0.5);
    position: absolute;
    bottom:0;
    left:0;
}
.thermometer .national{

   
}

.thermometer .goal {
	position: absolute;
	top: 12px;
	left: 305px;
	display:none;
}

.thermometer .amount {
    display: inline-block;
    padding:0 5px 0 60px;
    border-top:1px solid black;
    font-family: Trebuchet MS;
    font-weight: bold;
    color:#333;
	font-size:2.5em;
}

.thermometer .progress .amount {
	padding: 0 -5px 0 5px;
	position: absolute;
	border-top: 1px solid #060;
	color: #f84308;
	right: -320px;
	top: 1px;
}



.thermometer.horizontal {
    margin:20px auto;
}

.thermometer.horizontal {
    width:350px;
    height:70px;
}

.thermometer.horizontal .track {
    width:495px;
    left:0;
    height:995px;
    margin:14px auto;

    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(0,0,0)), color-stop(1%,rgb(255,255,255)));
    background: -webkit-linear-gradient(left, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
    background:      -o-linear-gradient(left, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
    background:     -ms-linear-gradient(left, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
    background:    -moz-linear-gradient(left, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
    background:   linear-gradient(to right, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
    background-size: 5% 100%;
}

.thermometer.horizontal .progress {
    height:100%;
    width:0%;
}

.thermometer.horizontal .goal {
    left:100%;
    height:100%;
}

.thermometer.horizontal .amount {
    bottom:0;
    position: absolute;
    padding:0 5px 50px 5px;
    border-top:0;
    border-left:1px solid black;

}

.thermometer.horizontal .progress .amount {
    border-left:0;
    border-top:0;
    border-right:1px solid #060;
}
.plenty
{
	margin:0 auto;
	position:absolute;
	display:inline-block;
	left: 4px;
	top: 270px;
}
.plenty-text1{
	margin:0 auto;
	position:absolute;
	display:inline-block;
	left: 4px;
	top: 294px;
}
.plenty-text2{
	margin:0 auto;
	position:absolute;
	display:inline-block;
	left: 5px;
	top: 319px;
}
.plenty-text3{
	margin:0 auto;
	position:absolute;
	display:inline-block;
	left: 6px;
	top: 345px;
}
.plenty-text4{
	margin:0 auto;
	position:absolute;
	display:inline-block;
	left: 6px;
	top: 368px;
}
.plenty-text5{
	margin:0 auto;
	position:absolute;
	display:inline-block;
	left: 7px;
	top: 391px;
}
.student{
	margin:0 auto;
	position:absolute;
	display:inline-block;
	left: 139px;
	top: 342px;
}

.staff{
	margin:0 auto;
	position:absolute;
	display:inline-block;
	left: 139px;
	top: 318px;
	width: 189px;
}
.outsider{
	margin:0 auto;
	position:absolute;
	display:inline-block;
	left: 139px;
	top: 293px;
}
.sellers
{
	margin:0 auto;
	position:absolute;
	display:inline-block;
	left: 158px;
	top: 270px;
}
.fifty{
	margin:0 auto;
	position:absolute;
	display:inline-block;
	left: 2px;
	top: 78px;
	width: 347px;
	height: 40px;
}
.fifty p 
{
	font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 20px;
    margin-: 5px 0;
}
.fifty a
{
	color:#0083BC;
	text-decoration:none;
}
.fifty-logo
{
	background: url(../include/raffle.jpg) no-repeat;
	height: 117px;
	width: 339px;
	margin: 0 0 20px 0;
	padding: 0;
}
.see
{
	margin:0 auto;
	position:absolute;
	display:inline-block;
	left: 8px;
	top: 422px;
	width: 350px;
	text-align:center;
	font-size:1.0em;
}
.see a {color:#0083BC; text-decoration:none;}
.see a:hover{color:#CCC;}

.blurb
{
	position:absolute;
	left: 371px;
	top: 0px;
	width: 271px;
	padding: 10px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
-webkit-box-shadow:  5px 5px 5px 1px rgba(40, 54, 60, 0.6);
        
        box-shadow:  5px 5px 5px 1px rgba(40, 54, 60, 0.6);
	background: #47b247; /* Old browsers */
	background: -moz-linear-gradient(top,  #47b247 0%, #38b438 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#47b247), color-stop(100%,#38b438)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #47b247 0%,#38b438 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #47b247 0%,#38b438 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #47b247 0%,#38b438 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #47b247 0%,#38b438 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47b247', endColorstr='#38b438',GradientType=0 ); /* IE6-9 */
	font-family: 'Englebert', sans-serif;
	color:#FFFFFF;

}