.btn {
	background-image: url();
}

body
{
	background-color: #white;
    font-family: 'Open Sans', 'Segoe UI', Segoe, 'Segoe WP', Verdana, Arial, sans-serif;
	/*font-family: Arial, serif;*/
	font-style: none;
	/*font-size: 16px;*/
	margin: 0px;
	padding: 0px 0px 0px 0px;
	letter-spacing: 0.03em;
	-ms-overflow-style: scrollbar;
}

@media (max-width: 767px) 
{
	body 
	{
		padding-right: 20px !important;
		padding-left: 20px !important;
	}
}

.noBorderRadius
{
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.bold
{
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6
{
	
}

h1
{
	font-size: x-large;
	font-weight: normal;
}

h2
{
	font-size: large;
}

h3
{	
	font-size: large;
}

h4
{
	font-size: 16px;
}
p
{
}

p.lead
{
}

.visible-tablet > div.span4 > a > img, .visible-desktop > div.span4 > a > img
{
	padding-left: 20px;
}

.cellBottom
{
	/* you must set a height in this element and the parent for vertical-align bottom to work */
	display: table-cell;
	vertical-align: bottom;
}

.height134px
{
	height: 100px;
	overflow: hidden;
}

.height44px
{
	height: 44px;
}

.height90px
{
	height: 90px;
}

.width125px
{
	width: 125px;
	margin-right: 10px;
}

.width112px
{
	width: 112px;
	margin-right: 10px;
}

.width200px
{
	width: 200px;
}

.bgSkyline
{
	background: url('../../img/site/skyline.png') repeat-x;
}

@media all and (-webkit-min-device-pixel-ratio : 2) {
    .bgSkyline {
        background: url('../../img/site/skyline@2x.png');
        background-size: /* 1972px 215px; */ 1325px 134px;
    }
}

.bgWhite
{
	background-color: white;
}

/* link styling */

.aFooter:link, .aFooter:visited, .aFooter:focus
{
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.aFooter:hover
{
	color: lightgrey;
	text-decoration: none;
	font-weight: bold;
}

.aHeader:link, .aHeader:visited, .aHeader:focus
{
	color: #77787a;
	text-decoration: none;
	font-weight: bold;
}

.aHeader:hover
{
	color: #5E5F60;
	text-decoration: none;
	font-weight: bold;
}

.aHeader
{
	font-size: 14px;
	/*line-height: 10px !important;*/
}

.aMobile:link, .aMobile:visited, .aMobile:focus
{
	color: darkgrey;
	text-decoration: none;
	font-weight: bold;
	font-size: large;
	display: block;
	padding: 10px 10px 10px 0px;
	line-height: 26px;
}

.aMobile:hover
{
	color: lightgrey;
	text-decoration: none;
	font-weight: bold;
	font-size: large;
	display: block;
	padding: 10px 10px 10px 0px;
	line-height: 26px;	
}

.aMobile > img
{
	display: inline-block;
	margin-top: -5px;
}

/*ul.inline.unstyled li
{
	line-height:200px;
}*/

.orange
{
	color: #5E5F60;
	box-shadow: 0px 0px 0px 0px #F0B71C;
}

.blue
{
	color: #72d0f5;
	box-shadow: 0px 0px 0px 0px #72d0f5;	
}

.green
{
	color: #D41921;	
	box-shadow: 0px 0px 0px 0px #b2d137;
}

.red
{
	color: #e64c38;	
	box-shadow: 0px 0px 0px 0px #e64c38;
}

.darkblue {
	color: #082141;
	box-shadow:  0px 0px 0px 0px #082141;
}

.lightgreen {
	color: #b2d137;
	box-shadow:  0px 0px 0px 0px #b2d137;
}

.white
{
	color: white;	
}

.bgWhite
{
	background-color: white;
}

/* header */
.jumbotron {
	padding: 0px 0px 0px 0px;
}

@media (max-width: 767px) {
	.jumbotron {
		padding: 0px 0px 0px 0px;
		margin-right: -20px;
		margin-left: -20px;
	}
}

p
{
	/*font-size: smaller;*/
}

.text-small
{
	font-size: small !important;
}

.text-medium
{
	font-size: medium !important;
}

.text-super
{
	font-size: 28px; 
	font-weight: bold;
}

.b
{
	font-weight: bold;	
}

.bgGrey
{
	background-color: #777474;
}

.topMargin0px
{
	margin-top: 0px;
}

.nowrap
{
	white-space: nowrap;
}

.nounderline, .nounderline:hover
{
	text-decoration: none !important;
}

.carousel-control
{
height: 50px;
margin-top: 0;
font-size: 50px;
color: #777474;
text-shadow: 0 1px 1px rgba(0,0,0,.4);
background-color: transparent;
border: 0;
z-index: 10;
}


.oscCircle
{
	-moz-box-shadow: 0px 0px 0px 8px; /* Firefox */ 
	-webkit-box-shadow: 0px 0px 0px 8px; /* Safari, Chrome */
    	box-shadow: 0px 0px 0px 8px; /* CSS3 */
    	backkground-color: white !important;
    	margin: -8px;
    	padding: 8px;
}

/*@media (max-width: 767px) {
	.oscCircle
	{
		margin: 0px -10px;
	}
}*/

/**
* Responsive Twitter Bootstrap fixes for < IE 8 
* Greg Guydo (www.guydoconsulting.com)
* free to use and adapt for all
**/
@media (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),(min-resolution: 1.5dppx) {
	body:after {
		content: 'retina';
		display: none;
        }
}

@media (min-width: 980px) {
  .lt-ie8 .visible-desktop { 
    *display: inline !important; 
    zoom: 1;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .lt-ie8 .visible-tablet,
  .lt-ie8 .hidden-desktop { 
    *display: inline !important; 
    zoom: 1;
  }  
}

@media (max-width: 767px) {
  .lt-ie8 .visible-phone,
  .lt-ie8 .hidden-desktop { 
    *display: inline !important; 
    zoom: 1;  
  }
}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container {
	position:absolute;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

ul {
	list-style-type: none;
  	padding: 0;
  	margin: 8px;
}

li {
 	padding-bottom: 3px;
}
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.announcement {
  background-color: black;
  color: white;
  padding: 10px;
}