body { background-color: #003366; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }


/* ============== WRAPPERS =============== */

#body-wrapper { background-color: #ffffff; }

#header-wrapper { background-color: #ffffff; }


/* ============= NAVIGATION ============= */

#menu { font-size: large; color: #ffffff; font-weight: bold; text-align: center; }

#quick-links-header { font-size: small; border-bottom: ridge white 0.5px; } /* border-bottom introduces a thin line of separation between top nav and main nav which doesn't show on small screens */

.navbar-brand { height: 65px;  }
#quick-links-header img { height: 65px; }
#mainNav img { height: 63px; padding-left: 0; }

.navbar { margin-bottom: 0; border: none; } /* makes the two navbars of the header appear seamless */

/*
This was the fix, as below, amended before the #quick-links-header and #mainNav were separated.
.navbar .navbar-default { border: none; }
.navbar .navbar-brand { padding-top: 10px; }
.navbar .navbar-brand img { height: 60px; } 

This was a fix, found online, for the logo img to fit within the navbar height.
.navbar .navbar-default { border: none; }
.navbar .navbar-brand { padding-top: 0; }
.navbar .navbar-brand img { height: 50px; }  */

.pager li > a, .pager li > span { color: #337ab7; }

/* ============ JUMBOTRON ============ */

.jumbotron  { background: #003366; /* For browsers that do not support gradients */
              background: -webkit-linear-gradient(#003366, #0059b3); /* For Safari 5.1 to 6.0 */
              background: -o-linear-gradient(#003366, #0059b3); /* For Opera 11.1 to 12.0 */
              background: -moz-linear-gradient(#003366, #0059b3); /* For Firefox 3.6 to 15 */
              background: linear-gradient(#003366, #0059b3); /* Standard syntax (must be last) */ 
              margin: 0; padding: 10px;
	}
	
.jumbotron, h1  { color: white; text-shadow: -2px 1px #000000; }


/* ============= SIDEBAR ============== */

#sidebar, .breadcrumb { margin-top: 15px; }

/*  .membersOnly only shows when logged in  */



/* ============== IMAGES ============== */

.thumbnail img { height: auto; width: 100%; }

#qtr .thumbnail { background-image: url("images/WelcomeBalloon_260x263.jpg"); background-repeat: no-repeat; }

.img-thumb-cap { padding: 15px 0 15px 15px; }

.alpha { list-style-type: lower-alpha; }

img { padding: 5px 10px 15px 10px; }

.banner-img { padding: 0px; width: 100%; height: auto; max-height: 400p; } /* removes the img padding so that the image fills the carousel-inner */



/* ============= TYPOGRAPHY ============== */

h2 { color: #003366; text-shadow: 0.1px 0px #003366; }

#terms { background-color: #f8f8f8; padding-top: 15px; }
#terms, ul, li { padding-left: 15px; }

dt { padding-top: 10px; color: #003366; }



/* ============ CAROUSEL ============== */

.carousel-control.left, .carousel-control.right { background-image: none;  height: auto; } /* removes the horrid gray background */

/* use these if you use captions at some point */
/* .carousel-inner { font-weight: bold; }

.carousel-caption { font-size: 20px; background: rgba(0,0,0,0.4); }

.carousel-caption h3 { font-size: 32px; } */


/* #slide1 { background: url('../images/banners/birds-1200x480.png') top center no-repeat; }

#slide2 { background: url('../images/banners/birds-1200x480.png') top center no-repeat; }

#slide3 { background: url('../images/banners/birds-1200x480.png') top center no-repeat; } */


/* ==============  SITEMAP  ================= */

.level1 { font-size: 20px; padding: 20px 0px 5px 0px; }
        .level2 { margin-left: 35px; font-size: 16px; padding: 10px 0px; }
        .level2 a { font-size: 18px; }
        .level3 { margin-left: 70px; font-size: 16px; padding: 7px 0px;}


/* ============ GLOBAL STYLES ============= */




/* ============= MEDIA QUERIES ============ */

/* --- Portrait and landscape phones --- */

@media (max-width: 480px) {  }

/* --- Landscape phone to portrait tablet --- */

@media (max-width: 768px) {  }

/* --- Large desktop --- */

@media (min-width: 1200px) {  }