body{
background-image:url('images/bgGrad.jpg');
background-repeat:repeat-x;
background-color: white;
margin:0;
padding:0;
line-height: 1.5em;
font-size:13px;
}
.button{
background: #002120; /* Old browsers */
background: -moz-linear-gradient(top,  #002120 0%, #0d3b3c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002120), color-stop(100%,#0d3b3c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #002120 0%,#0d3b3c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #002120 0%,#0d3b3c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #002120 0%,#0d3b3c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #002120 0%,#0d3b3c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002120', endColorstr='#0d3b3c',GradientType=0 ); /* IE6-9 */
color:white;
font-size:1.5em;
text-decoration:none;
padding:10px;'
padding-top:20px;
margin-top:40px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #000000;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
color: #262626;
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{

color: white;
height: 116px; /*Height of top section*/

}

#topsection h1{
margin: 0;
padding-top: 15px;
}
#topsection img{
margin: 0;
padding: 0;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 0px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
color:#262626;
float: left;
width: 0px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/

}
img {
margin-left:22px;
margin-bottom:22px;
text-decoration:none;


}
#footer{
border-style:solid 1px #121212;
border-top:solid 1px #121212;
clear: left;
width: 100%;
background: #0d3b3c;
color: white;
text-align: center;
padding: 4px 0;
}
.desktopTable{display:inline;}
.mobileTable{display:none;}
#footer a{
color: black;
}
b{color:#0d3b3c;
font-size:16px;
}
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

    li
  {
    line-height: 1.2em;

  }
@media only screen and (max-device-width: 840px) {
.column1{font-size:2em;}
.column2{font-size:2em;}
.column3{font-size:2em;}
.button{font-size:1.2em;}
.desktopTable{display:none;}
.mobileTable{display:inline;}
}