@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(nav.css);
@import url(ledfont.css);
@import url(../font-awesome/css/font-awesome.min.css);


body{
margin:0;
padding:0;
background: #fff;
}
hr {
color: #929497;
height: 1px;
}



a {
color:#fff; text-decoration:none;
font-family: 'Droid Sans', sans-serif;
}

#maincontainer{
  margin: 0 auto;
  max-width:960px;
}

#topsection{
background: #fff;
margin: 5px 0 5px 0;
}

#centercolumn  h1 {
text-align:left;
color:#929497; text-decoration:none;
font-family: 'Droid Sans', sans-serif;
font-size: 16px;
font-weight: 600;
padding:0 0  0 5px;
}

#centercolumn  h2 {
text-align:left;
color:#929497; text-decoration:none;
font-family: 'Droid Sans', sans-serif;
font-size: 14px;
font-weight: 600;
padding:0 0  0 5px;
}

#centercolumn ,#centercolumn_topbox_l, #centercolumn_topbox_r p {
text-align:left;
color:#000; text-decoration:none;
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
font-weight: 400;
margin: 5px;
}

.hdfont {
text-align:left;
color:#A00000 ; text-decoration:none;
font-family: 'Droid Sans', sans-serif;
font-size: 32px;
font-weight: 600;
padding:0 0  0 5px;
}

.mdfont  {
text-align:left;
color:#000; text-decoration:none;
font-family: 'Droid Sans', sans-serif;
font-size: 18px;
font-weight: 600;
}

.smfont  {
text-align:left;
color:#000; text-decoration:none;
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
font-weight: 200;
line-height: 1.0em;
}

.lmfont  {
text-align:left;
color:#929497; text-decoration:none;
font-family: 'Droid Sans', sans-serif;
font-size: 18px;
font-weight: 400;
}

#centercolumn_header{
clear:both;
float:left;
padding: 10% 5% 2% 20%;
width: 80%;
background: #fff;
}

#centercolumn{
  clear:both;
  margin-left: auto ;
 margin-right: auto ;
width: 100%;
background: #fff;
}

#centersplitcolumn_leftbox{
float:left;
width: 50%;
background-color: #fff;
}

#centersplitcolumn_rightbox{
float:left;
width: 50%;
background-color: #fff;

}

#centersplitcolumn_left{
float:left;
width: 92%;
background-color: #eee;
padding: 2%;
margin: 2%;
}

#centersplitcolumn_right{
float:right;
width: 92%;
background-color: #eee;
padding: 2%;
margin: 2%;
}

#centercolumn_menu{
clear:both;
float:left;
width: 100%;
background: #fff;
}

#centercolumn_pic{
margin-left: auto ;
margin-right: auto ;
width: 100%;
background: #background: #1A1A1A;
}

#centercolumn_topbox_l{
 float : left;
width: 12%;
height: 100px;
background-color: #eee;
padding: 3%;
margin-left: 1%;
margin-right: 1%;
}

#centercolumn_divider{
clear:both;
max-width:960px;
background: #background: #1A1A1A;
border-style: solid;
border-bottom-color: #000;
border-bottom: 2px;
}

.button {
	float: right;
    padding: 8px 12px;
    background: rgb(139,0,0);
    color:#fff; text-decoration:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	margin: 0px 5px 0px 5px;
	font-family: 'Droid Sans', sans-serif;
font-size:14px;
font-weight: 600;
}

.button:hover {
    background: #000;
    border: solid 1px #2A4E77;
    text-decoration: none;
}

.button:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}


#footer{
clear: left;
max-width:960px;
background: #1A1A1A;
padding: 10px;

text-align:right;
color:#929497; text-decoration:none;
font-family: 'Droid Sans', sans-serif;
font-size: 10px;
font-weight: 300;

}

.scale-image
{
margin: 0 auto;
display: block;
width: auto;
max-width: 100%;
}

.expand{
  margin-top:.5%;
float:left;
}



  @media all and (max-width: 640px) {

    .lgfont {
    text-align:left;
    color:#000; text-decoration:none;
    font-family: 'Droid Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    }

    #centercolumn_topbox_l{
    float: left;
    width: 100%;
    height: 50px;
    background-color: #eee;
    padding: 5px ;
    }

    #centercolumn_header{
    clear:both;
    float:left;
    padding: 10% 5% 2% 30%;
    width: 80%;
    background: #fff;
    }


    .hdfont {
    text-align:left;
  color:#A00000 ; text-decoration:none;
    font-family: 'Droid Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;

    }


    .mdfont  {
    text-align:left;
    color:#000; text-decoration:none;
    font-family: 'Droid Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;

    }

    .smfont  {
    text-align:left;
    color:#000; text-decoration:none;
    font-family: 'Droid Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;

    }

    .lmfont  {
    text-align:left;
    color:#000; text-decoration:none;
    font-family: 'Droid Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    }



    .button {


        width: 100%;
        background: rgb(139,0,0);
        padding: 10px ;
        color:#fff; text-decoration:none;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border: solid 1px #20538D;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
      	margin: 0px 5px 0px 15px;
        text-align: center;
        font-family: 'Droid Sans', sans-serif;
        font-size:14px;
        font-weight: 600;
    }

    .button:hover {
        background: #000;
        border: solid 1px #2A4E77;
        text-decoration: none;
    }

    .button:active {
        -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        background: #2E5481;
        border: solid 1px #203E5F;
    }


    #centercolumn ,#centercolumn_topbox_l, #centercolumn_topbox_r p {
    text-align:left;
    color:#000; text-decoration:none;
    font-family: 'Droid Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin: 2px;
    }

    #footer{
    clear: left;
    max-width:640px;
    background: #1A1A1A;
    padding: 10px;

    text-align:right;
    color:#929497; text-decoration:none;
    font-family: 'Droid Sans', sans-serif;
    font-size: 10px;
    font-weight: 300;

    }
  }


  /* ----------- Galaxy S5 ----------- */

  /* Portrait and Landscape */
  @media screen
    and (device-width: 360px)
    and (device-height: 640px)
    and (-webkit-device-pixel-ratio: 3) {
      .button {


          width: 100%;
          background: rgb(139,0,0);
          padding: 10px ;
          color:#fff; text-decoration:none;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          border-radius: 2px;
          border: solid 1px #20538D;
          text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
          -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
          -webkit-transition-duration: 0.2s;
          -moz-transition-duration: 0.2s;
          transition-duration: 0.2s;
          -webkit-user-select:none;
          -moz-user-select:none;
          -ms-user-select:none;
          user-select:none;
        	margin: 0px 5px 0px 15px;
          text-align: center;
          font-family: 'Droid Sans', sans-serif;
          font-size:14px;
          font-weight: 600;
      }

      .button:hover {
          background: #000;
          border: solid 1px #2A4E77;
          text-decoration: none;
      }

      .button:active {
          -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
          -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
          box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
          background: #2E5481;
          border: solid 1px #203E5F;
      }

  }

  /* Portrait */
  @media screen
    and (device-width: 360px)
    and (device-height: 640px)
    and (-webkit-device-pixel-ratio: 3)
    and (orientation: portrait) {

  }

  /* Landscape */
  @media screen
    and (device-width: 360px)
    and (device-height: 640px)
    and (-webkit-device-pixel-ratio: 3)
    and (orientation: landscape) {

  }