/* Global CSS */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
body {
    font-family: 'Open Sans', sans-serif;

}

.background_grey {
    background-color:#ebebeb;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
border-color:#dd550c;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    overflow:visible;
}

.breadcrumb {
margin-top:15px;
}


.btn-custom1 {
color: #fff;
background-color: #dd550c;
border-color: #f68026;
border-radius:0em;
}

.btn-custom1:hover, .btn:focus {
color: #fff;
text-decoration: underline;
border-radius:0em;
}

.btn-custom2 {
color: #fff;
background-color: #496e9c;
border-color: #496e9c;
border-radius:0em;
}

.btn-custom2:hover, .btn:focus {
color: #fff;
text-decoration: underline;
border-radius:0em;
}


 /* Adjusts the navigation bar so it has the bootstrap attributes for ul,ol,li */

li.bootstrap_li {
background: none;
line-height: 1.428571429;
font-size: 14px;
margin: 0px;
padding: 0px;
list-style-image:none;
list-style-position:none;
}


li { 
    list-style-image: url("http://www.eng.auburn.edu/images/arrow.jpg");
    line-height: 1.5em;
    font-size: 14px;
    margin: 5px 15px;
    margin-top: 0px;
    padding: 0 0 0px 8px;
    list-style-position:outside;
 }
 
 ol {
     margin-left:1%;
 }
 

a {
color: #03244d;
}

.row {
    margin-right:0px; 
    margin-left:0px; 
}

#sidebar .nav-header {
color: #496e9c;
font-size: 14px;
font-weight: bold;
}

/*Header CSS*/
#headcontain {
    background-color: #03244d;
}

#ginnhead {
    /*margin-bottom:.5%;*/
}

#navcontain {
    background-color: #dd550c;
	height:30px;
}

.header-img {
    float:left; 
    margin-top:1%; 
    width:45%;
}

.header-img-eng {
    float:left; 
    margin-top:5.5%; 
    width:50%;
    margin-left:1.25%;
}

.first-top-link {
    margin-left:-15px;
}

.search-div1 {
    background-color:#ffffff;
    border:1px solid #4c72a1;
}

.search-div2 {
    background-color:#ffffff; 
    height:27px; 
    margin-top:2px; 
    margin-left:2px;
}

.small-social {
 
}

.card {
background: #fff none repeat scroll 0 0;
-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.15);
-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.15);
box-shadow: 0 0 5px 1px rgba(0,0,0,0.15);
margin-bottom: 20px;
color: #666;
}

#sidebar a{
    text-decoration:none;
}



#sidebar .nav-header {
color: #496e9c;
font-size: 14px;
font-weight: bold;
border-left:none;
}

.sidebar{
    margin-top:15px;
}


.last-updated {
clear: both;
color: #bbb;
font-style: italic;
text-align: right;
}

.orange-bar {
background: #f68026;
display: block;
font-size: 1px;
height: 2px;
margin: 5px 0px;
}

.upLink{
  text-decoration:none;
  display: block;  
}

#pre-subNav a {
  padding: 5px 0px 5px 15px;
  margin-top:10px;
  text-decoration:none;
  display: block;
}
#pre-subNav a:hover, a:focus {
  color: #03244d;
  font-weight:500;
  border-left:2px solid #f68026;
  margin-left:-2px;

}

.subNav{
}

.subNav a {
/*transition: all 0.2s linear;*/
text-decoration:none;
padding: 5px 0px 5px 30px;
display: block;
}

.subNav a:hover, a:focus {
  color: #03244d;
  font-weight:500;
  border-left:2px solid #f68026;
  margin-left:-2px;
}
.related-subNav a {
/*transition: all 0.2s linear;*/
text-decoration:none;
padding: 5px 0px 5px 30px;
display: block;
}

.related-subNav a:hover, a:focus {
  color: #03244d;
  font-weight:500;
  border-left:2px solid #f68026;
  margin-left:-2px;
}

.sidebar-white a {
color: #496e9c;
}

.navbar {
margin-bottom: 5px;
height:30px;
min-height:30px;
/*z-index:6;*/
}

.carousel-indicators .active {
background-color: #ffffff;
}


#cee_load {
    background-image: url(none);
}


.navbar-default .navbar-toggle {
border-color: #ffffff;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #ffffff;
}



