@charset "utf-8";
@import url("https://www.acesag.auburn.edu/main/css/singleCol.css");
/* CSS Document */
#pageContent #content {
	width: 100%;	
}
#navArea, #headerArea, #contentholder, .topBar, #footerContent {
	width: 100%;
	min-width: 0px;
}
#calendar {
	display: none;	
}
.topBar {
	display: none;	
}
#onecol {
	margin-top: 40px;
}
#topimg img {
	width:100%;
	height:100%;
	/* margin-top: 40px;  JDH added 11-11-15 to keep image below green mobime header */
}
.slider-parent {
	width:100%;
	height:100%;
}
#navArea {
	margin-top: 112px;
}
#headerArea {
	background: #fff;	
}
#logo {
	position: absolute;
	top: 0px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
}
#logo a {
	display: block;
	width: 100%;
	max-width: 235px;
	margin: auto;
	background-image: url(https://www.acesag.auburn.edu/main/images/aces-c-long-univ.gif);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	z-index: 99999999999999999999;
}
#logo img {
	width: auto !important;	
}
div.tabWrap {
	height: auto;
	background: #D3CDB7;
}
ul.tabs li.active, ul.tabs li:hover {
	background-color: #EAE5CE;
	border-color: #EAE5CE;
}
#mainMenu.subMenu ul.tabs li.active, #mainMenu.subMenu ul.tabs li:hover {
	background-color: #D3CDB7;
	border-color: #D3CDB7;
	font-weight: bold;
}
ul#menu > li .sub{
	transition: height 2s;
	-moz-transition: height 2s; /* Firefox 4 */
	-webkit-transition: height 2s; /* Safari and Chrome */
	-o-transition: height 2s; /* Opera */	
}
ul#menu li.mega.hovering {
	height: auto;
	min-height: 36px;
}
ul#menu li.mega div.sub {
	position: static;
	width: auto;	
}
ul.tabs li {
	border-color: #D3CDB7;	
}
ul.tabs li {
	height: auto;	
	width: 100px;
}
ul#menu > li {
	height: 38px;	
}
ul#menu li.hovering div.sub {
	top: 38px;
	z-index: 100;
}
ul.tabs li a {
	height: 38px;
	line-height: 19px;
	padding: 0 12px;
	vertical-align: middle;
}
#mainMenu.subMenu ul.tabs li a {
	line-height: 38px;	
}
#mainMenu .tab_container {
	display: none;	
}
#mainMenu.subMenu ul.tabs li {
	display: none;	
}
#mainMenu.subMenu ul.tabs li.active {
	display: block;	
	width: 100%;
}
#mainMenu.subMenu ul.tabs {
	float: none;
	right: 0;
	width: 100%;
}
#mainMenu.subMenu ul.tabs li {
	float: none;
	left: 0;	
}
#mainMenu.subMenu .tab_container {
	display: block;
	height: auto;
	background: #F4F0DF;
}
#mainMenu.subMenu .tab_content ul#menu {
	float: none;
	right: 0;
	height: auto;	
}
#mainMenu.subMenu .tab_content {
	height: auto;	
}
#mainMenu.subMenu .tab_content ul#menu li {
	float: none;
	left: 0;
}
ul#menu li.mega div.sub.twoCol {
	width: auto;	
}
.tab_container {
	border-radius: 0;	
}
li.mega {
	border-radius: 0 !important;	
}
ul#menu div.sub.dropDown li a {
	text-align: center;	
}
.feedImage {
	float: right;
	max-width: 225px;
	width: 50%;
	margin-left: 6px;
}
.feedImage img {
	width: 100%;	
}
/* footer */
#footerWrap {
	height: 150px;
	margin: -10px 0 -10px 0;
  /*background: #A6BECC;  For browsers that do not support gradients */
  background: -webkit-linear-gradient(-108deg, #9BAF8C, #9BAF8C, #A6BECC, #9BAF8C, #F4F0DF, #F4F0DF); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-108deg, #9BAF8C, #9BAF8C, #A6BECC, #9BAF8C, #F4F0DF, #F4F0DF); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-108deg, #9BAF8C, #9BAF8C, #A6BECC, #9BAF8C, #F4F0DF, #F4F0DF); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-108deg, #9BAF8C, #9BAF8C, #A6BECC, #9BAF8C, #F4F0DF, #F4F0DF); /* Standard syntax */
}
#footer {
	top: 0;
	width: 100%;
	height: 255px;
}
#footerLeft {
	background: none;
}
#footerRight {
	background: none;
}
#footerContent {
	height: 255px;
  background: url(/main/images/footer-phone-725.jpg);
	background-size: 100%;
	background-position: inherit;
	background-repeat: no-repeat;
}
#houses {
	width: 90px;
	height: 35px;
	margin: 3% 0 0 0;
	padding: 0;
}
#houses a, #houses img {
	width: 32px;
	height: 32px;
	padding: 0 3px 0 0;
	margin: 1% 0 0 0;
}
#SocialIcons {
	margin: 0px 0px 106px -230px;	
}
#SocialIcons a {
	padding:7px;
	display:block;
	float:left;	
}
#MobileIcons {
	margin: 0px 25px 0px 0px;		
}
#Copyright {
	font-size: 2em;
	text-align: center;
	right: 10px;
	bottom: 60px;
}
@media only screen and (min-width: 350px) {
#houses {
	width: 120px;
	height: 60px;
	margin: 3% 0 0 0;
	padding: 0;
}
#houses a, #houses img {
	width: 40px;
	height: 40px;
	padding: 0 3% 0 0;
	margin: 3% 0 0 0;
}
#SocialIcons {
	margin: 0px 0px 85px -230px;	
}
#SocialIcons a {
	padding:9px;	
}
#Copyright {
	bottom: 40px;
}
}
@media screen and (min-width: 450px) {
#houses {
	width: 150px;
	height: 70px;
	margin: 4% 3% 0 0;
}
#houses a, #houses img {
	width: 55px;
	height: 55px;
	padding: 3% 0 0 0;
	margin: 4% 0 0 0;
}
#SocialIcons {
	margin: 0px 0px 64px -230px;	
}
#footerWrap {
	height: 0px;
}
#Copyright {
	bottom: 24px;
}	
}
@media screen and (min-width: 550px) {
#houses {
	width: 150px;
	height: 70px;
	margin: 4% 4% 0 0;
}
#houses a, #houses img {
	width: 60px;
	height: 60px;
	padding: 3% 0 0 0;
	margin: 4% 0 0 0;
}
}
@media screen and (min-width: 650px) {
#houses {
	width: 165px;
	height: 75px;
	margin: 4% 4% 0 0;
}
#houses a, #houses img {
	width: 60px;
	height: 60px;
	padding: 3% 0 0 0;
	margin: 6% 4% 0 0;
}
#SocialIcons {
	margin: 0px 0px 6px -221px;	
}
#SocialIcons a {
	padding:7px;
}
#Copyright {
	bottom: 24px;
}
	
}



