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

#oliveheader {width: 100%}
/* #oliveheader img {width: 0; height: 0} 
#headerone::before {
	font-weight: bold;
	font-size: 7vw;
	line-height: 8vh;
	color: white;
	content: "Union University"
} 
#oliveheader::after {
	font-weight: bold;
	font-size: 7vw;
	line-height: 8vh;
	color: white;
	content: "School of Pharmacy"
}
#headertwo::after {
	font-weight: bold;
	font-size: 7vw;
	line-height: 8vh;
	color: white;
	content: "Education Research Forum"
}
#sotmheadertwo::after {
	font-weight: bold;
	font-size: 7vw;
	line-height: 8vh;
	color: white;
	content: "R.G. Lee Center"
}
#languageheadertwo::after {
	font-weight: bold;
	font-size: 7vw;
	line-height: 8vh;
	color: white; 
	content: "Faculty Development"
} */




body       {font-family: frutiger, helvetica, arial, sans-serif; margin: 0; }

h1		   {font-size: 200%}
h2         {font-size: 6vw; display: block; padding-left: 3vw}
h3         {font-size: 5vw; border-bottom: 2px solid black; padding-bottom: 1vh; padding-left: 3vw;}
h4         {font-size: 125%}
h5         {font-size: 110%; line-height: 125%}
p          {font-size: 4vw !important; line-height: 6vw; padding: 3vw;}
p img      {padding-right: 2vw !important}
img        {border: none !important}
table      {line-height: 130%;}
ol         {line-height: 130%}
ul         {line-height: 130%}
font       {font-size: 4vw; line-height: 6vw}
font table {width: 100% !important}
hr         {width: 100% !important}

blockquote ul li {
	font-size: 300%;
	line-height: normal;
}

.active  	 {border-bottom: 1px solid #999999; list-style-type: none; background-color: #666666}
.active  ul li {margin-left: 2vw; border: none}
.content   {margin: 0 auto; text-align: left; width: 98%; height: 100%}
.content li {font-size: 4vw; line-height: 6vw}
.navigation ul {list-style-type: none; border: none;}
.navigation li  {color: #dadada; font-size: 5vw; line-height: 4vh; border-bottom: 1px solid #999999; display: block;}
.navigation a:link		{color: #dadada; text-decoration:none}
.navigation a:visited	{color: #dadada; text-decoration: none}
.navigation a:hover		{color: #444444; text-decoration: none}
.navigation a:active	{color: #dadada; text-decoration: none}
.navigation li:hover {background-color: #89c9d2; color: #333333 }

td {display: contents}
table tbody tr {font-size: 4vw}
tr td p:only-of-type > em {display: none}

#subnav {display: inline-table}

/* .navigation::before {
	padding: 3vw;
	width: 100%;
	margin-left: 0 auto;
	margin-right: 0 auto;
	font-weight: bold;
	font-size: 6vw;
	line-height: 6vh;
	color: white;
	content: "MENU"
} */
.navigation {
  background-color: #333;
  overflow: hidden;
  
  bottom: 0;
  width: 100%;
 
  z-index: 1;
}
.navigation a {
  display: block;
  text-align: left;
  padding: 0.6vh 3vw;
  font-size: 4.5vw;
}
.navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
}
/* .navigation:hover {
	display: block;
	height: max-content;
}
.navigation:active {
	display: block;
	height: max-content;
} */

.active li:hover {background: none}
.active a:link		{color: #dadada; text-decoration:none}
.active a:visited	{color: #dadada; text-decoration: none}
.active a:hover		{color: #dadada; text-decoration: underline;}
.active a:active	{color: #dadada; text-decoration: none}

#container {line-height: 100%; margin: 0 auto; width:100%; height: 100%; background: white; padding: 0px; visibility: visible;}
#container img {width: 100%; height: auto}
#container p img {width: 50%}
font p img {width: 50% !important; height: 50% !important; padding-left: 1vw}
font img {width: 50% !important; height: 50% !important; padding-left: 1vw}
#lightbox2 {width: 40%; height: 40%}
#campusestable td {font-size: 80%}
#cutout    {float: right; margin: 0px; padding: 0px; display: inline}

#footer    {width: 100%; background-color: white; text-align: center; margin: 0 auto; padding: 0;}
#footercontainer {margin: 0 auto; padding: 0;}
#footer #copy {position: relative; text-align: left; line-height: 3vh; font-size: 3vw; color: black}
#footer #copy a {color: white; text-decoration: none; line-height: 3vh !important; font-size: 3vw !important;}
#footer #info {font-size: 2.5vw; line-height: normal; padding: 3vw; padding-bottom: 8vh;}
#footer #info a {font-size: 2.5vw !important; line-height: normal !important; padding: 2vw}
#headerone {width: 100%; background-color: black}

#headertwo {background-color: red; min-width: 900px; margin: 0 auto; text-align: center}
/* #headertwo img {width: 0; height: 0} */
/* #sotmheadertwo img {width: 0; height: 0} */
/* #languageheadertwo img {width: 0; height: 0} */
#list      {margin-left: 1vw}
#subhead   {text-align: center; color: #4f4f4f; margin-top: 4vh; font-family: Georgia, serif; font-size: 8vw; line-height: 4vh}

a:link  {color: red;text-decoration: none;font-size: 4vw !important;line-height: 6vw;}
a:visited {color: black; text-decoration: none}
a:hover   {color: black; text-decoration: underline}
a:active  {color: black; text-decoration: none}

#slider ul, #slider li{margin: 0px ;padding:0;list-style:none}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:420px;
		height:310px;
		overflow:hidden;
	}
	#slider {margin: 10px auto}
	#prevBtn{font-size: 130%; margin: 10px;}
	#prevBtn a { text-decoration: none; color: #666666; position: relative; bottom: 10px; left: 92px }
	#nextBtn{font-size: 130%; margin:10px}
	#nextBtn a {text-decoration: none; color: #666666; position: relative; bottom: 10px; left: 358px }