.navbar-brand {
float: left;
padding: 5px 5px;
padding-top:3px;
font-size: 18px;
line-height: 20px;
display:none;
}


.navbar-default .navbar-brand {
color: #ffffff;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #ffffff;
}

.navbar-default .navbar-nav>li>a {
color: #dd550c;

}

.navbar-nav>li>a {
padding-top: 5px;
padding-bottom: 5px;
}

.navbar-default .navbar-nav>li>a {
color: #ffffff;
}

.navbar-toggle {

padding: 5px 4px;
margin-top: 2px;
margin-right: 15px;
margin-bottom: 1px;
height:25px;

}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #f68026;
}

.navbar-default {
background-color: #dd550c;
border:none;
z-index:99;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
color: #ffffff;
background-color: #f68026;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
color: #F0F0F0;
}

.navbar-default .navbar-nav>.dropdown>a .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}

.navbar-default .navbar-nav>.dropdown>a:hover .caret, .navbar-default .navbar-nav>.dropdown>a:focus .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}

.nav-large-display {
width:600px;
padding:12%;
}

.nav-dept-display {
width:800px;
padding:4%;
margin-left:-400px;
}

.dept-menu-adjust-l {
	float:left;
	margin-left:2.2%;
}

.dept-menu-adjust-r {
	float:right;
	margin-left:2.2%;
}

ht-links {
	padding:0px;
	text-align:center;
}

.ht-search{
    width:170px;
    padding-right:0px;
}


#ht-links a{
	text-decoration: none;
	color:white;
	font-size: .80em;
	text-align: center;
	padding-left:1.3%;
}

#headtools {
	padding: 1%; 
	padding-top: 2%;
    padding-right:0px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	width: 300px;
	text-align: center;
	float:right;
}

#headtools ul >li {
	list-style-type: none;
	float: left;
}

#carousel-contain {
	padding:0px;
}

#graphic {
	padding:0px;
}

#page-content {
    padding:0px 0px 15px 0px; 
    background-color:#ffffff;
    border-right: 1px solid #d7d7d7; 
    border-left: 1px solid #d7d7d7; 
    border-bottom: 1px solid #d7d7d7; 
    background-color:#ffffff; 
}

#explore {
	margin-top:10px;
	padding-left:0px;
    padding-right:0px;
}

#news {
	margin-top:10px;
    background-color:#ffffff;
    
}
#events {
	padding-top:10px;
	padding-right:0px;
}

#footer {
	padding:0px;
	min-height:0px;
}

.q {
	height: 20px;
	border: none;
	margin-top: 2px;
	float: left;
	font-size: 1em;
	padding: 2px;
	vertical-align: middle;
	color: #333;
	width: 220px;
	margin-left: -8px;
}

.qs {
    height: 20px;
	border: none;
	margin-top: 1px;
	float: left;
	font-size: .65em;
	padding: 2px;
    padding-bottom: 1px;
	vertical-align: middle;
	color: #333;
	width: 120px;
	margin-left: -10px;
}

.search-image button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	text-indent: -9999px;
	background-image: url(../img/layout-images/mag-glass.png);
	width: 20px;
	height: 22px;
	float: right;
	background-repeat: no-repeat;
	margin-right: 5px;
	margin-top: 5px;
	background-color: #FFF;
	border: none;
	text-transform: uppercase;
}


.search-image-s button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
	text-indent: -9999px;
	background-image: url(../img/layout-images/mag-glass.png);
	width: 20px;
	height: 22px;
	float: right;
	background-repeat: no-repeat;
	margin-top: 1%;
	background-color: #FFF;
	border: none;
	text-transform: uppercase;
}


.space-off {
	padding:0px;
	margin:0px;
}



#socialmedia {
	margin-top: 5px;
	padding-left: 0%;
	padding-right: 0%;
	outline: 0;
	font-style: inherit;
	width:350px;
}

#socialmedia ul {
	width:350px;


}

#socialmedia li a {
	display: block;
	background: transparent url("http://eng.auburn.edu/img/layout-images/sprites-social-footer.png") scroll no-repeat 0 0;
	text-indent: -3000px;
	width: 45px;
	height: 45px;
}

