/*
#0b2a94 is the dark blue
#2d48a3 is the light blue
#9e9e9e is the light gray for the bg
#555555 is the gray for the text in the page content
#805921 is the brown for headers - voided 9/26/08
#996633 is a light brown for headers on the homepage
#333300 is the dark blue something for headers
#000066 is another dark blue
#191970 is midnightblue
#003399 is blue for blue700

*/


/* ------- html and body TO ENABLE HEIGHT SCALING OF ELEMENTS ----- */

  html, body {  height: 100%; }

  body {
    background-image: url(/images/background_tile-test.gif);
    background-position: left top;
    background-repeat:repeat-x;
    border:0px;margin:0px;
    background-color:#213869;
    font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
    font-size:12px;
    font-weight:normal;
    color:#333333;
		
		
  }


/* ----------------- HEADER  ------------- */


/* background-color: #0b2a94; */

  #header {
    background-color: #213869;
   /*  height:121px; border:0px; */
	  height: 77px; border:0px;
    border-bottom:1px solid #fff;
    z-index:953; 
		voice-family: "\"}\""; voice-family: inherit;
  }

  #titleImage {
    background-image: url(/images/header_tile-test.gif);
    background-position: left top;
    background-repeat:repeat-x;
    height:77px;
    z-index:954;
    position:absolute;
    width:100%;
    Left:0px;
    top:0px;
  }

  #closupLogo {
    margin:0;
    padding:0;
    border:0;
  }


  #closupWordmark {
    margin:0;
    margin-left:10px;
    margin-top:18px;
    border:0;
  }

  #photoBar {
    background-image: url(/images/pics.jpg);
    background-position: left top;
    background-repeat:repeat-x;
    height:54px;
    z-index:954;
    position:absolute;
    width:100%;
    Left:0px;
    top:77px;
  }



/* -------------- MAIN SEARCH FORM -------------- */


  #mainSearchContainer {
    z-index:1100;
    position: absolute;
    right:55px;
    top:3px;
    width:180px;
    border:0px;
    text-align:left;
  }

  * html #mainSearchContainer { top:9px; }


  .mainSearchForm {
    margin:0px;
    margin-bottom:8px;
    padding:0px;
   }


  .mainSearchInput {
    z-index:1101;
    font-family: Verdana, sans-serif;
    color: #333;
    font-size: 11px;
    background-image: url(/images/search_box_bkg.gif); background-position: left top; 
		background-repeat:no-repeat;
    width: 140px;
    height:16px;
    border:0px;
    margin:0px
    padding:0px;
  }

  * html body .mainSearch {
    height:18px; margin-bottom:4px;
  }

  



