@charset "UTF-8";
body {
	background: #FFF;
	margin: 0;
	padding: 0;
	font-family: Univers, Helvetica, Verdana, sans-serif;
	color: #5d5d5d;
	/* min-width:1000px; commented out of this temp item */
	background-image: url(https://ulm.edu/president/elements/ulm-seal-watermark.png);
	background-position:bottom left;
	background-size:440px;
	background-repeat: no-repeat;
}

hr {border-bottom:3px solid #eaaa00;border-top: 0}

/* generic classes */

.width100 {width:100%;height:auto;}
.width60 {width:60%;height:auto;}


/* custom item classes */

		.container .photoCaptionContainer {width:100%;display:block;margin-bottom:20px;}
		
		.container .photoDiv {width:58%;display:block;}
		.container .photoDiv img {width:100%;height:auto;}
		
		.container .captionDiv {width:38%;display:block;float:right;margin-bottom:20px;}
		.container .captionDiv p {font-size:90%;color:#000;line-height:1.6em;}	


	.contactCard {width:1000px;height:auto;background-color:#f7f7f7;box-sizing:border-box;border:0px solid red;padding:30px;display:block;box-sizing: border-box;}
			
	.cardWrapper {}
	.imgDiv {display:inline-block;box-sizing: border-box;width:296px;height:auto;}
	.imgDiv img {width:100%;box-sizing: border-box;}
	.contactInfo {display:inline-block;width:600px; padding-top:80px;border-top: 3px solid #eaaa00;border-bottom: 3px solid #eaaa00;float:right;height:346px;box-sizing: border-box;}
	
	.contactName {font-size:2em;font-weight:bold;color:#862633;line-height: 200%;}
	.contactTitle {font-size:1.2em;font-weight:bold;color:#5d5d5d;line-height: 200%;}
	.contactDetails {font-size:1.2em;font-weight:normal;line-height: 200%;}

/* custom box on only certain pages */

.extraBox {
    width: 300px;
    float: right;
    display: inline-block;
    background: #f0f0f0;
    padding: 24px;
    line-height: 1.6em;
    margin: 24px 0px 24px 24px;
    box-sizing: border-box;
	font-size: 90%;
	clear:both;
}

	
.extraBox img {width:100%;}


/* added for the photo box with the gray backgound and yellow inset ruled line */

.photoBoxRule {width:100%;background-color:#f7f7f7;min-height:100px;}
			.yellowRule {width:92%;height:4px;margin:4% 4%;}
			.photoRule {margin:0; width:28%;display:inline-block;vertical-align: top;}
			.photoRuleCenter {margin:0 7.5%; width:28%;display:inline-block;padding:0;vertical-align: top;}
			.imageRule {margin:0;width:100%;}
			.captionRule {font-weight:bold;font-size:104%;color:#862633;text-align:center;font-size:108%;margin:20px 0 0 0;}


/* added for video links */

	.videoBlockLeft {width:46%;float:left;display:inline-block;min-height:300px;box-sizing:border-box;margin:30px 0;}
	.videoBlockLeft iframe {width:100%;}
	.videoBlockRight {width:46%;float:right;display:inline-block;min-height:300px;box-sizing:border-box;margin:30px 0;}
	.videoBlockRight iframe {width:100%;}


/* added for the history page */




.histCard {
    width: 100%;
    height: auto;
    padding: 30px 0 30px 0;
    display: block;
    box-sizing: border-box;
}

.histCardImg {
    display: inline-block;
    box-sizing: border-box;
    width: 364px;
    height: auto;
}

.histCardImg img {
    width: 100%;
}

.cardInfo {
    display: inline-block;
    width: 600px;
    padding-top: 300px;
    border-top: 4px solid #eaaa00;
    float: right;
    box-sizing: border-box;
}

.cardName {
    font-size: 1.8em;
    font-weight: bold;
    color: #862633;
    line-height: 200%;
}

.cardDetails {
    font-size: 1.6em;
    font-weight: normal;
    line-height: 180%;
    color: #862633;
    font-style: oblique;
}











	
	
/* for contact page and leadership contacts */


					.leadContact {
		    width: 100%;
    height: 340px;
    background-repeat: no-repeat;
    background-size: 74%;
    background-position: top right;
    overflow: hidden;
	margin-top:40px;	
		}

			.leadContactRight {
		    width: 100%;
    height: 340px;
    background-repeat: no-repeat;
    background-size: 74%;
    background-position: top left;
    overflow: hidden;
	margin-top:40px;	
		}


	.leadContact img {margin-top:32px;width:240px;height:4px;}	
	.leadContactGroup {display:inline-block;width:auto;}
	
	.leadContactRight img {margin-top:32px;width:240px;height:4px;margin-left: 210px;}	
	.leadContactGroupRight {display:inline-block;width:auto;float:right;}
	
	.leadContactInfo {
	width: 450px;
    color: #fff;
    font-size: 1.2em;
	min-height: 200px;
	text-align: center;
    font-weight: normal;
    line-height: 2.6em;
    background-color: #862633;
    padding: 0;
    margin: 80px 0 10px 0;

		}
	.container .leadContactInfo a {
	color: #fff;
    text-decoration: none;
	}
	
	.container .leadContactInfo a:hover {
	color: #fff;
    text-decoration: underline;
	}
	
	
	.leadContactName {
    font-size: 1.68em;
    text-align: left;
    font-weight: bold;
        padding: 30px 12px 12px 28px;
    line-height: 1em;}
	
	
	.leadContactTitle {
    font-size: 1.12em;
    text-align: left;
    font-weight: bold;
    padding: 12px 12px 12px 28px;
	line-height: 1.1em;}
	
	
	.leadContactDetails {
    font-size: 1.1em;
    text-align: left;
    font-weight: lighter;
    padding: 12px 12px 12px 28px;
	line-height: .4em;}
			



/* using college menu css but placed here for customization */

.local-menu {
     background: #eee none repeat scroll 0% 0%;
     height: 1.6em;
     margin: 0px auto;
     /*padding: 0px;*/
	padding:4px 0;
     text-align: center;
     width: 100%;
	 min-width:1000px;
}


.local-menu ul {
     margin: 0px;
  padding:.2em 0;
}

.local-menu a {
    color: #484859;
	/* color: #862633;*/
     text-decoration: none;
}

.local-menu a:hover {
    /* text-decoration: underline;*/
	color: #862633;
}

.local-menu-items li {
     display: inline;
     font-family: geneva,tahoma,sans-serif;
     font-size: .8em;
     list-style-type: none;
     padding: 0px 20px;
}


.primaryImg img {width:100%;}


/* needs cleanup conflicts with menu list */

ol li {
	font-size: 1.1em;
  letter-spacing: 0;
  line-height: 200%;
  color:#5d5d5d;
	opacity: 1;

}






.container {
	width:100%;
	/*max-width: 1000px;
	min-height:800px;
	background: #FFF;*/
	margin: 0 auto;
}



.container .headlineGraphic img {width:60%;margin-bottom:50px;}


.container ul, dl {
	font-family: Verdana, Arial, sans-serif;
	list-style-position: outside;
	list-style-type: circle;
	margin: 4px 4px 4px 28px;
}
.container ol {
	font-family: Verdana, Arial, sans-serif;
	list-style-position: outside;
	list-style-type: decimal;
	margin: 4px 4px 4px 28px;
}
.container li {
	font-size: 100%;
}
.container li li {
	font-size: 100%;
}
.container a {
	color: #862633;
	text-decoration: underline;
	border: 0px;
}
.container a:visited {
	color: #862633;
	text-decoration: underline;
	border: 0px;
}
.container a:hover {
	color: #000;
	text-decoration: underline;
	border: 0px;
}
.container a:active { 
	color: #000;
	text-decoration: underline;
	border: 0px;
}
.container a:focus { 
	color: #000;
	text-decoration: underline;
	border: 0px;
}
.container .headline {
	width:100%;
	float: right;
	margin: 0 auto;
	padding:0;
}
.container .headline #name_one {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.8em;
	color: #63666a;
	text-align: right;
	width: 100%;
	font-weight: bold;
	vertical-align: bottom;
	display:none;
}
.container .headline #name_two {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #333;
	text-align: right;
	width: 100%;
	font-weight: normal;
}
.container .feature_region {
	max-width: 1000px;
	margin: 0 auto 0 auto;
    position: relative;
}
.container  .region1 {
	float: left;
	width: 336px;
	margin: 4px 0 10px 0;
}
.container #region_wrapper {
	width: 720px;
	float: right;
	margin: 0;
}
.container  .region2 {
	float: right;
	width: 336px;
	margin: 4px 0 10px 0;
}



/* nav menu */


.container #menu {
	float: right;
	width: 300px;
	padding: 0;
	margin: 0 0 20px 20px;
	min-height: auto;
	
}
.container #menu p {
	color: #fff;
    font-size: 1.2em;
	margin:0;
    text-align: center;
	font-weight: normal;
	line-height: 2.6em;
	background-color: #862633;
    padding: 0;
    margin: 0 0 10px 0;

}
.container #menu h5 {}
.container #menu h1 {}
.container #menu h2 {}
.container #menu h3 {}
.container #menu h4 {}
.container #menu h6 {}

.container #menu a {
	color: #fff;
	text-decoration: none;
	border: 0px;
	display:block;
	box-sizing:border-box;
	padding:0px;

}

.container #menu a:hover {
	background-color:#5d5d5d;
}


#menu #yellowButton {background-color:#E9980D;color:#500;}
#menu #yellowButton2 {background-color:#E9980D;color:#500;}
#menu #yellowButton:hover {background-color:#5d5d5d;color:#fff;}
#menu #yellowButton2:hover {background-color:#5d5d5d;color:#fff;}



.container #menu img {
	border: 0;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.container p {
	font-size: 1.1em;
	color: #3d3d3d;
    margin: .6em 0 2em 0;
	font-weight:lighter;
	line-height:2em;
	
}
.container #menu #contact_box {
	background-color: #ececec;
	width: 100%;
	margin: 30px 0 0 0;
	padding: 0;
	border-top: solid #b7b7b7 1px;
}
.container #menu #contact_box p {
	font-size: 0.7em;
	border-bottom: 0;
	margin-bottom: 0px;
}
.container #menu #common_links {}
.container #menu #common_links p {}
.container img {

}
.container h1 {
	font-size: 2.6em;
	color: #862633;
	margin: .8em 0 1em 0;
	font-family:Garamond, Times, Times New Roman, serif;
	font-weight:lighter;
	letter-spacing:-.03em;
}
.container h2 {
	font-size: 1.8em;
	color: #862633;
	margin: .8em 0 1em 0;
}
.container h3 {
	font-size: 1.8em;
	color: #862633;
	margin: .8em 0 .8em 0;
}
.container h4 {
	font-size: 1.8em;
	color: #333;
	margin: .8em 0 .8em 0;
}

