/* general_carla.css */
@charset "UTF-8";



/*ADA Skiplink */
#skip a, #skip a:hover, #skip a:visited 
{ 
position:absolute; 
left:-10000px; 
top:auto; 
width:1px; 
height:1px; 
overflow:hidden;
} 

#skip a:active, #skip a:focus 
{ 
position:static; 
width:auto; 
height:auto; 
}




/* Specifies base text size and font for all pages */
body {
	color: #333; 
	font-family: 'Raleway', sans-serif;
	line-height: 1.2em;
	margin: 0px;
	font-size:14px;
}

.center {
	width:960px;
	margin-left: auto;
	margin-right: auto;
	border:thin solid #eee;
	display: table;
}

div.mainbody {
	float: right;
	width: 960px;
	height: 100%;
	padding: 0px;
	margin: 0px;
	display: inline;
	background-color: #f9f7f6;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #452F5E;    /*  CARLA purple   */
}





/*   horiz nav bar style   */
.navbar {
	width:960px;
	margin-top:90px; 
}

.navbar ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	font-size: 90%;
	padding-left:145px;
}

.navbar li {
    float: left;
}

.navbar li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 7px 14px 6px;  /*  these are the spacings on the bar itself  top & bottom and then inbetween them  */
    text-decoration: none;
}

/*  this is what keeps the tab in hover state when you scroll down the pulldown    */
#main-menu > li:hover > a {
  background-color: #f9f7f6;    /* this is the lt gray bg color in the nav bar  */
  color: #333;
  text-decoration: none;

  border-bottom: thin solid #452f5e;
}

.navbar a.active { 
  color: #ffd768;
}   

.navbar .dropdown-content {
    display: none;
	padding-top:10px;
	padding-bottom:20px;
    position: absolute;
    background-color: #f9f7f6;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 5500000;
}

.navbar .dropdown-content a {
    color: #333;
    padding: 5px 16px;  /* this is the spacing on the dropdown list - top and bottom then side   */
    text-decoration: none;
    display: block;
    text-align: left;
}

.navbar .dropdown-content a:hover {
    background-color: #452f5e;       /*this is the purple hover color in the drop-down part   */
	color: #fff;
}

.navbar .dropdown:hover .dropdown-content {
    display: block;
}

.navbartitle {   
	font-weight:600;   /*   this is the bolded subheaders in the pulldowns  */
	margin-left:10px;
	margin-top:15px;
	margin-bottom:5px;
	font-family: Raleway, sans-serif;
}








/* right side main content - used everywhere. */
div.column1 {
	float: right;
	width: 750px;
	height: 100%;
	padding-left: 20px; 
	background-color: #FFF;
	min-height: 650px;
}

/* Used everywhere. Not sure why it is different from column1    */ 
div.column1a {
	float: right;
	width: 750px;
	height: 100%;
	background-color: #FFF;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px; 
	visibility: visible;
	min-height: 650px;
}

/* Left nav column */
div.column2 {
	height: 100%;
	float: left;
	width: 210px;
	padding: 0px;
	padding-left: 10px;
	min-height: 300px;
	background-color: #f9f7f6;
}
 



/* title and photo for top level pages    */
#bodytop3 {
	float: left;
	height: 188px;
	width: 194px;
}

#pagetop {
	width: 700px;
}

div#headtext2 {
	padding-left: 15px;
	padding-bottom: 38px;
	padding-top: 35px;
	padding-right: 20px;
	display: block;
}

#introtext {
	margin-bottom: 25px;
	margin-top: 20px;
	font-style:italic;  
	font-size:12px;
}




/* content section within Column1 to the right of the vertical nav bar section    */
div.bodycopy {
	padding-left: 0px;
	padding-right: 20px;
	padding-top: 10px;
	min-height: 650px;
}

/* - CLASSES FOR LINKS - */

div#bodycopy a:link, div#bodycopy a:visited, div#bodycopy a:active {
	color: #452F5E;
	text-decoration:underline;
}
div#bodycopy a:hover {
	background-color:#EEE;
	color: #7a0019;     /* this is a maroon font color   */
}


