
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
  font-family: 'Bebas';
  font-style: normal;
  font-weight: 400;
  
  src: url('fonts/BEBAS.woff') format('woff');
}


/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
tablex {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font: 12px/18px Arial, sans-serif;
	height: 100%;
}
.wrapper {
	width: 1100px;
	min-width: 1100px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background:none;
	text-align: center;
	margin: 0 auto; 
	background: rgba(5,5,5, 0.4);
	/*background: rgba(5,5,5, 0.5);*/
	
	/*background: rgba(0,0,0,0.6);*/
}


/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 160px;
	background: none;
}
#headercenter
{
	width: 1100px;
    text-align: center;
	margin: 0 auto; 
	/*background-color:white;*/
	/*background: rgba(5,5,5, 0.5);*/
	height:160px;
	padding-left:0px;
    padding-bottom:0px;
	padding-top:0px;
	float:left;
}

/* Middle
-----------------------------------------------------------------------------*/
.content {
	padding: 0 0 0px;
	padding-left:0px;
	height: 100%;
	background:none;
	
}
#contentcenter
{
	width: 1100px;
    text-align: center;
	margin: 0 auto; 
	/*background: rgba(5,5,5, 0.5);*/
	background:none;
	padding-left:0px;
    padding-bottom:0px;
	padding-top:0px;
	/*height: 500px;*/

}

div.calcpanel
{
 width:795px;
 padding-left:60px;
 display: inline-block;
 text-align:center;
 /*background-color:red;*/
 background-color: none;
 height:150px;
 
}

div.inputcolumn1
{
 width:155px;
 float: left;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 text-align: center;
 /*background-color: blue;*/
 background-color: none;
 height:auto;

}

div.textfieldcolumn1
{
 width:92px;
 height:auto;
 /*background-color:orange;*/
 background-color: none;
 float:left;
}

input{
 outline:none;
 font-family: open sans, myriad pro, myriadpro2, arial;
 font-size:21px;
 text-align:right;
 width:92px;
 height:30px;
 
	color:white;
	/*background-color: #F9F9F9;*/
	/*background:none;*/
	background-color: rgba(155,155, 155, 0.5);
	/*background-color: rgba(155,155, 155, 0.3);*/
	/*opacity: 0.4;
	filter: alpha(opacity=40);*/
  border-bottom-color: rgb(200, 200, 200);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: rgb(188, 188, 188);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: rgb(200, 200, 200);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: rgb(123, 123, 123);
  border-top-style: solid;
  border-top-width: 1px;
 
 
}

div.unit
{
  margin-top:88px;
  height:30px;
  /*background-color: purple;*/
  background-color: none;
  vertical-align:middle;
  text-align: left;
}

p.unittext{
 font-family:open sans, verdana; 
 font-size:16px; 
 padding-top:9px; 
 padding-left:7px;
 color:#f1f1f1;

}

div.unitcolumn
{
  float:left;
  /*background-color:green;*/
  background-color: none;
  height:inherit;
  width:50px;
 

}

div.desc
{
	width:92px;
	background-color:none;
	font-family:open sans;
	padding-top:1px;
	font-size:15px;
	color:white;
}

div.icon{
	padding-left:3px;
}
div.donatepanel
{
	width:710px;
	display: inline-block;
	text-align:center;
	/*background-color:red;*/
	background-color: none;
	height:348px;
 
}
/* Footer
-----------------------------------------------------------------------------*/
.footer {
	margin: -33px auto 0;
	min-width: 1100px;
	height: 33px;
	background: none;
	position: relative;
}

#footercenter
{
	width: 1100px;
    text-align: left;
	margin: 0 auto; 
	/*background-color:white;*/
	height:28px;
	padding-left:0px;
    padding-bottom:0px;
	padding-top:2px;
	/*background: rgba(5,5,5, 0.5);*/
}



/* change background
------------------------------------------------------------------------------*/

/*** 
set the width and height to match your images 
**/

#slideshow {
    position:relative;
    height:0px;
	z-index:-1;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow img {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
		
@media screen and (max-width: 1024px){
	img.bg {
	left: 50%;
	margin-left: -512px; 
}
}
		
#page-wrap { 
	position: relative;
	width: 400px; 
	margin: 50px auto; 
	padding: 20px; 
	background: #fff; 
	-moz-box-shadow: 0 0 20px black; 
	-webkit-box-shadow: 0 0 20px black; 
	box-shadow: 0 0 20px black; 
}
/*
p { 
	font: 15px/2 Arial; 
	margin: 0 0 30px 0; 
	color: #fff;
}

#content {
	width: 920px;
	margin: 0 auto;
	background: rgba(11,11,11, 0.5);
	padding: 20px;
}

#content h1 {
	text-transform: uppercase;
	font-family: 'Arial';
	color: #fff;
}

#content a {
	color: #a82711;
	font-weight: bold;
	text-transform: uppercase;
	background: #000;
	padding: 10px;
}
*/


a.bottommenu{
	text-decoration:none;
	color:#898989;
	font-family:open sans, verdana;
}

a.bottommenu:hover{
	text-decoration:none;
	color:white;
}