.container h5 {
	font-size: 1.2em;
	color: #333;
	margin: .7em 0 .5em 0;
}
.container h6 {
	font-size: 1em;
	color: #666;
	margin: .6em 0 .4em 0;
}
.container table {
	font-family: Verdana, Arial, sans-serif;
}
.container td {
	color: #000;
	font-size: .73em;
}
.container td p {
     color: #000000;
     font-size: 1em;
}


/* added for quote */

blockquote {margin: .6em 0 2em 0;color:#862633;}
.container blockquote p {margin:0;color:#862633;font-size:1.2em;}


/* end */



.container thead {
	font-weight: bold;
}



/* ornamental buttons and backgrounds found on certain pages */

		.ornaMenu {
		    width: 100%;
    height: 220px;
    background-repeat: no-repeat;
    background-size: 74%;
    background-position: top right;
    overflow: hidden;
	margin-top:40px;	
		}
		
		.ornaMenuRight {
		    width: 100%;
    height: 220px;
    background-repeat: no-repeat;
    background-size: 74%;
    background-position: top left;
    overflow: hidden;
	margin-top:40px;	
		}	
		
		
	.ornaMenu img {margin-top:60px;width:240px;height:4px;}
	.ornaMenuRight img {margin-top:60px;width:240px;height:4px;margin-left:60px;}
		
	.ornaGroup {display:inline-block;width:auto;}	
	.ornaGroupRight {display:inline-block;width:auto;float:right;}	
		
	.ornaButton {
	width: 300px;
    color: #fff;
    font-size: 1.2em;
    margin: 0;
    text-align: center;
    font-weight: normal;
    line-height: 2.6em;
    background-color: #862633;
    padding: 0;
    margin: 30px 0 10px 0;

		}
	.container .ornaButton a {color:#fff;text-decoration:none;display:block;}
	.container .ornaButton a:hover {color:#fff;background-color:#5d5d5d;}
	.ornaButton a:hover {background-color:#5d5d5d;}
	.ornaButton a:visited {color:#fff;}
	.ornaButton a:focus {color:#fff;}


/* ornamental buttons end */




@media screen and (max-width: 999px) {
	body {min-width:auto;}/*temp changed from 1000px adding mobile*/
	
		.container {min-width: 100%;width: 100%;min-height: 600px;}
		.container .headline {margin:0 16px 0 0;width:auto;float:none;}
		.container #menu {width: 36%;margin:0;}
		.container #menu #common_links {width:100%;}
	
	.container #menu p {line-height: 2em;font-size: 1em;}
	
	
	
		.container .feature_region {width: 70%;margin:0 auto;}
		/*test*/ .container .feature_region table {max-width:100%;width:100% !important;}

		/* for three col layout */
		/* this also handles the 2 col layout */
		.container #region_wrapper {width:70%;}
		.container .region1 {width:46%;}
		.container .region2 {width:46%;margin: 4px 16px 10px 0;} 
		/* the above added to dept college template css */
	
			.local-menu {display:block;min-width:100%;width:100%;height:auto;padding:.25em 0;}
	.local-menu .local-menu-items {width:100%;display:inline;}
	.local-menu .local-menu-items li {display:inline;width:100%;padding:0 .5em;}
	
	.ornaMenu {margin-top:8px;height:180px;}
	.ornaMenuRight {margin-top:8px;height:180px;}
	
	
	.contactCard {width:600px;}
			
	.cardWrapper {}
	.imgDiv {width:180px;}
	.imgDiv img {}
	.contactInfo {padding-top:40px;width:320px;height:210px;}
	
	.contactName {font-size:1.2em;}
	.contactTitle {font-size:1em;}
	.contactDetails {font-size:1em;}

	
	/* added for the yellow inset ruled gray box */
	.photoRuleCenter {margin: 0 7%;}
	
	
	/* added for video links */
	
	.videoBlockLeft {width:49%;}
	.videoBlockRight {width:49%;}
	
	/* added for history page */
	
	.cardInfo {width: 40%;padding-top:20%;}
	.histCardImg {width: 50%;padding-top:0;}
	
}


@media screen and (max-width: 768px) {	
		
		.container .headline {margin:0;text-align: center;}
		
		
		/* for three col layout */
		/* this also handles the 2 col layout */
		.container #region_wrapper {width:100%;}
		.container .region1 {width:100%;padding: 4px 16px;float:none;margin:0;box-sizing: border-box;}
		.container .region2 {width:100%;padding: 4px 16px;float:none;margin:0 0 60px 0;box-sizing: border-box;}
	
		.container .headlineGraphic img {width: 100%;}
		
		
		.container #menu {width: 100%;float:none;margin: 0 0 40px 0;text-align:center;}
		.container #menu p {display:inline-block;border:0;padding: 0; width:100%;line-height:2.6em;}
		.container .feature_region {width:100%;padding: 0 16px;box-sizing: border-box;margin:0 auto;}
		
		/*test*/ .container .feature_region table {max-width:100%;width:100% !important;}
	
			.local-menu {padding:0;display:block;height:auto;min-width:100%;width:100%;}
	.local-menu  .local-menu-items {width:100%;display:inline;}
	.local-menu  .local-menu-items li {display:block;width:100%;border-top:1px solid #fff;margin:0;padding:6px 0;}
	
	.local-menu  a {width:100%;padding:0;display:block;}
	
	.contactCard {width:300px;margin:0 auto;background-color:#fff;}
			
	.cardWrapper {}
	.imgDiv {width:180px;display:none;}
	.imgDiv img {}
	.contactInfo {padding: 20px 0;width:100%;height:auto;margin: 20px auto;}
	
	.contactName {font-size:1em;}
	.contactTitle {font-size:1em;}
	.contactDetails {font-size:1em;}
	
		/* added for video links */
	
	.videoBlockLeft {width:60%;float:none;display:block;margin:10px auto;}
	.videoBlockRight {width:60%;float:none;display:block;margin:10px auto;}
	
	.cardName {font-size: 1.2em;}

	.cardDetails {font-size: 1em;}
	
	.videoBlockLeft {width: 100%;}


	.videoBlockRight {width: 100%;}

	.photoRule {width: 100%;}

	.photoRuleCenter {margin: 0 auto;width: 100%;}
	
	.yellowRule {height: 4px;margin: 4% 4%;}
	
	.captionRule {margin: 10px 0 40px 0;}
	
		}


@media screen and (max-width: 498px) {

.extraBox {
    width: 100%;
}
	
.extraBox {
    width: 100%;
}

.leadContact img {    
	width: 120px;
}
.leadContactInfo {
    width: 100%;
}

.leadContactName {
	padding: 12px;
}
.leadContactTitle {
    padding: 0 12px 12px 12px;
}
.leadContactDetails {
    padding: 0 12px 20px 12px;
    line-height: 1em;
	
}	
	
.leadContactRight img {    
	width: 120px;
    margin-left: 180px;
}
.leadContactGroupRight {
    width: 100%;
    float: none;	
}	
	
	.cardName {font-size: 1em;}

	.cardDetails {font-size: 1em;}	
	
	
	
	
	

}