/* - CLASSES FOR H2 and H3 as LINKS - */
div#bodycopy h3 a:link, div#bodycopy h2 a:link, div#bodycopy h3 a:visited, div#bodycopy h2 a:visited, div#bodycopy h3 a:active, div#bodycopy h2 a:active  {
	text-decoration:none;
	color: #7a0019;     /* this is a maroon font color   */
}

div#bodycopy h3 a:hover, div#bodycopy h2 a:hover  {
	text-decoration: underline;
	background-color:#EEE;
	color: #333;      /* this is a dk gray font color   */
}




/* Styles left navigation links */

.navsectitle {
	margin:0px;
	margin-top:20px;
	margin-bottom: 8px;
	font-size:14px;
	font-weight:600;
	color:452f5e;
	border-bottom: thin solid #452f5e;
}



/* Creates sections for a list of navigation links - one link per row - in the carla-template.dwt     */
/* vertical nav style   */
.vertical-menu {
    width: 190px; 
	float:left; 
	font-size:90%;
}

.vertical-menu a {
    color: #333; /* gray text color */
    display: block; /* Make the links appear below each other */
    padding: 4px; 
    text-decoration: none; 
	background-color: #f9f7f6;
}

.vertical-menu a:hover {
    background-color: #452f5e; /* ffb71egold background on mouse-over */
	color: #fff;
}

.vertical-menu a.active {
    background-color: #452f5e; /* Add bg color to the "active/current" link */
    color: #fff;
}

.vertical-menu ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
}





/*  were the old gold sections, now they just add the indent spacing    */
div.nav, ul.nav li {
	FLOAT: left;
	PADDING: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 189px;
	clear:both;
}

div.nav2, ul.nav2 li {
	font-style:italic;
	FLOAT: left;
	PADDING: 0px;
	PADDING-LEFT: 10px;
	WIDTH: 179px;
	clear:both;
}

div.nav3, ul.nav3 li {
	font-style:normal;
	list-style-type: none;
	FLOAT: left;
	PADDING: 0px;
	PADDING-LEFT: 10px;
	WIDTH: 169px;
	clear:both;
}

div.nav4, ul.nav4 li {	
	list-style-type:disc;
	FLOAT: left;
	PADDING: 0px;
	PADDING-LEFT: 0px;
	margin-left: 25px;
	WIDTH: 140px;
	font-size: 1.0em;
	clear:both;
}

div.nav5, ul.nav5 li {
	list-style-type:circle;
	FLOAT: left;
	PADDING: 0px;
	PADDING-LEFT: 0px;
	margin-left: 25px;
	WIDTH: 140px;
	font-size: 0.8em;
	clear:both;
}

/* nav6 and nav7 are only used in the VAC's deep nav menu  */
div.nav6, ul.nav6 li {
	float:left;
	PADDING: 0px;
	padding-left: 15px;
	font-size: 0.8em;
	WIDTH: 134px;
}

div.nav7, ul.nav7 li {
	float:left;
	PADDING: 0px;
	padding-left: 15px;
	WIDTH: 119px;
	font-size: 0.8em;
}




/* marks the nav for where current page URL - hard-coded on many nav menus that aren't lbi and js navs */
li#active4 {
text-decoration: underline;
font-weight: bold;
}
li#active4 a:link {
	color: #7a0019;   /* maroon color  */
	font-weight: bold;
	text-decoration: underline;
}
li#active4 a:visited {
	color: #7a0019;
	font-weight: bold;
	text-decoration:underline;
}
li#active4 a:active {
	color: #7a0019;
	font-weight: bold;
	text-decoration: underline;
}
li#active4 a:hover {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}



/* Specifies sizes and maroon color for heading tags */
h1, .docHead1 {
	font-size: 1.9em;
	line-height: 1.2em;
	margin-top: 13px;
	margin-bottom: 2px;
	margin-left: 0px;
	color: #7a0019;
	font-weight: 400b;
}

