@charset "utf-8";
/* CSS Document */

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-right: 15px;
  padding-left: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

p {margin-bottom: 20px;}
ul {line-height: 28px;}

.carousel-caption .carHead {font-weight:bold; color:#FFF; text-shadow:#000;}

.devicesImg {margin-bottom: 5px;}
.rectImgs {width: auto;}

.circular-images {text-align: center; margin-bottom: 10px; }
.circular-images img {margin-bottom: 10px;}
.mainImg img {margin: 0 auto;}
.dropshadow img {-moz-box-shadow: 3px 3px 5px #667; -webkit-box-shadow: 3px 3px 5px #667; box-shadow: 3px 3px 5px #667;}
.button-links {text-align: center;}
.overviewLinks {margin-bottom: 20px;}
.alert {text-align: center; margin: 0px; padding: 0px;}
.alert h4 {margin: 0px; padding: 0px;}
.alert h4 a {color: #900;}
.alert h4 a:hover {color: #7B7B7B;}
.deptLinks {text-align: center; margin-bottom: 5px;}

.col-sm-6 {width: 50%; float: left;}
.featurette-divider {margin: 20px 15px 20px 15px;}
.smallTitle {text-align: center; font-size: 30px;}
.note {text-align: center; font-size: 14px; margin-bottom: 15px;}
.note2 {text-align: center; font-size: 14px; margin-bottom: 5px;}
.modal-body {padding: 20px 20px 5px 20px;}
.modal-footer {margin-top: 0px;}

.accordion {margin-bottom: 25px;}
.accordionPointer {cursor: pointer;}
.toggler {margin: 0px; padding: 2px 8px;}
.ddePrograms {padding: 5px 15px;}
.ddeTuts {padding: 5px 15px;}
.ddeCourses {margin-bottom: 10px;}
.courseListing {padding-left: 10px; line-height: 28px;}
.lastPara {margin-bottom: 0px;}
.tutPics {margin: 0 auto;}
.tutPics2 {float: left; padding-right: 10px;}

.table tbody > tr > td {padding: 5px 12px !important;}
.table thead > tr > th {border: none !important; padding: 20px 5px 8px 5px !important;}

.modal {position: fixed;}
.modal-body {padding: 15px; overflow-y: auto; height: 100%;}
body.modal-open {position: fixed; width: 100%;}

.top {padding-bottom: 3px;}
.footerNote {font-size: 14px; float: left; text-align: left; padding: 8px 0px 0px 0px;}

#f {margin-top: 20px; border-top: 50px solid #DDDDDD;}
ul.ddeMenuBarList {padding-left: 0px;}
.ddeMenuBarList > li {line-height: 45px; display: inline-block; color: #D3D3D3; padding-right: 20px; list-style: none outside none;}
.ddeMenuBarList a {color: #D3D3D3; text-decoration: none; cursor: pointer; font-size: 86%;}
.ddeMenuBarList a:hover {color: #FFFFFF; text-decoration: underline;}
#ddeMenuBar {height: 45px; width: 100%; background-color: #323232;}
#headerwrap {padding-top: 12px; padding-bottom: 0px; background-color: #000;}

/*.navbar {min-height: 45px !important; width: 100%; background-color: #323232;}
.navbar-inverse .navbar-nav > li > a {color: #D3D3D3; text-decoration: none; cursor: pointer; font-size: 86%;}
.navbar-inverse .navbar-nav > li > a:hover {color: #FFF; text-decoration: underline;}
.nav > li > a {padding: 13px 23px 10px 0px;}

.navbar-inverse .navbar-toggle {border-color: #FFF;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background: color: #999;}
.navbar-toggle {margin-top: 12px;}*/

@media (max-width: 767px) {
	.logo {display: none !important;}
	.largeTitle {display:none !important;}
	#content {padding-top: 0px;}
}
@media (min-width: 768px) {
	.featurette-divider {display: none;}
	.smallTitle {display: none;}
	#content {padding-top: 20px;}
}
@media (max-width: 464px) {
	.circular-images img {width: 25% !important;}
	.buttonDesc {margin-bottom: 15px;}
	.overviewLinks {margin-bottom: 10px;}
}
@media (min-width: 465px) {
	.col-sm-4 {width: 33.33333333333333%; float: left;}
}
@media (max-width: 767px) {
	.circular-images img {width: 50%;}	
}
@media (min-width: 768px) {
	.circular-images img {width: 50%;}
}
@media (min-width: 992px) {
	.circular-images img {width: 50%;}	
}
@media (min-width: 768px) {
	.col-sm-3 {width: 25%;}
	.col-sm-9 {width: 75%; float: left;}	
}