/** Calendar Tweaks */
.month {
	table-layout: fixed;	
}
.month .eventcontent {
	display: none;
}
.monthday, .saturday, .sunday, .nomonthday, .today, .event, .selectedday {
	height: 2em;	
	padding: 0;
	min-width: 14.286%;
}
.monthday a, .saturday a, .sunday a, .nomonthday a, .today a, .event a, .selectedday a {
	display: block;
	width: 100%;
	height: 100%;	
	font-size: 24px;
	font-weight: normal;
}
.monthday a:link, .saturday a:link, .sunday a:link, .nomonthday a:link, .today a:link, .todayevent a:link, .event a:link {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}
.monthday a:hover, .saturday a:hover, .sunday a:hover, .nomonthday a:hover, .today a:hover, .todayevent a:hover, .event a:hover {
	background: #C5E8C7;
}
.smallmonth {
	display: none;	
}
.monthnavigation {
	height: 44px;	
}
.monthnavigation a {
	display: block;
	height: 100%;	
}
.dayname td {
	font-size: 12px;
	max-width: 14%;
	overflow: hidden;
}
.singleitem {
	table-layout: fixed;	
}
.daybody {
	table-layout: fixed;	
	clear: both;
}
.field {
	display: block;
	float: left;
	clear: both;
	width: auto;
}
.datefieldvalue, .fieldvalue, .subjectfieldvalue {
	display: block;
	float: left;
	width: auto;
}
.daybody > tbody > tr > td {
	display: none;	
}
.daybody > tbody > tr >td.dayitems {
	display: table;	
}
.topLinks {
	background: #5C791B;
	height: auto;
	overflow: hidden;
}
.topLinks a:link, topLinks a, .topLinks a:visited {
	color: #fff !important;	
	font-weight: bold;
}
.topLinks .divider {
	width: 1px;
	background: #fff;
}
.topLinks .right {
	float: left;
}
.topLinks a.active, .topLinks a:hover {
	background-color: #9BAF8C;
	color: #000;
	border-radius: 0;
}
.daybody {
	width: 100%;	
}
.year {
	width: 100%;	
}
.year > tbody > tr > td {
	float: left;
	clear: left;
	display: block;	
	width: 100%;
}