h2, .docHead2 {
	font-size: 1.4em;
	line-height: 1.2em;
	margin-top: 13px;
	margin-bottom: 2px;
	color: #7a0019;
	font-weight: 400b;
}
	
h3, .docHead3 {
	font-size: 1.2em;
	margin-top: 13px;
	margin-bottom: 2px;
	line-height: 1.2em;
	color: #7a0019;
	font-weight: 400b;
	}

h4 {
	line-height: normal;
	font-weight: 400b;
	font-size: 1.0em;
	margin-top: 13px;
	margin-bottom: 2px;
	color: #7a0019;
}

/* don't know where these are used, but for sure in odd places...   */
h5 {
	line-height: normal;
	font-weight: normal;
	font-size: 0.8em;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 20px;
	color: #7a0019;
}

h6 {
	line-height: 1.2em;
	font-weight: normal;
	font-size: 100%;
	vertical-align: top;
	margin-top: 0px;
	color: #7a0019;
}


.bibliography {
	margin-left: 2em;
	text-indent: -2em;
}


/*FAT FOOTER*/
div#ff { 
	 color:#333;
	 background-color: #f9f7f6;
	 font-size:70%; 
	 width:960px;
}

div#ff a:link, div#ff a:visited, div#ff a:active {
	text-decoration: none;
	color:#7a0019;
}

div#ff a:hover {
	text-decoration: underline;
	background-color:#eee;
}


div.ffcol_l {
	float:left; 
	width:120px; 
	padding-left:20px; 
	padding-top:15px; 
	padding-bottom:15px;
	padding-right:20px;
	display: inline-block; 
	
}
div.ffcol_r {
	float:right; 
	width:250px; 
	padding-left:20px; 
	padding-top:15px; 
	padding-bottom:15px;
	padding-right:15px;

}

<!-- dark purple CARLA address section  -->

div#address_line {
	clear:both;
}

div#address {
	background-color: #452f5e; 
	padding: 10px;
	font-weight: bold;
	width:960px;
	font-size: 80%;
	color:#fff;
	text-align:center;
	clear:both;
}
div#address a {
	text-decoration: underline;
	color:#fff;
}


<!-- lighter purple U of M stuff at bottom  -->
div#UMfooter {
	background-color: #fff;
	clear:both;
}

div#footer_left {
	 margin-top:10px; 
	 margin-left: 30px;
	 color:#333;
	 font-size: 80%;
	 float: left;
	 width: 50%;
	 display: block;
}


div#footer_right{
	float: right;
	font-size: 80%;
	width: 45%;
	display: block;
	text-align: right;
	line-height: 15px;
	padding-right: 30px;
	vertical-align:top;	
}

ul.footer_links {float:right;}
ul.footer_links li {
	display:inline;
	padding-left: 0px;
}

ul.footer_links li a {color:#7a0019; text-decoration:none;}
ul.footer_links li a:link {color:#7a0019;}
ul.footer_links li a:visited {color:#7a0019;}
ul.footer_links li a:hover {background-color:#eee; text-decoration:underline;}
ul.footer_links li a:active {color:#7a0019;}




/* Clears rows -- anything that floats will start on a new row */
div.rowClear {
	clear: both;
}

/* not used?  */
div.headtext {
	padding-left: 175px;
	margin-left: 15px;
}





input {
	font-family: sans-serif;
	font-size: 90%;
	background-color:#eee;
}
select {
	font-family: sans-serif;
	font-size: 90%;
	background-color:#eee;
}
.note {
	font-family: sans-serif;
	font-size: 80%;
	font-weight: normal;
}
.red {
	color: #7a0019;
}


.portrait {
	padding: 2px;
	border: 1px solid #452F5E;
	margin: 2px 10px 10px 0px;
	display: block;
}

.rounded-corners {
    border-radius: 20px;
}
.button-rounded-corners {
    border-radius: 5px;
}