@charset "utf-8";
	
	/* CSS Document */
	
	/* theme for andrew to modify original bootstrap theme  */
	
	.navbar {
	
		background-color: #FFF;		
		margin-bottom:0px;
		border-top: solid medium #000000;
		border-bottom: solid medium #000000;
		border-left: #FFFFFF;
		border-right: #FFFFFF;
}
	
	.navbar-default .navbar-nav > li > a {	
	  color: #000000;
	  font-size: 110%;	
	  font-weight: bold;	
	}
	
	.navbar-default .navbar-nav > li > a:hover,	
	.navbar-default .navbar-nav > li > a:focus {
	 color: #FF851F;	
	 background-color: #FFF;
	 text-decoration: none;
	 font-weight: bold;	
	}
	
	.navbar-default .navbar-nav > .active > a,	
	.navbar-default .navbar-nav > .active > a:hover,	
	.navbar-default .navbar-nav > .active > a:focus {	
     color: #FF851F;	
	 background-color: #FFF;
	 font-weight: bold;	
	  }
	  
	  
	 .navbar-brand {
	
		background-image: url(../../../2016-pics/stanmore-logo.jpg);
		
		background-repeat:no-repeat;
		
		background-size:contain;
		
		background-position: left;
		
		} 
	  

	.panel-primary .panel-heading {
	 background-color: #FFF;
	}
	
	.panel-primary {
		border-color: #1d2948;
	}
	  
	
 .row a:link {
		color: blue;
		text-decoration:none;	
	}
	
 .row a:visited {	
		color: blue;		
		text-decoration:none;
		}
	
 .row a:active{
		color: blue;
	    text-decoration:none; 
		}
	
 .row a:hover {
		color: #FF851F;
	    text-decoration: none; 
		}


.tab a:link {
		color: blue;
		text-decoration:none;	
	}
	
 .tab a:visited {	
		color: blue;		
		text-decoration:none;
		}
	
 .tab a:active{
		color: blue;
	    text-decoration:none; 
		}
	
 .tab a:hover {
		color: #FF851F;
	    text-decoration: none; 
		}

	
	li a:link {	
		color: #1d2948;
		text-decoration:none;
		}
	
	li a:visited{	
		color: #1d2948;
		text-decoration:none;
		}
	
	li a:active{
		color: #1d2948;
	    text-decoration:none; 
		}
	
	li a:hover {	
		color: #FF851F;
		text-decoration: none; 
		}
		
	.row strong a:link {
		color: #F8080C;
		text-decoration:none;
		}
	
	.row strong a:visited {	
		color: #F8080C;
		text-decoration:none;
		}
	
	.row strong a:active {
		color: #F8080C;
	    text-decoration:none; 
		}
	
	.row strong a:hover {	
		color:#FF851F;
		text-decoration: none; 
		}	

	
	h1{	
		font-family: 'Roboto Mono', monospace;	
		color:  #000000;	
		font-size: 300%;
		letter-spacing: 0.05em;		
		margin-top: 10px;
		margin-bottom: 0px;		
		padding-top: 0px;
		}
	
	h2{	
		font-family: 'Roboto Mono', monospace;	
		color:  #000000;		
		font-size: 175%;		
		margin-top:0px;		
	}
	
	h3{
		font-family: 'Arvo', serif;	
		color:  #000000;		
		font-size: 125%;
		letter-spacing: 0.05em;			
		margin-top:3px;
		margin-bottom:0px;		
	}
	
	h4{
		font-family: 'Arvo', serif;		
		color:  #000000;		
		font-size: 110%;
		margin-bottom:0px;		
	}
	

	
	.row h1 {	
		font-family: 'Roboto Mono', monospace;		
		color:  #000000;	
		font-size: 200%;
	    font-weight: bold;
	    letter-spacing: 0.05em;		
		margin-top: 10px;
		margin-bottom: 0px;		
		padding-top: 0px;
		}
	
.row	h2 {	
		font-family: 'Arvo', serif;	
		color:  #000000;		
		font-size: 175%;		
		margin-top: 0px;		
	}
	
.row	h3 {
		font-family: 'Roboto', sans-serif;	
		color:  #000000;		
		font-size: 125%;
	    font-weight: bold;
		letter-spacing: 0.05em;			
		margin-top:3px;
		margin-bottom:0px;		
	}
	
.row	h4 {
		font-family: 'Roboto', sans-serif;
		color:#FF0000;	
		font-size: 100%;
		font-weight: bold;
		letter-spacing: 0.05em;			
		margin-top: 12px;
		margin-bottom:0px;				
	}


 .tab {
	 margin-left: 40px;
}

.red{
	border-left: 4px solid #F00;
	padding-left: 5px;	
}
	
	.small {
		font-size: 85%;
		color: #0F70B7;
	}
	
	
