body {font-family: 'Muli', sans-serif;font-weight:300; font-size:16px; line-height:1.5;}
.admin-ui-navbar{z-index:999;}
.admin-ui span.glyphicon {z-index:999;}
.row {margin:0; padding:0;}
h1 {color:#1f5383; font-size: 30px; margin: 16px 0; padding: 0 0;}
h2 {color:#5c9dc3; font-size: 26px; margin: 0 0 4px 0; padding: 10px 0 0 0;}
a {color:#5c9dc3; font-weight:400;}
hr {border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(31, 83, 131, 0.75), rgba(0, 0, 0, 0));}
blockquote {padding:0 0 0 10px; border-left: 10px solid #5c9dc3;font-style:normal; font-size:16px; line-height:1.5;}
.fa-file-pdf-o, .fa-file-zip-o, .fa-file-word-o, .fa-file-powerpoint-o {font-size:16px; padding: 0 8px 0 8px; }
.fa-file-pdf-o {color:red;}
.fa-file-zip-o {color: green;}
.fa-file-word-o {color: blue;}
.fa-file-powerpoint-o {color: orange;}
.fa-play {padding-top:4px;font-size: 13px;}
 .fa-rotate-90 {font-size: 13px;}
.button {padding: 10px 14px; background-color:#dedede; color: #5c9dc3;}
.button:hover { background-color:#5c9dc3;color:#dedede;text-decoration:none;}
.table>tbody>tr>td {border-top: 0 solid #ddd !important;}
 #Header {min-height:250px; background:#1f5383; text-align:center;}
 #Branding {}
 #Members {background:#5c9dc3;color: #fff; padding: 14px 20px 0 20px; }
 #Members a {color:#fff; font-size:18px;}
 #MSA-members,  #MSA-members .panel-default>.panel-heading {background:#1f5383; padding: 8px 0;}
 #MSA-members .panel-group {margin-bottom:0;}
 #MSA-members .panel-default {background:#1f5383 !important; border: 0 !important; border-radius: 0;  }
  #MSA-members .panel-title a {padding-left: 20px;color: #fff;} 
 #MSA-members p  {color: #fff;}
  #Contact .panel-default>.panel-heading {background:#dedede;color: #444;}
  #Contact .panel-body {border-top:  solid 1px #444;}
 #MSA-members .fa,  #Contact .fa, #Members .fa,#Newsletter .fa {display: none !important;}
 #Wrap {
    min-height: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
  #Main  {min-height:400px; padding-bottom: 30px;}
 #Banner img {width:100%;}
 #Banner p {margin:0;padding:0;}

 #Left {padding-top: 26px;}
 #Left ul {margin-left:-20px;list-style:none;}
 #Left li {line-height:1.5; text-indent: -1em; padding-bottom: 8px;}
 #Left li:before {content:"\f0c8"; padding-right:8px; font-family:FontAwesome; font-size:10px;color:#5c9dc3;}
 #Left ol li:before {content:"\f1c1"; padding-right:8px; font-family:FontAwesome; font-size:16px;}
  #Full-width {padding-top: 16px;}
  #Full-width .table {width:100%;}
.table tr:nth-child(odd)	{ background-color:#dedede; }
 .table tr:nth-child(even)	{ background-color:#fff; }
 .table td {vertical-align:top; padding: 10px; border-left: solid 1px #fff;}
.table td em {color:#7a7878; font-style:normal;}
 #News {min-height:350px;margin-top:26px;padding:0 0 40px 0;background:#dedede;position:relative; }
  #News ol, #News ul {padding-right: 20px;}
 #News p, #News h3 {padding:0 20px}
 #News h2 {margin-top:0;padding: 12px 10px 12px 20px;background:#5c9dc3; color:#fff; }
 #News h2, #News h3, #Menmber{font-size:20px;}
 #News-buttons {clear:both; margin: 16px 0; padding: 0 20px;}
 #News span a {padding: 8px 14px;background:#5c9dc3; color:#fff; }
 .btn-1 {position: absolute;left: 20px; bottom:20px;}
 .btn-2 {position: absolute;right:20px; bottom:20px;}
 #Newsletter .panel-group {margin-bottom:auto;}
 #Newsletter .panel-body, #Newsletter .panel-default, #Contact .panel-body, #Contact .panel-default {padding:0; background:#dedede;}
 #Newsletter .panel-default>.panel-heading, #Contact .panel-default>.panel-heading{padding:16px 20px 14px 20px; border-radius:0;border-color: transparent !important;}
  #Newsletter .panel-default>.panel-heading {background:#7a7878;color: #fff;}

 .panel-default>.panel-heading {background:#dedede; border-color: transparent !important;}
.panel-title a {font-size:18px;}
 #Newsletter .panel-body {padding: 20px 20px 10px 20px;}
 #Newsletter input {width:100%; padding:10px 10px 10px 20px; margin: 6px 0 6px 0;}
 #Newsletter #Button {text-align:center; width: 100px; padding:8px 14px;background: #7a7878; border:none; color:#fff;}
 #Newsletter #Button:hover {opacity: 0.8;}
 #Contact p {padding:0 20px;}
 #Footer {min-height:80px; background: url("/Content/Themes/Images/footer.gif"); background-repeat:repeat-x; border-bottom: solid 12px #1f5383 ;}
 #Footer-bottom {min-height:30px; padding:12px 10px 10px 10px;background:#5c9dc3; color:#1f5383;}
 #Footer-bottom a, .fa-copyright {color:#fff;}
 #Footer-bottom a:hover {color:#1f5383; text-decoration: none;}
 #Copy {text-align:left;}
 #Wiss {text-align:right;}

  @media (max-width:1200px) {
  .container {width: 100%;}  
 #Left {padding-top: 15px;} 
.col-md-8 {padding-left: 0; padding-right: 15px;}
 .col-md-4 {padding-left: 0; padding-right: 0;}
  #News {min-height:360px;margin-top:15px;padding:0 0 14px 0;}
 #News p, #News h3 {padding:0 16px}
 #News h2 {margin-top:0;padding: 12px 10px 12px 18px;background:#5c9dc3; color:#fff; }
   .btn-1 {position: absolute;left: 16px; bottom:16px;}
 .btn-2 {position: absolute;right:16px; bottom:16px;}
 }
  @media (max-width:1100px) {#News-buttons {margin: 16px 0; padding: 0 2px;} #News {min-height:328px;}#Footer {background-position-x: center; background-repeat: no-repeat; text-align: center;}
  }
 @media (max-width:1024px) {
   #Header {min-height:152px;}
  #Header img {width:400px;}  
 }
 
  @media (max-width:992px) {.col-md-8 {padding-left: 0; padding-right: 0;} #Left {padding-bottom: 0;}#News {height:auto !important;margin-top:15px; } }

 @media (min-width:768px) And (max-width:780px) {.container {width:740px;padding-left:0; padding-right:0;}}
  @media (max-width:768px) { #Header {min-height:152px;} #Header img {width:300px;} }

 @media (max-width:767px) {
 .container {padding:  0 0 0 0; width: 100%;} 
 #Footer  {display: none;} 
 #Main {padding-bottom:  0;}  
 #Left {padding-top: 16px;} 
 h1 {font-size: 24px;} 
 h2 {font-size: 20px;} 
 .col-md-8 {padding-left: 15px; padding-right: 15px;}
 .col-md-4 {padding-left: 15px; padding-right: 15px;}
}