@media (min-width: 1024px) {
.instagram_iphone { display: none !important; }
.instagram_ipad_p { display: none !important; }
.instagram_inbetween { display: none !important; }
.instagram_iphone_ls { display: none !important; }
}

@media all and (max-width: 1023px) and (min-width: 769px) {
.instagram_iphone { display: none !important; }
.instagram_ipad_p { display: none !important; }
.instagram_desktop { display: none !important; }
.instagram_iphone_ls { display: none !important; }
}

@media all and (max-width: 768px) and (min-width: 481px) {
.instagram_desktop { display: none !important; }
.instagram_inbetween { display: none !important; }
.instagram_iphone { display: none !important; }
.instagram_iphone_ls { display: none !important; }
}

@media all and (max-width: 480px) and (min-width: 321px) {
.instagram_desktop { display: none !important; }
.instagram_ipad_p { display: none !important; }
.instagram_inbetween { display: none !important; }
.instagram_iphone { display: none !important; }
}

@media (max-width: 320px) {
.instagram_iphone_ls { display: none !important; }
.instagram_desktop { display: none !important; }
.instagram_inbetween { display: none !important; }
.instagram_ipad_p { display: none !important; }
}

iframe{width: 100% !important;}


/* menue stacking for mobile devices */
@media (max-width: 768px) {
  .nav-pills > li {float: left;}



.page-masthead .container .custom img:nth-child(2) {
	  width: 100% !important;
      display: none;}
#top-bar [id^="topbar"] 
  {float: none; width: auto
    display: none;}
   #bottom-bar [id^="bottombar"] 
  {float: none; width: auto
    display: none;}
#bottom-bar {max-height: none; 
    display: none;
    }
#top-bar {max-height: none; 
    display: none;
    } 
}


/* hight of promo bar for smart phones */
#ja-promo-bar-countdown-134 {
    display: inline-block;
}
/* Width of main container */
.body .container {
    background-color: rgba(255, 255, 255, 0.19);
  clear: both;
  border-radius: 4px;
padding: 20px;
border: 1px solid rgba(0,0,0,0.15);
  box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
}
.container {
    width: 980px;
  max-width: 980px;
  border-top: 3px solid #e9e9e9;
background-color: #0f0f0f;
  margin-right: auto;
margin-left: auto;
}
@media (max-width: 960px) {
  .container {max-width: 960px;}
  .container {width: auto;}
}


/* edits for personnel page */
.TheTextOffPersonnel{
color:#EDC217;
font-size:15px;
border-radius: 5px;  
}

.TheTextOnPersonnel{
background-color:#636363;
font-size:15px;
border-radius: 5px;  
}
/* Edits for contact us page */
.TheTextOff{
color:#EDC217;
font-size:15px;
border-radius: 5px;  
}

.TheTextOn{
background-color:#636363;
font-size:15px;
border-radius: 5px;
}
td, tr td {
    border-top: 1px solid rgba(221, 221, 221, 0);
}
/* Edits for general body changes */
body {
    color: #E7B309;
}
.row-fluid .span3 {
    background: rgba(129, 129, 129, 0.3) none repeat scroll 0% 0%;
border-radius: 5px;
padding: 5px 5px 5px 5px;
}
h1,h2,h3,h4,h5,h6,.site-title{
		font-family: times new !important;
			}

h3, .site-title {
    color: #E7B309;
  font-family: times new !important;
  font-size: 18px;
  }

.row-fluid .span9 {
    width: 75%;
  background: rgba(129, 129, 129, 0.3) none repeat scroll 0% 0%;
    border-radius: 5px;
    padding: 10px;
}
/* edits for background image */
body, .site  {
  background-image: url("/images/Home-Page/Millionaire22.png");
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
  	background-size:100%;
  	border-top: 3px solid #E9E9E9;
    background-color: #0F0F0F;
}
/* edits for top bar */
#top-bar { width: auto; 120px; padding: 10px;}
#top-bar [id^="topbar"] {float: left; width: 31.914893614%; margin-left: 2.127659574%;}
#top-bar #topbarleft {margin-left: 0px;}

#top-bar [id^="topbar"] :hover {
    background-color: #636363;
  	border-radius: 5px;
}

/* edits for right column */
.well {
    background-color: rgba(245, 245, 245, 0);
    min-height: 20px;
    padding: 5px 5px 5px 5px;
    border: 1px solid rgba(227, 227, 227, 0);
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) inset;
  	}
/* edits for class for pop */
.well :hover {
    background-color: #636363;
  	border-radius: 5px;
}
/* Edits for contact us page */
.TopBarOff{
color:#EDC217;
font-size:15px;
border-radius: 5px;  
}
.TopBarOn{
background-color:rgba(50, 50, 50, 0.68);
font-size:15px;
}
.info {
    background: rgba(240, 237, 237, 0.26) none repeat scroll 0% 0%;
    border-radius: 5px;
    padding: 5px;
}
/* background colour for Pre and Next Buttons */
.pager li > a, .pager li > span {
    background-color: #000;
}
.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
    color: #000;
    background-color: #08C;
}
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #444141;
}
a:hover, a:focus {
    color: #000;
    text-decoration: underline;
}
/* top border for bottom slideshow */
.row-fluid .span12 {
    
    margin-top: 10px;
  margin-left: -2.5px;
}
/* border for for images to pop */
img {
    padding: 5px;
}
/* padding for latest news */
p {
    margin: 10px 0px -2px;
}
   
/* alignment of search on menue line */
.navigation ul.nav {float: left;}

.navigation {
    padding: 5px 0px 35px;
    margin-bottom: 19px;
}
 input, textarea, .uneditable-input {
    width: 100px;
   float: right; } 
  
/* styling for to boxes at bottom of page above instagram */
#left-bottom {
  float: left;
  clear: both;
  	width: 45%
 }
#right-bottom {
  	float: right;
    width: 45%;
}
#left-bottom h3, #right-bottom h3 {
border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}

/* underline for module titles */
#sidebar h3 {
border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}
.newsflash :hover {
background-color: #636363;
  	border-radius: 5px;
}
/* edits for bottom bar */
#bottom-bar { width: auto; height: 120px; padding: 10px;}
#bottom-bar [id^="bottombar"] {float: left; width: 31.914893614%; margin-left: 2.127659574%;}
#bottom-bar #bottombarleft {margin-left: 0px;}
#bottom-bar [id^="bottombar"] :hover {
    background-color: #636363;
  	border-radius: 5px;
}
#bottom-bar h2 {
border-bottom: 1px solid #eee;
  padding-bottom: 5px;
  }
/* edits for vlk blog */
#sidebar h3 {
border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}
.nspArts :hover {
background-color: #636363;
  	border-radius: 5px;
}

/* edits for olympics slideshow */

section{
  width: 740px;
  height: 390px;
  position: relative;
  left: 22%;
  top: 1em;
  margin-left: -100px;
  overflow: hidden;
  background: #e9e9e9;
  border: 0px solid #fff;
}

/*section:hover article{
  animation-play-state: paused;
}*/

article{
  position: absolute;
  left: 740px;
  background: #666768;
  color: #e3e3e3;
  width: 740px;
  height: 390px;
  box-sizing: border-box;
 width: 100%;
 padding: 0px;
 border-width: 0px;
}

article:nth-of-type(1){
  animation: slideIn 50s linear 0s infinite;
}
article:nth-of-type(2){
  animation: slideIn 50s linear 5s infinite;
}
article:nth-of-type(3){
  animation: slideIn 50s linear 10s infinite;
}
article:nth-of-type(4){
  animation: slideIn 50s linear 15s infinite;
}
article:nth-of-type(5){
  animation: slideIn 50s linear 20s infinite;
}
article:nth-of-type(6){
  animation: slideIn 50s linear 25s infinite;
}
article:nth-of-type(7){
  animation: slideIn 50s linear 30s infinite;
}
article:nth-of-type(8){
  animation: slideIn 50s linear 35s infinite;
}
article:nth-of-type(9){
  animation: slideIn 50s linear 40s infinite;
}
article:nth-of-type(10){
  animation: slideIn 50s linear 45s infinite;
}

@keyframes slideIn{
  0% {left: 740px;}
  1% {left: -5px;}
  10% {left: -5px;}
  11% {left: -680px;}
  100%{left: -5000px;}
}