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

/*noinspection CssUnknownTarget*/
@import url(https://fonts.googleapis.com/css?family=Roboto); /*font-family: 'Roboto', sans-serif;*/
/*noinspection CssUnknownTarget*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed); /*font-family: 'Roboto Condensed', sans-serif;*/
@import url(font-awesome/css/font-awesome.css);
@import url(font-awesome/css/font-awesome.min.css);

* {
	margin: 0;
}

html, body {
	height: 100%;
}

/*noinspection ALL*/
body {
	margin: 0;
	padding: 0px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: .85em;
	color: #000;
}

.hidden {position: absolute; margin-left: -9999px;}

/*-----------home-------------------*/

body#home #container {
	margin: 0 auto;
	width: 763px;
	position: relative;
	background: url(images/bkgnddrp.gif) top repeat-y;
}

body#home #container img {
	margin: 0;
	padding: 0px;
}	

body#home #homelink {
	top: 38px;
	left: 305px;
	position: absolute;
	height: 170px;
	width: 393px;
}	

body#home #leftcol {
	margin: 344px 0 0 16px;
	width: 241px;
	float: left;
	display: inline;
}

body#home #leftcol img {
	border: none;
	padding: 50px 0px 0px 22px;
}

body#home #rtcol {
	margin: 265px 32px 0px 33px;
	width: 416px;
	float: right;
	display: inline;
}

.center {
    text-align: center;
}

.clear {
	clear: both;
}

#main {
	min-height: 100%;
	height: auto !important;
	margin-bottom: -180px;
}

.wrapper {
	margin: 0 auto;
	padding: 40px 0;
	width: 760px;
}

/* ---------- HEADER ---------- */
.header-wrapper,
.footer-wrapper {
	margin: 0 auto;
	width: 760px
}

#header-image {
	background-image: url(images/headerBG.jpg);
	background-size: 100%;
	width: 100%;
	height: 220px;
}

#header {
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
	padding-top: 40px;
}

#header h1 {
	margin: 0;
	padding: 0;
}

#header h1 a {
	padding: 0;
	background-image: url(images/umich-logo.png);
	background-size: 100%;
	background-color: #00274c;
	width: 132px;
	height: 139px;
	float: left;
	text-indent: -9000px;
}

#header-text {
	margin-left: 200px;
}

#header h2, #header h3 {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	font-weight: 100 !important;
	text-shadow: -3px 3px 5px #000000;
}

#header h3 {
	font-size: 24px;
	letter-spacing: 6px;
	margin: 0;
	line-height: 24px;
}
#header h3 sup {
	vertical-align: top;
	font-size: 16px;
	line-height: 15px;
}

#header h2 {
	font-size: 36px;
}

#header p {
	font-family: Georgia,"Times New Roman",Times,serif;
	margin: 0;
	font-size: 18px;
	padding: 25px 0 0;
	letter-spacing: 2px;
}

/* --------- FOOTER ---------- */
#push {
	float: left;
	width: 100%;
}

#footer, #push {
	height: 180px;
}

#footer {
	width: 100%;
	background-color: #00274c;
	color: #ffffff;
	font-size: 11px;
	font-family: 'Roboto', sans-serif;
}

/* -- LOGO --*/
#footer h1 a {
	margin: 0 20px 0 0;
	padding: 0;
	background-image: url(images/umich-logo-footer.png);
	background-size: 100%;
	background-color: #00274c;
	width: 87px;
	height: 91px;
	float: left;
	text-indent: -9000px;
}

.footer-wrapper {
	padding-top: 20px;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
	display: block;
}

#footer a:hover span {
	color: #ffcb0b;
	border-bottom: dotted 1px #ffcb0b;
}

#footer i {
	color: #ffcb0b;
	padding-right: 5px;
}

#footer .campuses {
	display: inline-block;
	margin: 10px 0 0 0;
}

#footer .campuses li {
	float: left;
	border-right: solid 1px #ffffff;
	padding: 0 10px;
}

