html {
	/*font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #666;
	margin: 0;
	text-align: left; */
}
body {
	background: white url("../images/ystbackground.jpg") no-repeat center;
}

html, body {
	height:100%;
}
a {
	text-decoration: none;
	color: #004972;
}

h1 {
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
}

h2 {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}

h3 {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

p {
	text-align: left;
}

.container {
	background-color: #F8F8F8;
}

.col-centered {
	width: 60%;
	margin: 0 auto;
	float: none;
}

/************************** YST Classes (current App)*************************/

.yst-glyph-standard {
	font-size: 22px;
	padding: 2px 10px;
}

.yst-search-box {
	padding:	25px 0;
}


/************************* Bootstrap Overrides ******************************/

/***************************Button ******************************************/
.btn {
	border: none;
	padding: 0;
	font-size: 14px;
}

.btn-default {
	background-color: transparent;
}

.container-fluid {
	padding: 0;
}

.breadcrumb {
	padding: 8px 0px;
}
#footer.container {
	padding:	25px 0;
	background-color: #004972;
	color:	#e8e8e8;
}

#footer.container a {
	padding:	5px 20px;
	color:	#e8e8e8;
}
/*************************** Navbar ******************************************/


.navbar-collapse {
	background-color: #004972;
}

#fixed-top {
	padding: 0;
	background-color: #004972;

}

.navbar-default .navbar-nav > li > a {
	color: #E8E8E8;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #F8F8F8;
}


.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {

	color: #FFF;
	background-color: transparent;

}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
	background-color: transparent;
	color: #F8F8F8;
}

.dropdown-menu {
	background-color: #004972;
	border-color:  #004972;
}

.dropdown-menu > li > a {
	color: #F8F8F8;
	background-color: #004972;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	color: #F8F8F8;;
	text-decoration: none;
	background-color: #004972;
}

#navbar-top {
	background-color: transparent;
	border: none;
}

#navbar-top.container-fluid {

	background-color: transparent;
}
#teaser {
	text-align: center;
	padding: 50px 0 0 0;
}

#teaser img {
	padding: 5px 10px;
}

#teaser h2 {
color: #004972;
font-size: 35px;
font-weight: 700;
}

#content {
	padding-bottom: 80px;
}

.table > tbody > tr > td {
	padding: 5px 8px;
}

@media (max-width: 767px) {
	.navbar-default .navbar-toggle {
		margin-right: 50px;
	}
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
 	   background-color: transparent;
	}

	.navbar-nav .open .dropdown-menu > li > a  {
		color: #E8E8E8;
	}

	.navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-nav .open .dropdown-menu > li > a:focus {
		color: #FFF;
	}

}
/*************************** Current Definition Ends here ********************/

/*
#viewport {
	background: #EEE;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	width: 100%;
	min-height: 200px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid black;
}



#content-container {
	min-height: 750px;
}

#left-container {
	width: 20%;
	float: left;
	/*border: 1px solid blue;
}

#main-container {
	width: 78%;
	padding: 10px 0;
	float: left;
	/*border: 1px solid green;
}

.clear {
	clear: both;
}

.csc-default {
	padding-left: 20px;
}
*/