em {
color: #851f83;
}

	.well {
	
		border-color: #0F70B7;
		
		background: fff /*rgba(255,255,255,0.3);*/;				
	}
	
	.well h1{	
		font-family: 'Roboto', sans-serif;		
		color:  #000000;	
		font-size: 750%;
	    font-weight: bold;
	    letter-spacing: 0.05em;		
		margin-top: 5px;
		margin-bottom: 0px;		
		padding-top: 0px;
		}

.well h3{	
		font-family: 'Roboto', sans-serif;		
		color:  #000000;	
		font-size: 250%;
	    font-weight: bold;
	    letter-spacing: 0.05em;		
		margin-top: 10px;
		margin-bottom: 0px;		
		padding-top: 0px;
		}

	ul {
		
		list-style-image: url("../../../images/0091.gif");
		
		vertical-align:middle;
		
		text-align:left;
		
		line-height:130%;
		
	}


	li {
	
		margin-bottom: 5px;
		text-align: justify;
		}
		
	.dmxAccordion ul {
		list-style-image: url("../../../images/arrowright.gif");
		vertical-align : middle; 
		text-align : left;
		line-height : 130%;
		}
		
  .dmxAccordion a:link {	
		color: #0F70B7;
		text-decoration:none;
		}
	
  .dmxAccordion a:visited {	
		color: #0F70B7;
		text-decoration:none;
		}
	
  .dmxAccordion a:active {
		color: #0F70B7;
	    text-decoration:none; 
		}
	
  .dmxAccordion a:hover {	
		color: #F5B130;
		text-decoration: none; 
		}
		
		 .dmxAccordion h3 {	
		color: #0F70B7;
		font-size: 103%;		
		}
		

.panel-body h1{	
		font-family: 'Roboto', sans-serif;		
		color:  #0F70B7;	
		font-size: 140%;
	    font-weight: bold;
		letter-spacing: 0.05em;		
		margin-top: 0px;
		margin-bottom: 0px;		
		padding-top: 0px;
		}
	
.panel-body	h2{	
		font-family: 'Roboto', sans-serif;		
		color:  #0F70B7;		
		font-size: 125%;		
		margin-top:5px;		
	}
	
.panel-body	h3{
		font-family: 'Roboto', sans-serif;	
		color:  #0F70B7;		
		font-size: 140%;
		letter-spacing: 0.05em;			
		margin-top:3px;
		margin-bottom:0px;		
	}
	
.panel-body	h4{
		font-family: 'Roboto', sans-serif;		
		color:  #0F70B7;		
		font-size: 140%;
		margin-bottom:0px;		
	}

.panel-body h6{	
		font-family: 'Roboto', sans-serif;		
		color:  #0F70B7;	
		font-size: 275%;
	    font-weight: bold;
		letter-spacing: 0.05em;		
		margin-top: 0px;
		margin-bottom: 0px;		
		padding-top: 0px;
		}
	

	h2 a:link {	
		color: #0F70B7;
		text-decoration:none;
		}
	
	h2 a:visited {	
		color: #0F70B7;
		text-decoration:none;
		}
	
	h2 a:active {
		color: #0F70B7;
	    text-decoration:none; 
		}
	
	h2 a:hover {	
		color: #F5B130;
		text-decoration: none; 
		}		
	
	
	.heading {	
		font-family: 'Roboto', sans-serif;		
		color:  #0F70B7;		
		font-size: 125%;
		font-weight: bold;
		margin-top:5px;		
	}	
	
	.row { 		
		font-size: 100%;
		
		text-align: left; 
		
		padding-bottom : 5px;		
			
		line-height : 150%;
		
		clear: both; 
		
	}
	
	.col-lg-3 {
		padding: 10px;
			}
		
	.break { 
		
		margin-bottom: 5px;
		
		margin-top: 5px; 
		
		border-bottom : 1px dotted #41242f; 
		
		clear : both; 
		
	}
	

		
	.dmxtooltipcontent { 
 overflow: hidden !important; 
}
	
	.piccyleft { 
		
		float : left; 
		
		padding-right : 10px;
		
		margin-bottom: 0px; 
		
	}
	
	.piccyright {
    float:right ;
    padding-left : 3px;
	vertical-align: middle;
	}
	
	
	
	footer {	
		color: #FFF;
		font-size: 100%;
		line-height: 130%;
		background-color: #3D3636;
		padding: 15px;
		height: inherit;
		}

  	
	footer.row ul {
		
		color: #FFF;
		
		vertical-align:middle;
		
		text-align:left;
		
		line-height:130%;
		
	}
	
	footer.row li {
		
		color: #FFF;
		
		margin-bottom: 5px;
	
	}
		
	footer .row a:link {
		
		color: #FFF;
		
		text-decoration:none;
		
	}
	
	footer .row a:visited {
		
		color: #FFF;
		
		text-decoration:none;
		
	}
	
	footer .row a:active {
		
		color: #FFF;
		
		text-decoration:none; 
		
	}
	
	footer .row a:hover {
		
		color: #FF851F;
		
		text-decoration: none; 
	}
		