.mobileOnlyHR {
	display: inline-block;
}

#leftcol ul.MenuBarVertical {
	position: absolute;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0 !important;
	width: 100%;
}
#leftcol  ul.MenuBarVertical.activeMenu {
	display: block;
}
#leftcol ul.MenuBarVertical li {
	background: #9BAF8C;
	font-weight: bold;
	width: auto;
	position: static !important;
}
#leftcol ul.MenuBarVertical ul {
	position: relative;	
	margin: 0;
}
#leftcol ul.MenuBarVertical li ul {
	display: none;
}
#leftcol ul.MenuBarVertical ul li {
	width: auto !important;	
}
#leftcol ul.MenuBarVertical li.current > ul {
	display: block;
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
}
#leftcol ul.MenuBarVertical, ul.MenuBarVertical ul {
	list-style: none;
	padding-left: 0;
}
#leftcol ul.MenuBarVertical li {
	float: none;	
}
#leftcol ul.MenuBarVertical li.title a:link, ul.MenuBarVertical li.title a:visited {
	background-color:	#5C791B;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}
#leftcol ul.MenuBarVertical li.title a:hover {
	color: #FFF;
}
#leftcol ul.MenuBarVertical li a:hover {
	background-color: #5C791B;
}
#leftcol ul.MenuBarVertical li a:link, ul.MenuBarVertical li a:visited {
	display: block;
	text-decoration: none;
	color: #FFF !important;
	padding: 16px 8px;
}
/* Temp fix to show upcoming calendar on tablet and phone templates. */
#content > .upcoming, #content > .leftcolAddContent {
	display: block;
	margin: auto;
}
.upcoming {
	max-width:290px;
	padding-left: 0;
}
.mapAndWeather {
	margin-left: 0;
}
.phone {
	display: block;	
}
.tablet {
	display: none;	
}
div#mainMenu {
	display: none;	
}
div#mainMenu.activeMenu {
	display: block;	
}
.showMenuBtn.active {
	float: left;
}
.socialBtn, .showMenuBtn, .searchBtn {
	float: left;
	width: 33.3%;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.socialBtn {
	background-color: #A6BECC;
}
.searchBtn {
	background-color: #9BAF8C;
}
.socialBtn a, .searchBtn a {
	display: block;
	color: #fff;
	padding: 12px 0;
}
/*added for two column publications*/
.pubLeftCol {
	width:100%; 
	float:left; 
	margin-right:1em;
}
.pubRightCol {
	width:100%;
	float:right; 
	margin-left:1em;
}
#subpagecontentarea {
	width: 91%;
	float: none;
	padding: 16px;
}
.widget-text {
	position: inherit;
	margin-left: .5em;
}
#leftcol ul.MenuBarVertical {
	z-index: 100;
}
.soliloquy-container .soliloquy-transition-fade .soliloquy-fade .soliloquy-controls-active .soliloquy-arrows-active  .soliloquy-fc-slider .soliloquy-theme-base	{
	z-index: 0;	
	position:inherit;
}
.soliloquy-viewport {	
	z-index: 0;	
	position:inherit;
}

.colimg {
width: 100%;
float: left;
}  
.colimg img {
width: 90%;
}

@media only screen and (min-width:365px) and (max-width:725px) {
	
.upcoming {
	max-width:450px;
}
/*added for two column publications*/
.pubLeftCol {
	width:71%; 
	float:left; 
	margin:.5em;
}
.pubRightCol {
	width:22%;
	float:left; 
	margin-left:.5em;
}
#subpagecontentarea {
	width: 93%;
	float: none;
	padding: 16px;
}
.personContainer {
width: 43%;
float: left;
margin: 0 0 1em 1.9em;
height: 315px;
}
.personContainer:last-child {
height: 325px;
}
.colimg {
width: 46%;
float: left;
}  
.colimg img {
width: 100%;
}
}