@charset "utf-8";
/* Main Styles */
@import url("reset.css");
@import url("fonts.css");

body,html{
	width: 100%;
	height: 100%;
	overflow: visible;
	background-attachment: fixed !important;
}
body.skrollable, #station.skrollable {
	background-attachment: fixed !important;
}

body {
}
h1 {
	font-size: 30px;
	line-height: 100%;
	margin-bottom:10px;
}
h2 {
	font-size: 23px;
	margin-bottom:5px;
}
h3 {
	font-size: 18px;
	margin-bottom:5px;
}

h4 {
	font-size: 16px;
	margin-bottom:5px;
	text-transform: uppercase;
}
h5 {
	font-size: 14px;
	margin-bottom:5px;
	text-transform: uppercase;
}
.hiLite {
	color: #FF8C0D;
}
.btn {
	font-size: 1.0em;
}
.btn .fa {
	font-size: 0.8em;
}
.btn-primary {
	font-size: 1.2em;
	line-height: 1.4em;
	display: block;
	cursor: pointer;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
	color: #fff;
	background: #005A7A;
	background-color: rgba(201,34,2,0.7);
}
.btn-primary .fa {
	font-size: 0.9em;
}

a {color: #FF3B00; text-decoration: none;}
a:hover, a:active { color: #FF8C0D;}
abbr,acronym {border-bottom: 1px dotted #A17128;}
cite { font-style:italic; }
del { text-decoration: line-through; }
sup {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
	}
sub {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	bottom: -0.4em;
	}


/* LAYOUT */
#banner {
	height: auto;
}
#heroBanner {
	height: auto;
	display: none;

}
#toplinks {
	height: auto;
	padding: 10px 0 0 0;
	margin: 0px auto 10px auto;
	text-align: right;
	font-size: 11px;
	position: relative;
	z-index: 100;
	display: block;
}
#toplinks a {
	color: #FFF;
}
#header {
	background-color:rgba(0,0,0,0.7);
	border-top:1px solid rgba(201,34,2,0.50);
	border-bottom:1px solid rgba(201,34,2,0.50);
	margin-bottom: 10px;
	height: auto;
	position: relative;
	z-index: 100;
	min-height: 80px;
}
#headerContent {
	height: auto;
	margin: 0 auto 0px auto;
	position: relative;
	padding: 0px 0 0 0;
}

#appTitle {
	display: block;
	padding-top: 140px;
	width: 156px;
	overflow: hidden;
	height: 0;
	background: url(images/edCrestLogoSmall.png) left top no-repeat;
	background-size: 100%;
	margin: 0px 0 0px 0;
	text-decoration: none;
	z-index: 110;
	position: absolute;
	top: -25px;
	left: 0px;
}

nav-toggle {
	display: none !important;
}
.nav-collapse {
	display: none !important;
}

h1 { font-size: 28px;}
h2 { font-size: 22px;}
h3 { font-size: 16px;}
h4 { font-size: 14px;}
#content, #homeMsg {
	padding: 5px 15px 15px 15px;
}
.cols .widget {
	padding-bottom: inherit;
	margin-bottom: 2em;
}
.widget-content article {
	margin-left: 140px;
}

.widget-content article img.thum {
	width: 120px;
	height: auto;
	float: left;
	margin-left: -140px;
}
.container-fluid {
	padding: 0;
}
.dl-horizontal dt {
	float: none;
	width: auto;
	clear: none;
	text-align: left;
}
.dl-horizontal dd {
	margin-left: 0;
}
.container {
	width: auto;
}
.row-fluid {
	width: 100%;
}
.row,  .thumbnails {
	margin-left: 0;
}
.thumbnails > li {
	float: none;
	margin-left: 0;
}
div[class*="span"],  .uneditable-input[class*="span"],  .row-fluid [class*="span"] {
	display: block;
	float: none;
	width: 100%;
	margin-left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.span12,  .row-fluid .span12 {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.row-fluid [class*="offset"]:first-child {
	margin-left: 0;
}
.input-large,  .input-xlarge,  .input-xxlarge,  input[class*="span"],  select[class*="span"],  textarea[class*="span"],  .uneditable-input {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.input-prepend input,  .input-append input,  .input-prepend input[class*="span"],  .input-append input[class*="span"] {
	display: inline-block;
	width: auto;
}
 .controls-row [class*="span"] + [class*="span"] {
 margin-left: 0;
}
.modal {
	position: fixed;
	top: 20px;
	right: 20px;
	left: 20px;
	width: auto;
	margin: 0;
}
.modal.fade {
	top: -100px;
}
.modal.fade.in {
	top: 20px;
}
.i_gal {
	width: 101% !important;
	padding: 10px 0px 5px 10px !important;
}
.i_gal a {
	position: relative;
	display: block;
	float: left;
	width: 29%;
	height: 85px;
	padding: 5px;
	background-color:rgba(0,0,0,0.6);
	margin: 0 5px 5px 0;
}
.i_gal a span img{
	max-width: 150%;
}