body {
    height:100%;
    width:100%;
    font-family: Arial, Helvetica, sans-serif; 
	font-size:17px;
line-height:21px;
}

h1,h2,h3,h4,h5 {
    font-family: 'Open Sans', sans-serif;
}

.large{
font-size:150%;
}

h1{
color:#C42126;
}
.border {
    border: 1px solid red;
}


/* Make all images responsive */
img {
  display: block;
  max-width: 100%;
  height: auto;
}
.wrapper,
#wrapper {
    max-width: 1400px;
    padding: 0px; 
    margin: 20px auto;
    background-color: white;
border:0px solid red;
}


#content{
margin:0;
padding:0 0 50px 0;
}

#content h1{
margin: 10px auto;
text-align:center;
}

#content [class*="col-"]:not(:last-child){
margin-bottom: 25px;
}

nav {
    background-color:  transparent !important;
    border: 0px !important;
    padding: 0px;
    margin-bottom: 0px !important;
}
.img-inline-left {
    float: left;
    margin-top: 5px;
    margin-right: 15px;
    margin-bottom: 10px;
}


body#products #product-search-form {
margin:20px auto !important;
text-align:center;
border:0px solid red;
}

body#products #product-search-form .form-control{
margin: 1px auto;
display:inline !important;
}

/* Hover to open dropdown menus */
@media (min-width: 979px) {
	ul.nav:not(#navfooter) li.dropdown:hover > ul.dropdown-menu {
	display: block;
  	}
}

@media (max-width: 991px) {

	#top-myaccount-info {
        margin-top:30px !important;
        }
}

.center-text {
    text-align: center;
}
.underline {
    text-decoration: underline;
}
.padding {
    padding: 15px;
}
.nopadding {
    padding: 0px !important;
}
.nomargin {
    margin: 0px !important;
}
/* Define a modal type that is transparent with a white close button */
div.photoModal .close {
    opacity: 1;
    color: white;
    margin-left: 20px;
    margin-top: -25px;
}

div.photoModal .modal-content {
    background-color: transparent;
    box-shadow: none ;
    border: 0px;
}
div.photoModal .modal-dialog{
    display: table;
    width: auto;
    margin-top: 20px;
}
div.photoModal .modal-body {
    padding: 0px;
    padding-top: 15px;
}
div.photoModal .modal-body img {
max-height: 600px;
}
ul.staff {
padding-left: 15px;
margin-left: 0px;
}
ul.staff li {
text-align: center;
width: 275px;
margin-bottom: 40px;
cursor: pointer;
vertical-align: top;
}
ul.staff li h4 {
font-weight: bold;
margin-bottom: 5px;
}
ul.staff li img {
margin: 0 auto;
border:2px solid #679fd2;
}

body#staff [li]:not(:last-child){ 
margin-bottom: 40px;
}

body#coordinators #content table{
margin: 20px 0;
}

body#coordinators #content ul{
margin: 20px 0;
}

body#coordinators #content ul li {
max-width:600px;
max-height:350px;
margin:7px 0;
}

body#coordinators #content ul li div{
margin:0;
padding:20px 35px;
border:1px solid #efefef;
}



/* Site specific colors */
.blue {
    color: #679fd2;
}
.red {
    color: #ba172d;
}

#logo {
margin:0 0 25px;
color:#C42126;
font-size:20px;
}

#logo img {
    margin: 0 auto;
    max-width: 400px;
}

body#home #home-buttons{
margin:30px auto;
max-width:300px;
}

body#home #home-buttons .btn{
display:block;
margin-bottom:20px;
}

body#home #home-buttons a{
font-size:160%;
}


nav.navbar {
    width: 100%;
    border-bottom: 5px solid #679fd2 !important;
    border-radius: 0px;
}

ul.nav li a {
    color: black !important;
}
ul.nav > li a:hover,
ul.nav > li.active > a {
    background-color: #679fd2 !important;
    color: white !important;
}

.row#header {
margin:0 auto;
border:1px solid #ccc ;
padding:10px;
width:100%;
}

#header-navbar {
    padding-left: 0px;
    padding-right: 0px;
}



#footer {
max-width: 1300px;
margin:0 auto 30px auto;
padding:30px;
background-color:#eee;
text-align:center;
}

#navfooter li {
display: inline-block;
}
#navfooter li.dropdown span {
    display: none;
}
/* 
******** MEDIA ******************* 
*/


@media (max-width: 978px) {
 
   #header-navbar li a {
        font-size: 15px;
    }

#logo img {
max-width: 200px;
color:#679fd2;
}

    div.carousel-caption {
        font-size: 100%;
    }
ul.home-blocks > li {
    padding: 0px;
    vertical-align: top;
    max-width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 0px #888888;
}
ul.home-blocks > li  img {
margin: 3px auto;
}
ul.home-blocks > li h3 {
    font-size: 120%;
margin-top: 10px;
}
ul.home-blocks > li div {
max-width: 400px;
padding: 5px;
position: relative;
    background-color: transparent;
    color: black;
    z-index: 0;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    font-size: 15px;
    text-align: center;
}
ul.home-blocks > li div ul {
    text-align: left;
}

}


@media (max-width: 768px) {
    body {
        padding-top: 0px;
    }
    .wrapper,
    #wrapper {
        padding: 0px;
    }
    #logo {
        margin: 0 auto 30px auto;
         position: relative;
    }
    #logo img {
         max-width: 85%;
    }
    #tagline {
    margin-right: 0px;
        font-size: 120%;
        margin: 0px;
        text-align: center;
    }

    #header-navbar ul {
        float: none !important;
    }
    #header-navbar li {
        text-align: center;
        float: none;
    }
    #header-navbar li.active a {
        color: #DE1213;
    }
    #header-navbar li a {
        border: 0px;
        font-size: 20px;
    }
    #home-carousel .item img {
        min-height: 300px;
        width: 100%;
    }
    div.carousel-caption {
        line-height: 30px;
        left: 0;
        bottom: 50% !important;
        transform: translateY(50%) !important;
        display: block;
        width: 100%;
        font-size: 130%;
    }
    ul.service-area li {
        max-width: 100%;
    }
    ul.service-area li img {
        width: 100%;
        margin: 10px auto;
        box-shadow: 10px 10px 5px #888888;
    }
    ul.service-area li a {
        margin-bottom: 25px;
    }
    div.parallax {
        background-position: 70% 0%;
        background-attachment: scroll;
    }
    div.parallax .parallax-content {
        width: 95%;
        text-align: center;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }
    div.parallax .parallax-content h1 {
        font-size: 31px;
    }
    .read-more-trigger {
        display: block;
        width: 45%;
        margin: 5px auto;
    }
    img.img-inline-left {
        float: none;
        margin: 10px auto !important;
        max-width: 100% !important;
    }
    button.navbar-toggle {
    border: 1px solid #DE1213 !important;
        
    }
    button.navbar-toggle .icon-bar {
    background-color: #DE1213 !important;
    }
    #secondary-conferencing-photos li {
        width: auto;
    }
}

@media (max-width: 500px) {
    ul.photo-gallery-list.list-inline > li {
        display: block !important;
    }
    ul.photo-gallery-list.list-inline > li img {
        margin: 10px auto;
    }
    ul.staff {
	padding-left: 0px;
        margin: 5px auto;
    }
    #cta {
        min-height: 400px;
    }
    #cta #contents h1 {
        margin-top: 0px;
	margin-bottom: 30px;
    }
    #cta img {
        display: none;
    }
    .desktop-only {
        display: none;
    }
}