tall_box.css

#ad {
  position:relative;
	float:left;
	margin: 0 1% 0 0;
	top: 200px;
	width:200px;
}

#main {
	top: 15px;
	position:relative;
	width:930px;
	margin-left:20%;
}

#left-column{
	width: 33.33%;
	float:left;
}

h3{
	font-family:Calibri;
	text-align:center;
}

h4{
	font-family:Calibri;
	text-align:center;
}

.donate{
	font-family:Calibri;
	text-align:left;
	font-size:1.5em;
	border-bottom-style:solid;
	border-bottom-color:#000000;
}

p {
	font-family:Calibri;
	font-size:1em;
	margin:.5em;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.grid {
	background: #3f9b19;
	margin: 0 0 20px 0;
}
.grid:after {
	/* Or @extend clearfix */
	content: "";
	display: table;
	clear: both;
}

[class*='col-'] {
	float: left;
	padding-right: 20px;
}
.grid [class*='col-']:last-of-type {
	padding-right: 0;
}

.col-1-8 {
	width: 12.5%;
}

.col-7-8 {
	width: 87.5%;
}

.col-2-3 {
	width: 66.66%;
	height:100%;
	float:right;
}

.col-2-3b {
	width: 66.66%;
	padding-top:15px;
	float:right;
}

.col-1-3 {
	width: 100%;
	float:left;
}

.col-1-3b {
	width: 100%;
	float:left;
	padding-top:15px;
}

.col-1-2 {
	width: 50%;
	padding-top:15px;
}

.col-1-4 {
	width: 25%; 
}

.col-1 {
	width: 100%;
	padding-top:15px;	
}

.module {
	padding: 10px;
	background: #74cc40;
	height:100%;
}

.moduleA {
	padding: 20px;
	background: #74cc40;
	height:100%;
	float:right;
}

.moduleB {
	padding: 20px;
	background: #ffffff;
	height:100%;
	border-radius:15px;
	border-style:outset;
	border-color:#98bf21;
}

.moduleC {
	padding: 20px;
	background: #74cc40;
	height:100%;
	float:left;
}

.list{
	margin-top:-8px; 
}

/* Opt-in outside padding */
.grid-pad {
	padding: 20px 0 20px 20px;
	border-bottom-right-radius:15px;
	border-bottom-left-radius:15px;
}
.grid-pad [class*='col-']:last-of-type {
	padding-right: 20px;
}

.incentives-click{
	color:#f00;
	cursor: pointer;
}

.incentivesB-click{
	color:#f00;
	cursor: pointer;
}

#dropMenu{display: none;
	height: 100%;
	width: 100%;
	position: absolute;
	left:94px;
}
#trigger:hover #dropMenu {
	display:block;
	width:100%;
}

#trigger:hover .serverTab {
	background-color: #224E33;
	width:100%;
}

.drop {
	  background-color: #224E33;
	  border-radius:0;
	  width:100px;
	display:block;
}

body{
    background: #242428;
    background: -webkit-gradient(linear, 0 bottom, 0 top, from(#177C9A ), to(#ABE4FF));
    background: -moz-linear-gradient(-90deg, #ABE4FF, #177C9A );
	background-repeat: no-repeat;
    background-position: center top;
  	padding:20px 50px;
	height:1000px;
	overflow:hidden;
}


h1{
	font-family:calibri;
	margin-top:-35px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
}

#header {
	position: relative;
	top: 10px;
	height:45px;
	background-color: #227c00;
	border-top-right-radius: 15px;
	z-index:3;
}			

#navbar {
	position: relative;
	top:-90px;
	margin-left:-40px;
	z-index: 2;
}

ul{
	list-style-type: none;
	position: relative;
    top: 72px;
    
}

li {
    display: inline;
	font-family: Futura, Tahoma, sans-serif;
	color: #ffffff;
	padding: 4px;
	border-top-right-radius: 20px;
	border-top-left-radius: 5px;
	background-color: #227c00;
}

#body {
	position:relative;
	top: 10px;
	background-color:#3f9b19;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	margin: 0 2.5% 0 2.5%;
	z-index: 1;
	height:600px;
}

.headers{
	position:relative;
	font-family:Calibri;
	text-align:center;
	top:15px;
	color:#ffffff;
	float:right;
	margin-right:30%;
}

.text {
	position:relative;
	font-family:Calibri;
	font-size: 1em;
	text-align:center;
	top:20px;
	left:-9%;
	margin-right:50%;
	padding:0 12% 0 12%;
	float:left;
}	

a {
	color:#ffffff;
	text-decoration:none;
}