#footer .campuses li:first-child {
	padding-left: 0;
}

#footer .campuses li:last-child {
	border: none;
}

#footer .contact a {
    display: inline;
}

#footer .contact .phone a {
	display: initial;
}

/* --------- ARTICLE --------- */

#article {
	width: 100%;
	float: left;
	padding: 40px 0 80px 0;
}

/*-----------interior-------------------*/

#container {
	margin: 0 auto;
	width: 763px;
	position: relative;
	background: url(images/int-bkgrnddrp.gif) top repeat-y;
}

#container img {
	margin: 0;
	padding: 0px;
}

#homelink {
	top: 30px;
	left: 260px;
	position: absolute;
	height: 132px;
	width: 465px;
}	
		

#leftcol {
	margin: 0;
	width: 228px;
	float: left;
	display: inline;
}

#leftcol img {
	border: none;
	padding: 50px 0px 0px 22px;
}

#rtcol {
	margin: 0 20px 0 0;
	width: 490px;
	float: right;
	display: inline;
	line-height: 22px;
}	

#rtcol img {
	margin: 15px 0;
}		


/*-----------both-------------------*/



#leftcol ul {
	padding: 0 41px 0 25px;
	margin-left: 0;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: .9em;
	color: #000;
	text-transform: uppercase;
	list-style: none;
}

#leftcol ul ul {
	margin: 0;
	padding-left: 15px;
	list-style: disc;
	font-size: 1em;
	text-transform: none;
}

#leftcol li {
	padding: 0px;
	margin: 0;
}

#leftcol ul a {
	background: url(images/bg_border.gif) top left repeat-x;
	padding: 6px 0 4px 0;
	display: block;
}

#leftcol ul ul a {
	background: none;
	padding: 0px 0px 2px 0px;
}

#leftcol a.nonelast {
	background: none;
	padding: 0px 0px 10px 0px;
}	


#leftcol #current ul, #leftcol #current a {
	color: #e9d487;
}	

/*---------formatting----------------*/


h1, h2, h3, h5 {
	/*font-family: 'Trebuchet MS', Helvetica, sans-serif;*/
	/*color: #7d431a;*/
	font-weight:bolder;
	
}
	
h1 {
	margin: 0 0 0 25px;
	font-size: 1.3em;
	text-transform: uppercase;
	
}	

h2 {
	margin: 20px 0px 0px 25px;
	font-size: 1.1em;
}

h3 {
	margin: 10px 0px 0px 25px;
	font-size: .9em;
}	


h5 {
	margin: 10px 0 25px 25px;
	font-size: .7em;
}

p {
	margin-top: 3px;
	margin-bottom: 12px;
	margin-left: 25px;
}

ul {
	margin: 10px 0 10px 25px;
	padding: 0px;
	list-style: none;
}	

/* Styled list with bullet points */
ul.bullet-list {
	margin: 10px 0 15px 25px;
	padding-left: 20px;
	list-style: disc;
}

ul.bullet-list li {
	margin: 8px 0;
	padding-left: 5px;
	line-height: 1.5em;
}

/* Styled h3 for steps */
h3.step-heading {
	margin: 20px 0 10px 25px;
	font-size: 1.05em;
	font-weight: bold;
	color: #7d431a;
}
				

/*-----------links-------------------*/

#rtcol p.addendum {
	padding-left: 20px;
}

#rtcol a,
#leftcol a:active {
 	text-decoration: none; 
 	color: #7d431a;
 }

#rtcol a:hover {
	color: #e9d487;
}

#leftcol a, 
#leftcol a:active {
	text-decoration: none; 
	color: #000;
}

#leftcol a:hover {
	text-decoration: underline; 
	color:#e9d487;
}

.brown-button {
	text-transform:uppercase; 
	text-decoration: none; 
	background-color: #7d431a; 
	color:white !important; 
	font-size: 20px; 
	padding: 8px 16px; 
	border-radius: 4px;
}