/*Logo Area*/
img#logo{
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 0px;
    float: left
}

div.brand{
    padding-left: 125px;
}

.row.navrow{
    margin-left: 0px;
    margin-right: 0px;
}

.brand,
.brand:hover{
    color: #000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*Body and Background*/
body{
    background-color: #F7F7F7;
    font-family: Aerial, sans-serif;
    /*font-weight: bold;*/
}

.button {
	margin-left:15px;
	background-image: linear-gradient(to bottom, #A4D2A4 0%, #C9E4C9 50%, #A4D2A4 100%);
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

#showGraphButton {
	display: none;
}

.container.frame{
    background-color: #fff;
}

div.container.frame{
    padding-left: 0px;
    padding-right: 0px;
    border: 1px solid #808080;
}

div.container.frame h1 {
    color: #4E9428;
    padding-left: 15px;
    
}

div.container.frame h2 {
	color: #4E9428;
	padding-left: 15px;
	
}

div.container.frame h3 {
	color: #4E9428;
	padding-left: 15px;
	
}

div.container.frame h4 {
	color: #4E9428;
	padding-left: 15px;
	text-decoration: underline;
}

div.container.frame p {
	padding-left: 15px;
}

div.container.frame em {
    padding-left: 15px;
    display:block;
}

.container.a {
	color: #4E9428;
	font-size: 13px;
}

.container.a {
	color: #4E9428;
	font-size: 13px;
}

div.container.frame.bar1{
    height: 3px;
    background-color: #000;
    border: 1px solid #000;
}

div.container.frame.bar2{
    height: 3px;
    background-color: #808080;
}



h5 {
	font-size: 110%;
	text-decoration: underline;
}

h5 a {
	font-weight: bold;
}
#onsitetrain {
    padding: 25px;
    margin: 25px;
	font-size: 120%;
}

.container.footer{
    padding-top: 5px;
    padding-bottom: 5px;
}

.container.footer a{
    color: #4E9428;
}

/*Links*/
#page a,
#page a.career:focus,
#page a.career:hover,
#article a,
#article a.career:focus,
#article a.career:hover {
    color: #4E9428;
    text-decoration: underline;
}

#page a:focus,
#page a:hover,
#article a:focus,
#article a:hover {
    color: #1E5B19;
    text-decoration: underline;
}

#page div.bluelinks a,
#article div.bluelinks a {
    color: blue;
}

ol.carousel-indicators,
#page a.carousel-control,
#article a.carousel-control{
    color: #fff;
}

#outSection a {
	color: #4E9428;	
	text-decoration: underline;
}

#myNetwork {
	padding-top: 50px;
    padding-bottom: 50px;
	position: relative;
	align: center;
	width: 1100px;
	height: 500px;
	max-width: 90%;
	max-height: 50%;
	border: 1px solid lightgray;
}

/*Navbar Colors*/
.navbar-default{
    background-image: linear-gradient(to bottom, #A4D2A4 0%, #C9E4C9 50%, #A4D2A4 100%);
    background-color: #A4D2A4; /*IE Compatability*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.navbar-default .navbar-nav > .active > a{
    color: #333;
}

.navbar-default .navbar-nav > li > a,
#nav-stacked a,
#nav-home a{
    color: #454;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus,
.nav-stacked > li.active > a,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus{
    background-image: none;
    background-color: #A4D2A4;
    box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.075) inset;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: rgb(164, 210, 164);
}

/*Dropdown*/
@media (min-width:480px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

/*Navbar collapse tweaks*/
@media (min-width:768px) { 
	.navbar > .row {
	    text-align: center;
	}
	.navbar-header,.navbar-brand,.navbar .navbar-nav,.navbar .navbar-nav > li {
	    float: none;
	    display: inline-block;
	}
    .navbar-header{
        padding-left: 0px;
        padding-right: 0px;
    }
	.collapse.navbar-collapse {
	    float: none;
	    display: inline-block!important;
	    width: auto;
	    clear: none;
	}
}
/*Google Map*/
 .map {
position: relative;
/*padding-bottom: 75%; /*This is the aspect ratio*/
height: 360px;
overflow: hidden;
}
.map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 350px !important;
}

/*Conditional Centering*/

.center-left {
 display: block;
 margin-right: auto;
 margin-left: auto;
 text-align: center;
 }

.center-right {
 display: block;
 margin-right: auto;
 margin-left: auto;
 text-align: center;
 }

@media (min-width: 768px) {

.center-left {
 text-align: left;
 float: left;
 }

.center-right {
 float: right;
 text-align: right;
 }

}

h1, h2, h3{
    font-weight: bold;
}

/*font-variant: small-caps*/


/*Side Nav*/

@media (min-width: 768px){
.affix{
    width: 157px;
    top: 10px;
}
}

@media (min-width: 992px){
.affix{
    width: 213px;
}
}

@media (min-width: 1200px){
.affix{
    width: 263px;
}
}

body{
    position:relative;
}

.padded{
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.paddedcol{
  padding-top: 10px;
  padding-bottom: 10px;
}