html {
    font-family:"Helvetica,sans-serif";

}
body{

margin:0;
padding:0;
border:0;
font-family:"Helvetica,sans-serif";
}

p {
    margin: 0;
    padding: 0;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    border: 0;
    font-family:"Helvetica,sans-serif";
}
a { 
    padding:0;
    margin:0;
	color:#00f;
    text-decoration:none;
    font-family:"Helvetica,sans-serif";
}
a:hover {
	color:#d00;
	text-decoration:none;
    font-family:"Helvetica,sans-serif";
}
h1 {
    text-shadow: #666 0.06em 0.06em 0.06em;
	margin:.8em 0 .2em 0;
	padding:0;
    font-family:"Helvetica,sans-serif";
    color:#0000ff;
}
h1.1 {
    text-shadow: #666 0.06em 0.06em 0.06em;
	margin:.8em 0 .2em 0;
	padding:0;
    font-size:140%;
    font-family:"Helvetica,sans-serif";
    color:#ff0000;
}
h2 {
    text-shadow: #666 0.06em 0.06em 0.06em;
	margin:.8em 0 .2em 0;
	padding:0;
    font-size:175%;
    color:#0000ff;
}
h3 {
    text-shadow: #666 0.06em 0.06em 0.06em;
	margin:10px 0px 10px 0px;
	padding:0;
    font-size:128%;
    font-family:"Helvetica,sans-serif";
    color:#ff0000;
}
h4 {
   text-shadow: #666 0.06em 0.06em 0.06em;
   margin:10px 0px 10px 0px;
   padding:0;
   font-size:150%;
   font-family:"Helvetica,sans-serif";
   color:#ff0000;
}
h5 {
    text-shadow: #666 0.06em 0.06em 0.06em;
	margin:10px 0px 10px 0px;
	padding:0;
    font-size:105%;
    font-family:"Helvetica,sans-serif";
    color:#000000;
}
h6 {
    text-shadow: #666 0.06em 0.06em 0.06em;
	margin:10px 0px 10px 0px;
	padding:0;
    font-size:100%;
    font-family:"Helvetica,sans-serif";
    color:#000000;
}
h7 {
    text-shadow: #666 0.06em 0.06em 0.06em;
	margin:10px 0px 10px 0px;
	padding:0;
    font-size:128%;
    font-family:"Helvetica,sans-serif";
    color:#ffa500;
}

p {
	margin:.4em 0 .8em 0;
	padding:0;
    font-family:"Helvetica,sans-serif";
}
a img {
         border-style: none;
         border: 0;
         opacity: .7;
         filter: alpha(opacity=70);
         -webkit-transition: opacity .1s linear;
         -moz-transition: opacity .1s linear;
         -o-transition: opacity .1s linear;
         transition: opacity .1s linear;
         font-family:"Helvetica,sans-serif";
      }  
      img:hover, a:hover img {
         background: none!important;
         opacity: 1;
         filter: alpha(opacity=100);
         -webkit-transition: opacity .5s linear;
         -moz-transition: opacity .5s linear;
         -o-transition: opacity .5s linear;
         transition: opacity .5s linear;
         font-family:"Helvetica,sans-serif";
      }

#topsection{
height: 150px; /*Height of top section*/
align: center;
padding-top: 10px;
padding-bottom: 15px;
font-family:"Helvetica,sans-serif";
}

#topsection h1{
margin: 0;
padding-top: 15px;
font-family:"Helvetica,sans-serif";
}

#contentwrapper{
float: left;
width: 100%;
font-family:"Helvetica,sans-serif";
}

#contentcolumn{
margin: 0 28% 0 28%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
align: center;
font-family:"Helvetica,sans-serif";
}

#leftcolumn{
float: left;
width: 28%; /*Width of left column in percentage*/
margin-left: -100%;
align: center;
background:url('/images/Trans.GreyBG.png');	/* left column background colour */
    border-top:1px solid #000;
    border-right:0px solid #000;
    border-bottom:1px solid #000;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
     -moz-box-shadow: 3px 3px 4px #000; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #000; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #000; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000)";/* IE 8 */

 font-family:"Helvetica,sans-serif";
}

#rightcolumn{
float: left;
width: 28%; /*Width of right column in pixels*/
margin-left: -28%; /*Set margin to that of -(RightColumnWidth)*/
align: center;
background:url('/images/Trans.GreyBG.png');	/* left column background colour */
border-top:1px solid #000;
border-right:0px solid #000;
border-bottom:1px solid #000;
border-left:0px solid #000;
-webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
-moz-box-shadow: -3px 3px 4px #000; /* Firefox */
-webkit-box-shadow: -3px 3px 4px #000; /* Safari/Chrome */
box-shadow: -3px 3px 4px #000; /* Opera and other CSS3 supporting browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=195, Color='#000000)";/* IE 8 */

font-family:"Helvetica,sans-serif";
}

#footer{
clear: left;
width: 100%;
color: #FFF;
text-align: right;
padding: 4px 0;
align: right;
}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
overflow:hidden;
}
.dropshadow {
 -moz-box-shadow: 3px 3px 4px #000; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #000; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #000; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000)";/* IE 8 */
 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000);/* IE 5.5 - 7 */ 
}
.dropshadowcircle {
border-radius: 100%;
 -moz-box-shadow: 3px 3px 4px #000; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #000; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #000; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000)";/* IE 8 */
 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000);/* IE 5.5 - 7 */ 
}
.transparent {
        zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.5;
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.table-responsive > table {
    width: 100%;
}