#socialmedia li {
	padding:0px;
	margin:0px;
	padding-right:4.7%;
	
}
#socialmedia a.facebook {
	background-position: 0px -50px;
}
#socialmedia a.facebook:hover {
	background-position: 0px 0px;
}
#socialmedia a.twitter {
	background-position: -50px -50px;
}
#socialmedia a.twitter:hover {
	background-position: -50px 0px;
}
#socialmedia a.youtube {
	background-position: -100px -50px;
}
#socialmedia a.youtube:hover {
	background-position: -100px 0px;
}
#socialmedia a.flickr {
	background-position: -150px -50px;
}
#socialmedia a.flickr:hover {
	background-position: -150px 0px;
}
#socialmedia a.instagram {
	background-position: -200px -50px;
}
#socialmedia a.instagram:hover {
	background-position: -200px 0px;
}


.carousel-indicators {
bottom: auto;
left: auto;
right: 10px;
text-align: right;
bottom: -7px;
}

.panel {
border: 1px solid #ddd;
border-radius: 1px;
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.05);
box-shadow: 0 3px 3px rgba(0,0,0,0.05);
}

#action-menu {
	height:346px;
}

#action-image { 
    width:100%;
    margin-top:4%;
}

#action-nav{
	width:72%;
	margin-top:2%;
	margin-left:13%;
}

.quicklinks_col {
float: left;
margin-left:2%;
padding: 15px 0 0px 0px;
line-height: 1.8;
margin-bottom: 0px;
font-size:90%;
}

#row1 {
background-color: #03234a;
overflow: hidden;
border: 1px solid #a7a5a5;
border-top: 0px solid #a7a5a5;
width: 100%;

}

#row2 {
background-color: #496e9c;
border: 1px solid #a7a5a5;
border-top: 1px solid #ffffff;
display: none;
overflow: hidden;

}

.drawer {
	padding-left:5%;
}

.orange-header-text {
color: #ea7025;
font-weight: bold;
text-decoration: underline;
magin-bottom:10%;
}

.newsItem {
margin-bottom:5%;

}

.calItem {
width: 100%;
margin: 10px 0px 5px 0px;
padding: 0px;
margin-left: 0px;
padding-left: 0px;
float: left;
position: relative;
text-align: left;
}


/*
.calDate {
width: 15%;
float: left;
margin: 0px 3px 0px 3px;
padding: 0px;
margin-left: 0px;
padding-left: 0px;
color: #DD550C;
text-align: center;
font-weight: normal;
font-size: 125%;
text-transform: uppercase;
line-height: 16px;
}
*/

.calDate {
width: 23%;
float: left;
margin: 0px 3px 0px 3px;
padding: 0px;
color: #DD550C;
text-align: center;
font-weight: normal;
font-size: 125%;
text-transform: uppercase;
line-height: 16px;
}

/*
.calday {
font-size: 18px;
clear: both;
display: block;
margin-left: 0px;
padding-left: 0px;
width: 25px;
}
*/
.calday {
font-size: 18px;
clear: both;
display: block;
}

/*
.calmonth {
font-size: 12px;
clear: both;
display: block;
margin-left: 0px;
padding-left: 0px;
width: 25px;
}
*/

.calmonth {
font-size: 12px;
clear: both;
display: block;
}


/*
.calEvent {
width: 80%;
float: left;
font-size: 12px;
font-weight: bold;
padding: 5px 0px 0px 0px;
color: #466d98;
line-height: 16px;
}
*/

.calEvent {
width: 72%;
float: right;
font-size:12px;
font-weight: bold;
padding: 5px 0px 0px 0px;
color: #466d98;
line-height: 16px;
}

