@import url();

@charset "UTF-8";
body {
	background: #FFF;
	margin: 0;
	padding: 0;
	font-family: Univers, Helvetica, Verdana, sans-serif;
	color: #5d5d5d;
	background-image: url(https://ulm.edu/test_section/zz_prez/elements/ulm-seal-watermark.png);
	background-position:bottom left;
	background-size:440px;
	background-repeat: no-repeat;
	max-width:1000px; /* for editor only */
}

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

.primaryImg img {width:100%;}


/* may need cleanup conflicts with menu list */

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

}


/* generic classes */

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



/* component classes */

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

.photoBoxRule {width:100%;background-color:#f7f7f7;min-height:100px;}
			.yellowRule {width:92%;height:4px;margin:4% 40px;}
			.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;}

/* contact cards on staff page */


	.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;}
	.imgDiv img {width:296px;height:347px;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:347px;box-sizing: border-box;}
	
	.contactName {font-size:2em;font-weight:bold;color:#862633;line-height: 200%;}
	.contactTitle {font-size:1em;font-weight:bold;color:#5d5d5d;line-height: 260%;}
	.contactDetails {font-size:1em;font-weight:normal;line-height: 200%;}


/* previous presidents history cards on 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;
}



/* custom gray box on certain pages */

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


.extraBox img {width:100%;}

/* for the 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;	
		}
	.leadContact img {margin-top:32px;width:240px;height:4px;}	
	.leadContactGroup {display:inline-block;width:auto;}
	
	.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;

		}
	.leadContactInfo a {
	color: #fff;
    text-decoration: none;
	}
	
	.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;}




	.leadContactRight img {margin-top:32px;width:240px;height:4px;margin-left: 210px;}	
	.leadContactGroupRight {display:inline-block;width:auto;float:right;}
	.leadContactRight {width: 100%;height: 340px;background-repeat: no-repeat;background-size: 74%;background-position: top left;overflow: hidden;margin-top:40px;}













/* 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;
		}
	.ornaButton a {
	color:#fff;text-decoration:none;display:block;
	}
.ornaButton a:hover {
	background-color:#5d5d5d;
	}
.ornaButton a:visited {
	color:#fff;
	}
.ornaButton a:focus {
	color:#fff;
	}



/* ornamental buttons end */


/* for video links via components */

	.videoBlockLeft {width:100%;display:block;min-height:300px;box-sizing:border-box;margin:30px auto;}
	.videoBlockLeft iframe {width:560px;}
	.videoBlockRight {width:100%;display:block;min-height:300px;box-sizing:border-box;margin:30px auto;}
	.videoBlockRight iframe {width:560px;}























ul, dl {
	font-family: Verdana, Arial, sans-serif;
	list-style-position: outside;
	list-style-type: circle;
	margin: 4px 4px 4px 28px;
}
ol {
	font-family: Verdana, Arial, sans-serif;
	list-style-position: outside;
	list-style-type: decimal;
	margin: 4px 4px 4px 28px;
}
li {
	font-size: .73em;
}
li li {
	font-size: 100%;
}
a {
	color: #862633;
	text-decoration: underline;
	border: 0px;
}
a:visited {
	color: #862633;
	text-decoration: underline;
	border: 0px;
}
a:hover {
	color: #000;
	text-decoration: underline;
	border: 0px;
}
/* a:active { 
	color: #000;
	text-decoration: underline;
	border: 0px;
}
a:focus { 
	color: #000;
	text-decoration: underline;
	border: 0px;
}
*/
.headline {
	width:100%;
	float: right;
	margin: 0 auto;
	padding:0;
}
.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;
}
.headline #name_two {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #333;
	text-align: right;
	width: 100%;
	font-weight: normal;
}
.feature_region {
	max-width: 1000px;
	margin: 0 auto;
}
 .region1 {
	float: left;
	width: 336px;
	margin: 4px 0 10px 0;
}
#region_wrapper {
	width: 720px;
	float: right;
	margin: 0;
}
 .region2 {
	float: right;
	width: 336px;
	margin: 4px 0 10px 0;
}



/* nav menu */


#menu {
	float: right;
	width: 300px;
	padding: 0;
	margin: 0 0 20px 20px;
	min-height: auto;
	
}
#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;

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

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

}

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




#menu img {
	border: 0;
}

#yellowButton {background-color:#E9980D;color:#500;}
#yellowButton2 {background-color:#E9980D;color:#500;}














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

}

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;
}
h2 {
	font-size: 1.8em;
	color: #862633;
	margin: .8em 0 1em 0;
}
h3 {
	font-size: 1.8em;
	color: #862633;
	margin: .8em 0 .8em 0;
}
h4 {
	font-size: 1.8em;
	color: #333;
	margin: .8em 0 .8em 0;
}

h5 {
	font-size: 1.2em;
	color: #333;
	margin: .7em 0 .5em 0;
}
h6 {
	font-size: 1em;
	color: #666;
	margin: .6em 0 .4em 0;
}





table {
	font-family: Verdana, Arial, sans-serif;
}
td {
	color: #000;
	font-size: .73em;
}
td p {
     color: #000000;
     font-size: 1em;
}


/* added for quote */

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


/* end */



thead {
	font-weight: bold;
}
.gray_border_rt {
	background-color: #e4e4e4;
	border: 1px solid #999;
	margin: 10px 0 10px 10px;
	padding: 8px 10px;
	height: auto;
	width: 314px;
	border-radius: 5px;
	float:right;
}
.gray_border_lft {
	background-color: #e4e4e4;
	border: 1px solid #999;
	margin: 10px 10px 10px 0;
	padding: 8px 10px;
	height: auto;
	width: 314px;
	border-radius: 5px;
	float:left;
}
.maroon_border_rt {
	background-color: #e4e4e4;
	border: 1px solid #862633;
	margin: 10px 0 10px 10px;
	padding: 8px 10px;
	height: auto;
	width: 314px;
	border-radius: 5px;
	float:right;
}
.maroon_border_lft {
	background-color: #e4e4e4;
	border: 1px solid #862633;
	margin: 10px 10px 10px 0;
	padding: 8px 10px;
	height: auto;
	width: 314px;
	border-radius: 5px;
	float:left;
}
			
.gold_border_rt {
	background-color: #e4e4e4;
	border: 1px solid #eaaa00;
	margin: 10px 0 10px 10px;
	padding: 8px 10px;
	height: auto;
	width: 314px;
	border-radius: 5px;
	float:right;
}
.gold_border_lft {
	background-color: #e4e4e4;
	border: 1px solid #eaaa00;
	margin: 10px 10px 10px 0;
	padding: 8px 10px;
	height: auto;
	width: 314px;
	border-radius: 5px;
	float:left;
}

.photo_caption_right {
    float: right;
    height: auto;
    margin: 0;
    padding: 4px 0 12px 26px;
    width: auto;
}
.photo_caption_right .photo {
    height: auto;
    width: auto;
}
.photo_caption_right .caption {
    color: #444444;
    float: left;
    font-family: Verdana,Arial,sans-serif;
    font-size: 0.68em;
    height: auto;
    margin: 8px 0;
    width: auto;
}
.photo_caption__left {
    float: left;
    height: auto;
    margin: 0;
    padding: 4px 26px 12px 0;
    width: auto;
}
.photo_caption__left .photo {
    height: auto;
    width: auto;
}
.photo_caption__left .caption {
    color: #444444;
    float: left;
    font-family: Verdana,Arial,sans-serif;
    font-size: 0.68em;
    height: auto;
    margin: 8px 0;
    width: auto;
}