/* ----------------- CONTENT ------------- */

  #homeContent  {
    border:0px;
		border-left: 1px solid black;
		border-bottom: 1px solid black;
		border-right: 2px solid black; 
     width:84%; 
		/*width:50%; */
    min-width: 936px; 
    /* min-width: 836px; */
		height:auto;
    margin-left: 142px;
		margin-top: 0px;
		margin-bottom:0px;
    padding:0px;
		/*padding-left:15px;  */
		padding-left: 12px;
    padding-right:15px;
    /* background-color:#fafad2; */
		background-color:#ffffff; 
  }
	
	#content  {
    border:0px;
   	width:84%;
    min-width: 936px;
    height:auto;
    margin-left: 142px;
		margin-top: 0px;
		margin-bottom:0px;
    padding-left:15px;
    padding-right:15px;
    background-color:#ffffff;
  }
	

  

  #homeContent {
     padding-top: 1px;
  }


  .homeTagline {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:15px;
    color: #003399;
    margin-top:0;
		padding-top:8px;
		padding-left:5px;
  }


  #homeContent h1, #content h1 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    /* color:#191970; */
		color:#191970;
    padding-left:4px;
    padding-right:4px;
    padding-top:1px;
    padding-bottom:2px;
    line-height:16px;
  }

  #homeContent h2, #content h2 {
    padding:0;
    margin:0;
    padding-top:10px;
    padding-bottom:0px;
    margin-right:7px;
    margin-left:4px;
    display:block;
    border:0;
    /* color:#006; */
		color:#483d8b;	
    font-family: Helvetica, arial, sans-serif;
    font-size:11px;
    font-weight:bold;
    line-height:16px;
  }

  #homeContent h2 a, #homeContent a h2, #content h2 a, #content a h2  {
    /* color:#333300;*/
		color:#483d8b;
  }

  #homeContent h3, #content h3 {
    /* color:#006; */
		color:#483d8b;	
		font-size:11px;
   
  }


	 #homeContent h3 a, #homeContent a h3, #content h3 a, #content a h3  {
    /* color:#333300;*/
		color:#483d8b;
		font-size:11px;
  }


  #homeContent p, #content p {
    padding-left:4px;
    padding-right:4px;
    margin-top:8px;
    font-family:Helvetica, arial, sans-serif;
    font-size:12px;
    line-height:16px;
  }


  #contentTitle {
    color:#191970;
    font-weight:bold;
    height:auto;
    padding:0px;
    margin-left:4px;
    padding-top:20px;
    padding-bottom:14px;
    overflow:hidden;
    border:0;
    border-bottom:1px;
    border-color:#ccc;
    border-style:solid;
  }

  #contentTitle a { color:#805921; }

  #contentTitle h1 {
    font-size:16px;
    color:#191970;
    font-weight:bold;
    padding:0;
    margin:0;
  }

 #homeleftContentColumntop {
   /* width:614px; */
	  width:550px;
    min-width:300px;
    float:left;
    padding:0px;
		padding-left:7px;
		/* margin-left:-13px; */
		margin-left:-13px;
    margin-top:0px; 
		/* margin-top:-3px; */
    margin-bottom:0px;
    /* overflow:hidden; */
    border:0px; 
		/* border-right:1px solid #ccc; */ 
		border-bottom: 1px solid #ccc;
		background-color:#ffffff;
  }
	
	 #homeleftContentColumnbottomleft {
   /* width:614px; */
	  /* width:550px; */
    /* min-width:300px; */
		width:265px;
    float:left;
    padding:2px;
		padding-left:8px;
		margin-left:-10px;
    margin-top:0px;
    margin-bottom:0px;
    overflow:hidden;
    /* border:0; */
		/* border-right:1px solid #ccc; */ 
		background-color:#ffffff;
  }

		 #homeleftContentColumnbottomright {
   /* width:614px; */
	  /* width:550px; */
    /* min-width:300px; */
		width:265px;
    /* float:left; */
    padding:2px;
		/* margin-left:-13px; */
    margin-top:0px;
    margin-bottom:0px;
    overflow:hidden;
    /* border:0; */ 
		/* border-right:1px solid #ccc; */ 
		background-color:#ffffff;
  }

	
	
  #leftContentColumn {
   /* width:614px; */
	  width:550px;
    min-width:300px;
    float:left;
    padding:0px;
		padding-left:10px;
		margin-left:-13px;
    margin-top:1px;
    margin-bottom:0px;
    overflow:hidden;
    /* border:0; */
		border-right:1px solid #ccc;
		background-color:#ffffff;
  }

  * html body #leftContentColumn {
    width:46%;
  }


  #content #leftContentColumn {
    width:65%;
    min-width:500px;
    min-height:320px;
  }


  #HomerightContentColumn  {
    width:275px;
    min-width:110px;
    padding-left:10px;
		padding-right:10px;
		padding-bottom:0px;
		overflow:hidden;
    border:0;
    /* border-left:1px solid #ccc; */
    border-color:#ccc;
    border-style:solid;
		margin-left:0px;
		/* background-color:#fafad2; */
    margin-top:0px;
    margin-bottom:0px; 
  }
	
  #rightContentColumn  {
    position:relative;
    left:-1px;
    width:275px;
    min-width:110px;
    padding-left:10px;
		padding-right:10px;
		padding-bottom:0px;
		overflow:hidden;
    /* border:0;
    border-left:0px;
    border-color:#ccc;
    border-style:solid; */
		border-left:1px solid #ccc;
    margin-left:0px;
		background-color:#ffffff;
    margin-top:0px;
    margin-bottom:0px; 
  }	

  * html body #rightContentColumn {
    width:32%;
  }

  
  #content #rightContentColumn {
    width:25%;
  }


  #insideContentColumn { width:60%; min-width:380px; float:left; padding:4px; margin-left:10px; margin-top:4px; margin-bottom:4px; border:0;
                font: normal 11px/15px "Verdana", "Helvetica", sans-serif;
                min-height:500px;
              }

  * html body #insideContentColumn { width:55%; }
  


  /*--------------- Service Links --------------- */
        table.social{
            padding:0px 0px 0px 0px;
            margin:0px 0px 0px 0px;
        }
        img.share{
            margin:0px 0px 0px 0px;
            padding:0px 0px 0px 0px;
                    position: absolute;
                }
        span.share_link_text{
                    padding-left:20px;
            padding-top:1px;
                }
        img{
            border: none;
        }
        a{
            text-decoration: none;
        }

        div#contextual_options{
            width:400px;
            border-top:solid 1px #666666;
            padding-top:20px;
            margin-left: 4px;
        }

        div#print, div#email, div#share, div.contextual_options_seperator, div#sharethis{
            clear:none;
            float:left;
        }

        div#share, div#moreSocial{
            margin-top:-3px;
            margin-left:-5px;
        }

        div.contextual_options_seperator{
            margin-right:10px;
            margin-left:10px;
            border-left:solid 1px #666666;
            width:1px;
        }
        div#moreSocial{
            clear:both;
            padding-top:10px;
        }

        a.fake_link{
            color:#000099;
        }
        a.fake_link:hover{
  cursor:pointer;
}