.quicktab {
background: url(https://eng.auburn.edu/img/layout-images/resource-bar.jpg) 0 0 no-repeat;
width: 100%;
height: 28px;
display: block;
text-indent: -9999px;
float: right;
padding-right: .9999999999%;
outline-style: none;
outline-width: medium;
background-color: #000000;
}

a.quick-links-link {
float: none;
text-align: left;
color: #ffffff;
font-size:13px;
margin:0px;
padding:0px;
}

.quick-links-link {
float: none;
text-align: left;
list-style: none;
}

.carousel-caption {
background: #f4f4f4;
background: rgba(240,240,240,0.6);
border-top: 1px solid #03244d;
bottom: -27px;
height: 60px;
left: 0;
overflow: hidden;
padding: 0 10px;
position: absolute;
right: 0;
text-align: left;
text-shadow: none;
transition: bottom 0.8s;
-webkit-transition: bottom 0.8s;
}

.carousel-caption h4, .carousel-caption p {
color: #03244d;
font-family: "Open Sans",Arial,Verdana,sans-serif;
line-height: 15px;
margin-top:9px;
font-weight:bolder;
}




@media only screen and (max-width: 767px){	

body {
	font-size:14px;
}

.container {
padding: 0px;
margin: 0px;

}

.row {
margin-right: 0px;
margin-left: 0px;
}

/* CSS WYSIWYG Dropdown */
.img_full {
    width:100%;
    height:auto;
}
/* End CSS WYSIWYG Dropdown */


.header-img {
	/*margin-top:-1.5%;*/
	margin-left:-.5%;
}


#headtools{
	width:90%;
	float:left;
	margin-left:5%;
}

#socialmedia ul {
	width:auto;

}

#socialmedia li {
	padding:0px;
	margin:0px;
}


.navbar-default .navbar-nav>li>a {
color: #03244d;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
color: #03244d;
}

.navbar-default .navbar-nav>.dropdown>a .caret {
border-top-color: #03244d;
border-bottom-color: #03244d;
}

.navbar-default .navbar-nav>.dropdown>a:hover .caret, .navbar-default .navbar-nav>.dropdown>a:focus .caret {
border-top-color: #03244d;
border-bottom-color: #03244d;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #e6e6e6;
background-color: #eeeeee;
}
.navbar-collapse.in {
overflow-y: auto;
background-color: #eeeeee;
}	

.navbar {
/*z-index:10;*/


}

.navbar-brand {
display:inline;
}

.nav-dept-display {
width:600px;
padding:4%;
margin-left:0;
}

#socialmedia {
	width:100%;
}

ul {


}

.dept-menu-adjust-l {
	float:none;
	width:100%;
}

.dept-menu-adjust-r {
	float:none;
	width:100%;
}

#action-menu {
	width:100%;
	height:auto;
	background-color:#ebebeb;
}

#action-image { 
    width:100%;
	margin-top:0px;
    display:none;
}


#action-nav{
	width:100%;
	margin-left:0%;
	padding-left:0%;
	float:left;
	background-color:inherit;
}

#action-links li{
	width:25%;


}


#action-image {
	margin-top:3%;
	float:left;
	width:50%;
	display:none;
}

.nav>li>a {

float:left;
	font-size:90%;

}


a.quick-links-link {
	font-size:85%;
}


.dept-menu-adjust-l {
	width:inherit;
	float:none;

}

.dept-menu-adjust-r {
	width:inherit;
	float:none;

}

.explore-img {
	/*padding-left:3%;*/
}

.carousel-caption {
visibility:hidden;
}

.carousel-caption h4, .carousel-caption p {
	visibility:hidden;
}


}

@media only screen and (max-width: 991px) and (min-width: 768px){	

body {
	font-size:110%;
}

#action-nav{
	width:100%;
	margin-left:8%;

}

#action-image {
	margin-top:2%;
	float:left;
	
}

#action-menu {
	height:219px;
	
}

#action-image { 
    width:100%;
	margin-top:0px;
    display:none;
}

.related_title {
    margin-left:1%;
}

.nav>li>a {
font-size:10px;
}

.carousel-caption {
background: #f4f4f4;
background: rgba(240,240,240,0.6);
border-top: 1px solid #03244d;
bottom: -27px;
height: 60px;
left: 0;
overflow: hidden;
padding: 0 10px;
position: absolute;
right: 0;
text-align: left;
text-shadow: none;
transition: bottom 0.8s;
-webkit-transition: bottom 0.8s;
}


.carousel-caption h4, .carousel-caption p {
color: #03244d;
font-family: "Open Sans",Arial,Verdana,sans-serif;
line-height: 15px;
margin-top:9px;
}
}

@media only screen and (max-width: 1199px) and (min-width: 991px){
    
.right-col-move {
    margin-top:-4.5%;
}    
	
#action-nav{
width:89%;
margin-left:10%;
}

#action-image {
	float:left;
	
}

#action-menu {
	height:286px;
}

#action-image { 
    width:100%;
	margin-top:0px;
    display:inline;
}

.nav>li>a {
font-size:12px;
}




}