footer .row { 		
		text-align: left; 
		line-height : 145%;
		clear: both; 
		}
		
	footer .row h1{	
		font-family: 'Roboto Mono', monospace;	
		color:  #FFFFFF;	
		font-size: 275%;
		letter-spacing: 0.05em;		
		margin-bottom: 0px;		
		padding-top: 0px;
		}
	
	footer .row h2{	
		font-family: 'Roboto Mono', monospace;	
		color:  #FFFFFF;		
		font-size: 130%;		
		margin-top:5px;		
	}
	
	footer  .row h3{
		font-family: 'Arvo', serif;	
		color:  #FFFFFF;		
		font-size: 125%;
		letter-spacing: 0.05em;			
		margin-top:3px;
		margin-bottom:0px;		
	}
	
	footer .row h4{
		font-family: 'Arvo', serif;		
		color:  #FFFFFF;		
		font-size: 110%;
		margin-bottom:0px;		
	}


	.img-center {
			margin: 0 auto;
		}
		
	.img-responsive {
				width: contain;
		}

	
		.large {
font-size: 200%;
color: #0F70B7;
font-weight: bold;
}


	 .shadow { 	
			background:#CCCCCC; /* shadow color */
			border:1px solid #CCCCCC; /* darker border color */
			margin: 5px;
			position: relative;
		}
	
		.frame {	
			text-align: center; 
			background: #FFFFFF; 
			border: 1px solid #999999; /* lighter border color */
			position: relative; 
			padding: 5px;
			left:-4px; /* you can change this to change the amount of shadow */
			top:-4px; /* you can change this to change the amount of shadow */
		}

.container {
	height: auto; 
}


/*
	
@media (max-width: 767px) {
		
	for small screens, make the padding at the top of the jumbotron picture
				
	.img {
		width: contain;
	}
	
		
	.well h1 {
		font-size: 150%;
		}
		
	.well h3 {
		font-size: 90%;
	}
	
		
		/* for small screens, make the heading at the top of the jumbotron picture
		
	
	.xs-align-left  {
		text-align:left !important ;
	}	
	
	.xs-align-center {
		text-align:center !important ;
	}
		
	.xs-align-center img {
		margin-left:auto;
		margin-right:auto;
	}
		
	.xs-align-right  {
		text-align:right !important ;
	}

}
	
@media (min-width: 768px) and (max-width: 991px) {
	
	/* for MEDIUM screens, set the padding at the top of the jumbotron picture
	
	.img {
		width: contain;
		}
		
	.backgound-image {
		width: contain;
	}
	
	.well h1{
		font-size: 175%;
		}
	
	.well h3{
		font-size: 100%;
		}
		
	/* for MEDIUM screens, set H2 the heading at the top of the jumbotron picture
	
	.sm-align-left  {
		text-align:left !important ;
	}
	
  .sm-align-center {
		text-align:center !important ;
	}			

	.sm-align-center > img {
		margin-left:auto;
		margin-right:auto;
	}

	.sm-align-right {
		text-align:right !important ;
	}

	.sm-align-right > img {
		float:right;
	}
/*
	.col-lg-4 {
		width: 100%;
	}

	
}
	
@media (min-width: 992px) and (max-width: 1199px) {
	
	/* for LARGE screens, set the padding at the top of the jumbotron picture
	
	.img {
		width: contain;
	}
	
	.well h1{
		font-size: 175%;
		}
	
	.well h3 {
		font-size: 100%;
		}
		
	
	.col-lg-3{
		width: 100%;
	}
	
			
	/* for LARGE screens, set the heading at the top of the jumbotron
		
	
	.md-align-left  {	
		text-align:left !important ;
	}
	
	.md-align-center {
		text-align:center !important ;
	}
	
	.md-align-center img {
		margin-left:auto;
		margin-right:auto;	
	}

	.md-align-right {
		text-align:right !important ;
	}
	
	.md-align-right > img {	
		float:right;	
	}
	
	.col-lg-3{
		width: 100%;
	}
	
}
	
@media (min-width: 1200px) {
	
	  .lg-align-left  {
	    text-align:left !important ;	
	  }
	
	  .lg-align-center {
	    text-align:center !important ;
	  }
	
	  .lg-align-center img {
			margin-left:auto;
			margin-right:auto;
		}
	
	  .lg-align-right {
	    text-align:right !important ;
	  }
	
	  .lg-align-right > img {
			float:right;
		}

}