/* -------------- QUICK COLUMN   -------------- */


#quickColumn {
  background-image: url(/images/quickinfo.gif);
  background-repeat: no-repeat;
  newwidth:180px;
  float:left;
  padding-top: 28px;
  padding-left: 9px;
  margin-left:4px;
  margin-top:10px;
  margin-bottom:8px;
  overflow:hidden;
  border:0;
  border-left:1px;
  border-top:2px;
  border-color:#600;
  border-style:solid;
  font-weight:bold
  }

  * html body #quickColumn { width:170px; margin-top:10px; padding-right:-48px; margin-right:-48px;}
    

  #quickColumn p {
    font-size:10px;
    margin-left:4px;
    margin-right:4px;
    padding:0;
  }

  .qinfo {color: #333;font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";font-size:10px;}
  .quickSmaller {color: #333;font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";font-size:9px;}
  .quick {color: #333;font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";font-size:10px;}


  a.quick:link{font-size:11px;color: #000099;}
  a.quick:active{font-size:11px;color: #000099;}
  a.quick:visited{font-size:11px;color: #000099;}
  a.quick:hover{font-size:11px;color: #0000ff;}

  a.quickOn:link{font-size:11px;color: #0000ff;}
  a.quickOn:active{font-size:11px;color: #0000ff;}
  a.quickOn:visited{font-size:11px;color: #0000ff;}
  a.quickOn:hover{font-size:11px;color: #0000ff;}

  a.quickSmaller:link{font-size:9px;color: #000099;}
  a.quickSmaller:active{font-size:9px;color: #000099;}
  a.quickSmaller:visited{font-size:9px;color: #000099;}
  a.quickSmaller:hover{font-size:9px;color: #0000ff;}



/* ----------------- FOOTER -------------  */

  #contentFooter {
    position:relative;
		z-index:500;
		color:#333333;
    padding:0px;
    margin-left:-12px;
		margin-right:-15px;
    margin-top:-5px;
		margin-bottom:-90px;
    padding-top:6px;
    padding-bottom:10px;
    overflow:hidden; 
    border:0;
    border-top:1px;
    border-color:#ccc;
    border-style:solid;
    text-align:center;
    background-color:#fafad2;
  }


  #contentFooter p { font-size:11px; }
  #contentFooter a { color:#805921; }


  .noWrap {
    width:auto;
    display:inline;
    margin:0;
    padding:0;
    border:0;
  }



  #footer {
      z-index:100;
      height:4px;
      width:auto;
      background:#ffffff;
      color:#555555;
      margin:0; margin-left:137px;
      padding:0px;
      vertical-align:middle;
      font-family:Helvetica, arial, sans-serif;
      font-size:11px;
      line-height:16px;
       }

 #footer-new {
    color:#333333;
    padding:0px;
    margin-left:4px;
    margin-top:20px;
    margin-bottom:-90px;
    padding-top:6px;
    padding-bottom:6px;
    overflow:hidden;
    border:0;
    border-top:1px;
    border-color:#ccc;
    border-style:solid;
    text-align:center;
    background-color:#fafad2;
  } 
 
 
  #subFooter {
    height:0px;
    overflow:visible;
    margin-top:90px;
    background-color:#fafad2;
    <!-- background:none; -->
  }

  #FordSchoolWordmark {
    margin:20px;
  }

  #UMWordmark {
    margin:20px;
    margin-top:20px;
  }



/* -------------- GENERAL FORMATTING  -------------- */



p {   color: #333333;
    font-size: 13px;
    font-family: Helvetica, arial, verdana, sans-serif;
    padding-left: 5px;
    padding-right: 5px;
  }




h1 {  font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-style: normal;
    color: #333300;
    line-height: 1.1em;
   <!--    margin-top:3px;
    padding-left:3px;
    padding-right:8px;
    padding-bottom:0px;
    padding-top:3px; -->
  }



    h1 {  padding-bottom:8px;  }
  


h2 {  font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-style: normal;
    color:#333300;
        <!-- padding-left:4px;
    padding-right:8px;       -->
  }


h3 {  font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
		color:#006;
		<!-- color:#333333; -->
  <!--   padding-left:4px;
    padding-right:5px; -->
  }


h4 {  font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
		color:#006;
    <!-- color:#333333; -->
    <!-- padding-left:4px;
    padding-right:5px; -->
  }

h5 {  font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-style: normal;
    color:#805921;
    line-height:22px;
    <!-- margin-top:12px;
    padding-left:4px;
    padding-right:5px; -->
  }

.h0_nopad, .h1_nopad, .h1_nopad_small {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color:#805921;
}


.anchor_table {
  border-bottom: 1px solid #ccc;
  padding-bottom:6px;
  padding-top:8px;
}


.anchor_solid_header {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size:16px;
  font-weight:bold;
  font-style:italic;
  color:#fff;
  background:#805921;
  padding:5px;
}

.anchor_td_pad {
  padding-top:6px;
  padding-bottom:6px;
}

#homeLink {
  float: right;
  color: #FFFFFF;
  padding: 12px 10px 0px 0px;
}

#homeLink a {
  color: #FFFFFF;
}

table, tr, td {font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";font-size:12px;}

p {font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";font-size:12px;padding-left:16px;padding-right:12px;}
p.address {color: #333300;font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";font-size:11px;text-align: center;}


p.footnote {color: #666;}


.newsImage {  border:1px solid #555; margin:5px; margin-left:0px; margin-right:10px; padding:0;}

.newsImageTableLeft, .newsImageTableRight {  border:1px solid #444; border-bottom:0; }
.newsImageTableLeft { float:left; margin:16px; }
.newsImageTableRight { float:right; margin:16px; }
.newsImageTableLeft td, .newsImageTableRight td { border-bottom:1px solid #222; text-align:center;}
.newsImageTableLeft p, .newsImageTableRight p { margin: 2px; padding:0; line-spacing: 10px;  font-size:10px; color: #444;  font-family: Lucida,  Arial, Verdana, sans;}

.newsImageTableLeft2 {  float:left; margin-right: 16px; margin-left: 16px; margin-bottom: 16px;}
.newsImageTableLeft2 td { text-align:center;}
.newsImageTableLeft2 p { margin: 2px; padding:0; line-spacing: 10px;  font-size:10px; color: #444;  font-family: Lucida,  Arial, Verdana, sans;}

.eventsImageTableLeft, .eventsImageTableRight { margin:6px;}
.eventsImageTableLeft { float:left; margin-left:16px; margin-right:16px; }
.eventsImageTableRight { float:right;  margin-left:16px; margin-right:16px; }
.eventsImageTableLeft td, .eventsImageTableRight td { vertical-align:top;}
.eventsImageTableLeft td img { border:1px solid #444;}

.blackBorder {border: 1px solid;}


ul { padding-right:12px; }
ol { padding-right:12px; }


b { font-weight:bold; }


hr {
  height: 1px;
  border-style: solid;
   color: #bbb;
  border-left: 0px;
  border-right: 0px;
  border-top: 1px;
  <!-- width:98%; -->
    <!-- padding-top:10px; -->
 }


.uppercase { text-transform:uppercase; }

.nopad { padding: 0px; }


.grayBorder { border: 1px solid #ddd }

#content th {
  background-color: #9e9e9e;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  }

  .nodot {
    list-style: none;
  }




  /* ----------------- LISTS -------------- */



ul {color: #333333;
    font: normal 11px "Verdana", "Helvetica", sans-serif;
  line-height: 15px;
  font-weight: normal;
}

ol {color: #333333;
    font: normal 11px "Verdana", "Helvetica", sans-serif;
  line-height: 15px;
  font-weight: normal
}


ol ul li {
  list-style-type: square;
  color: #333333;
  font: normal 11px "Verdana", "Helvetica", sans-serif;
  line-height: 15px;
  font-weight: normal

}

ol ol
{
  list-style-type: lower-alpha;
}


 .ulTardPadding {
padding-left:14px;
padding-right:0px;
 }


* html .ulTardPadding {
  padding-top:10px;
  padding-top:10px;
  padding-left:5px;
  padding-left:5px;
  padding-bottom:0px;
  padding-bottom:0px;
  padding-right:4px;
  padding-right:4px;
}


#content li, #content li li {
  margin-top:8px;
}

* html #content li {
  vertical-align: top;
  list-style: disc inside none;
  margin-left:0;
  padding-left:0;
}

* html #content li li {
  vertical-align: top;
  list-style: circle inside none;
  margin-left:0;
  padding-left:0;
}







/* ---------- LINKS ----------- */

a:link    {text-decoration:none;color:#0000cc;}
a:visited {text-decoration:none;color:#0000cc;}
a:active  {text-decoration:none;color:#0000cc;}
a:hover   {text-decoration:none;color:#0000cc;}


.emailDomainImage  {  margin-bottom:-1px; margin-left:1px; }




/* -------------- PADDING & MARGINS -------------- */

 .pd1 {padding-left:7px;padding-bottom:1px;padding-top:1px;}
 .pd2 {padding-bottom:1px;padding-top:1px;}
 .pd3 {padding-bottom:1px;padding-top:1px;}
 .pd4 {padding-bottom:1px;padding-top:1px;}
 .padrgt {font-weight: bold; text-align: right;padding-left:7px;padding-right:7px;padding-bottom:3px;padding-top:3px;}
 .padrgnvs {padding-left:7px;font-weight: bold; padding-bottom:2px;padding-top:2px;}
 .padrgnvq {padding-left:6px; padding-bottom:4px;padding-top:4px;padding-right:4px;}







/* -------------- PERSON DISPLAY STYLES -------------- */

.person_header { font-family: "Verdana", Verdana, helvetica, sans; font-size: 20px; }
.person_title {  font-family: "Verdana", Verdana, helvetica, sans; font-size: 12px; }
.pressImage {  border:1px solid #555; margin:5px; margin-right:0px;  }






/* -------------- OTHER PAGES SEARCH FORMS -------------- */

.pageSearch {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #111;
  font-size: 11px;
  background-color:#ffffff;
  width: 95px;
  height: 18px;
  border: 1px solid #666;
  margin:0px;
}






/* -------------- FORM FIELDS -------------- */

.textFields {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #111;
  font-size: 11px;
  background-color:#ededed;
  border-width: 1px;
  height: 13px;
  border-style: solid;
  border-color:#ccc;
}

.greenButton {
  text-align:center;
  color:#000;
  background-color:#33FF99;
  border:1px solid #002;
}








/* -------------- SORT HEADER TABLES -------------- */
.sortTable {
  border-width: 1px;
  border-style: solid;
  border-color:#ccc;
  background-color:#ededed;
  border-top: 1px solid #ccc;
  margin-bottom:0;
  margin-top:0;
}

.sortHeader {
  font-family:Arial,Verdana,Helvetica,sans-serif,"MS sans serif";
  color: #000000;
  font-weight:bold;
  font-size:12px;
}









/* -------------- LEGENDS  -------------- */


.legendTable {
  border: 1px solid #ccc;
  padding:4px;
}

.legendUnderline, table.legendTable td {
  border-bottom:1px dotted #ccc;
  padding-bottom:2px;
  padding-top:2px;
}




/* -------------- MENU TABLES -------------- */

.menuTable td {
  border-width: 1px;
  border-style: solid;
  border-color:#ccc;
  background-color:#ededed;
  border-top: 1px solid #ccc;
  margin-bottom:0;
  margin-top:0;
}





/* -------------- PHOTO GALLERY -------------- */

.photoGalleryText {
  margin-bottom:0px;
  margin-top:0px;
  margin-right:4px;
  margin-left:2px;
  padding-top:0px;
  padding-bottom:0px;
}



/* ------------- SUPREMELY ANNOYING IE MARGIN BUG HACKS ----------------- */

* html #goSort, * html #go {
  margin-top:0px;
  margin-bottom:0px;
  margin-top:1px;
  margin-bottom:0px;
}


/* --------------  CMS DATABASE PAGE FORMATTING -------------- */

.eventBox {  clear:both; }
.imageTable {
  clear:both;
  margin-left:15px;
}

.eventsTable,  .pressReleaseTable{ border-top: 1px solid #ccc }

.eventsTable p {
  margin-left:0; margin-right:0;
  padding-left:0; padding-right:0;
}

.pressReleaseTable p {
  margin-left:0; margin-right:0;
  padding-left:0; padding-right:0;
}


.abstract {
  font-family: "Courier New", Courier, mono;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  color: #000000;
  margin-left: 20px;
  margin-right: 10px;
}


.red
{
  color: #c00;
}

/* ---------------- Added by TMI -------------*/

	
 .ie-lists-ul { 
 list-style-type: none; 
 padding: 0px; 
 margin: 0px
  }
	
 .ie-lists-li {
 background-image: url(http://closup.umich.edu/gifs/bullet-5.gif); 
 background-repeat: no-repeat; 
 background-position: 0px 5px; 
 padding-left: 14px;
 	}
	
	
 .rt-col-header {
 background-color: #fafad2;
 border-color: #000066;
 border-style: solid;
 border-left: 0px;
 border-right: 0px;
 border-top: 1px;
 border-bottom: 1px;
 padding: 2px;
 margin: 2px
  }


 .footer-yellow {
  background-color: #fafad2;
  }

 .table-bg-burlywood {
  background-color: #cccc99;
  }
	
 .table-bg-lightyellow {
  background-color: #ffffcc;
  }
	
	.black {
	color: black;
	}
		
 .blue700 {
  color: #003399;
  font-weight: 700;
  }

 .darkblue700 {
  color: #000066;
  font-weight: 700;
  }

 .red700 {
 color: #ff0000;
 font-weight: 700;
 }

 .blue {
 color: #003399;
 }

 .italics {
  font-style: italic;
 }

 .underline {
 text-decoration: underline;
 }

 .center {
 text-align: center;
 }

 .nomargin {
 margin: 0px;
 }

 .noborder {
 border: 0px;
 }

 .large {
  font-size: large;
}

.medium {
  font-size: medium;
}

.small {
  font-size: small;
}

.xsmall {
  font-size: x-small;
}

.700 {
  font-weight: 700;
}

.noline { text-decoration: none;
}

.img_no_border { border-style: none;
}

.blueborders {
  border-color: #000066;
  border-style: solid;
  border-width: 1px
}




/* ---------------- MPPS TABLES & DASHBOARD -------------*/

#mpps-table
{
  width: 90%;
  border: 1px solid #ccf;
  font-size: 1em;
  background-color: #336;
  margin: 0em 1em 1em 1em;
}

#mpps-table caption
{
  margin: 2px 2px 0px 2px;
  border: 1px solid #ccf;
  background-color: #336;
  color: #fff;
  padding: .25em;
  font-size: 1.3em;
}

#mpps-table thead th
{
  background-color: #336;
  border: 1px solid #ccf;
  color: #fff;
  text-align: center;
  font-weight: normal;
  vertical-align: bottom;
}


#mpps-table tbody th
{
  background-color: #ffc;
  border: 1px solid #ffc;
  padding-left: 10px;
  text-align: left;
  vertical-align: center;
  color: #000; 
  font-weight: normal;
  font-size: 1em;
  width: 70%;
}

#mpps-table tbody td
{
  font-weight: normal;
  background-color: #fff;
  padding: .25em;
  text-align: center;
  width: 10%;
}

#mpps-table-legend
{
  border: 1px solid #ccf;
  font-size: 1em;
  margin: 0em 1em 1em 2em;
}

#mpps-table-legend caption
{
  margin: 2px 2px 0px 2px;
  border: 1px solid #ccf;
  background-color: #336;
  color: #fff;
  padding: .25em;
  font-size: 1.3em;
}

#mpps-table-legend thead th
{
  background-color: #336;
  border: 1px solid #ccf;
  color: #fff;
  text-align: center;
  font-weight: normal;
  vertical-align: bottom;
}


#mpps-table-legend tbody th
{
  background-color: #ffc;
  border: 1px solid #ffc;
  padding-left: 10px;
  text-align: left;
  vertical-align: center;
  color: #000; 
  font-weight: normal;
  font-size: 1em;
  width: 70%;
}

#mpps-table-legend tbody td
{
  font-size: x-small;
	font-weight: normal;
	color: black; 
  background-color: #fffff0;
  padding: .5em;
  text-align: left;
  width: 10%;
}


/* --------------  s3slider -------------- */


#slider { 
   width: 550px; /* important to be same as image width */ 
   height: 250px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-top:-5px;
   margin-left:-3px;
	 margin-right:-50px;
	 padding-left:0px;
	 padding-right:-20px;
	 padding-top:0px;
	 /* background-color:#213869; */ 
	 background-color:#ffffff;
}

#sliderContent {
   width: 550px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
	 margin-top:0px;
	 padding-left:0px;
	 padding-top:0px;
	}

.sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.sliderImage span {
   position: absolute; /* important */
   /* z-index: 100; */
	 left: 0;
   font: 12px/15px Arial, Helvetica, sans-serif;
   /*  padding: 10px 13px;  */
	padding: 5px 8px;
   /* width: 374px; */
	 width: 500px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.85; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.85; /* here you can set the opacity of box with text */
   opacity: 0.85; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}

/* CSS for jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 
 

/* --------------  Orbit Slider -------------- */
 
/* ORBIT SLIDER CSS - PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
   ================================================== */
#featured { 
	width: 550px;
	height: 250px;
	background: #000 url(http://closup.umich.edu/gifs/orbit/loading.gif) no-repeat center center;
	overflow: hidden; }
#featured>img,  
#featured>div,
#featured>a { display: none; }

#featuredContent {
  background: #fff;
	padding-left: 20px;
	}


/* CONTAINER
   ================================================== */

div.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative; }

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden }

div.orbit>img {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }

div.orbit>a {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0; 
    display: none; }

.orbit>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */



/* TIMER
   ================================================== */

div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 1001; }

span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(http://closup.umich.edu/gifs/orbit/rotator-black.png) no-repeat;
    z-index: 3; }

span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }

span.rotator.move {
    left: 0 }

span.mask.move {
    width: 40px;
    left: 0;
    background: url(http://closup.umich.edu/gifs/orbit/timer-black.png) repeat 0 0; }

span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(http://closup.umich.edu/gifs/orbit/pause-black.png) no-repeat;
    z-index: 4;
    opacity: 0; }

span.pause.active {
    background: url(http://closup.umich.edu/gifs/orbit/pause-black.png) no-repeat 0 -40px }

div.timer:hover span.pause,
span.pause.active {
    opacity: 1 }


/* CAPTIONS
   ================================================== */

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 1000;
    color: #fff;
	text-align: center;
	padding: 7px 0;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }


/* DIRECTIONAL NAV
   ================================================== */

div.slider-nav {
    display: block }

div.slider-nav span {
    width: 15px;
    height: 19px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: 100px;
    cursor: pointer; }

div.slider-nav span.right {
    background: url(http://closup.umich.edu/gifs/orbit/right-arrow-xsmall.png);
    right: 0; }

div.slider-nav span.left {
    background: url(http://closup.umich.edu/gifs/orbit/left-arrow-xsmall.png);
    left: 0; }

/* BULLET NAV
   ================================================== */

.orbit-bullets {
    position: absolute;
    z-index: 1000;
    list-style: none;
    bottom: -17px;
    left: 50%;
	margin-left: -50px;
    padding: 0; }

.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(http://closup.umich.edu/gifs/orbit/bullets.jpg) no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

.orbit-bullets li.active {
    color: #222;
    background-position: -8px 0; }
    
.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }