/* - - - - - - - - - - - - - - - - - - - - -  

Style CSS
2005 November 9
Mark Fox: foxxx254@umn.edu
University Libraries Communications Office 
updated June 2006 for CBI

- - - - - - - - - - - - - - - - - - - - -  */



/* . . . . . . . . . . . */
/*        HEADERS        */
/* . . . . . . . . . . . */

H1, H2, .callout_header { 
	letter-spacing:.075em; 
	}

H1, H2, H3 { 
	margin-bottom:.3em; 
	}

H1, .callout_header, { font-weight:normal; text-transform: uppercase; color:#000000;
}


H1 { 
	font-size: 1.25em; 
	margin:1.2em 0em .55em 0em; 
text-transform: uppercase; 
	}
	


.callout_header, .subnav h1, .mainnav h1 { 
	font-size: 1.1em; text-transform: uppercase; 
	}

.callout_spotlightheader {background-color: #660000; padding: .0em .0em .0em .0em;
	font-size: 1.5em; color: #FFFFFF; text-align:center; text-transform: uppercase; font-family: Minion, Stone Sans ITC, Trebuchet MS, Helvetica, Tahoma, Arial, Sans-Serif; letter-spacing:.075em; margin:0em; 

}

.callout_cbiheader {padding: .0em .0em .0em .0em;
	font-size: 2em; color: #FFFFFF; text-align: right; text-transform: uppercase; border-bottom:#FFFFFF; border-bottom:solid; border-bottom-width: thin; font-family: Minion, Stone Sans ITC, Trebuchet MS, Helvetica, Tahoma, Arial, Sans-Serif; letter-spacing:.075em; margin-top:.25em; 

}

.callout_cbiheader2 {padding: .0em .0em .0em .0em;
	font-size: 1em; color: #FFFFFF; text-align: right; text-transform: uppercase; font-family: Minion, Stone Sans ITC, Trebuchet MS, Helvetica, Tahoma, Arial, Sans-Serif; letter-spacing:.075em; margin:0em; border:none; 

}

.callout_cbiheader3 {padding: .0em .0em .0em .0em;
	font-size: 1em; font-weight:bold; color: #FFFFFF; text-align: right; text-transform: uppercase; font-family: Minion, Stone Sans ITC, Trebuchet MS, Helvetica, Tahoma, Arial, Sans-Serif; letter-spacing:1em; margin:0em; border:none; 

}

	
H2, H3 { 
	font-size: 1.2em; 
	font-weight:normal; 
	color:#666666; 
	}

H2 { 
	margin-top:1.2em; 
	text-transform: uppercase; 
	}

H3 { 
	margin-top: .9em; 
	text-transform: none; 
	} 



/* custom classes */

.special_header { font-size:1.23em; font-family:Arial Rounded MT Bold, Sans-Serif;  }

.subnav h1, .mainnav h1 { margin:0; line-height:1.5em;}

/* context specific */

#whoweare h2 {  margin-top:1.3em; margin-bottom:.75em; border-bottom: 1px solid #CCCCCC; }
#faq h3 { color:#97AB20; }


/* . . . . . . . . . . . .  */
/*        HYPERLINKS        */
/* . . . . . . . . . . . .  */

A:link, A:visited, A:active { 
	text-decoration:none; color: #990000; 
	}
	
A:hover { 
	text-decoration: underline; 
	}

/* context specific */

.umn_links A:visited, .umn_links A:link, .umn_links A:active {
	color:#333333; 
	text-decoration: underline;
	}

.comingsoon A:visited, .comingsoon  A:link, .comingsoon A:active {
	color:#999; 
	}

A.imageBorder { display:block;width:550px;height:207px;border: 1px solid #CCC; }
A.imageBorder:hover { border: 1px solid #990000; }
.imageBorder { border:0;width:550px;height:207px; }

A IMG { border:0 }

/* . . . . . . . . . . . . . */
/*        TEXT STYLES        */
/* . . . . . . . . . . . . . */

/*        Default type style.        */

P { margin:3px 0px; margin-bottom: 6px; }

BODY {  
	font-family:ArialMT, Arial, Sans-serif;
	font-size:.9em; 
	line-height:1.5em;
	}

.umn_links { font-size:.9em; margin: 5px 10px 5px 0px; line-height: 1em; }

.smallcopy { font-size:.9em; line-height: 1.5em; font-family:Helvetica,Georgia,Seirf; }

.notes, .example { color:#666666; font-family: Georgia, Times New Roman, Serif; font-size:110%; line-height: 1.25em; }


/* . . . . . . . . . . */
/*     NAVIGATION      */
/* . . . . . . . . . . */

.subnav h1, .mainnav h1 { 
	font-weight:normal; 
	text-transform: uppercase; 
	color:#333333; 
	}

/* this nav DIV works with links seperated by line breaks 
	eg: <a href="...">link 1</a> <br /> 
		<a href="...">link 2</a> <br /> 
		(etc)											*/

/* these nav DIVS are best used with "verticallinks" list style  
eg: <ul class="mainnav>
		<li><a href="...">link 1</a></li>
		<li><a href="...">link 2</a></li>
		(etc)
	</ul>
		  											   */

.mainnav {  
	border-bottom: 2px solid #CCCCCC; 
	border-top: 2px solid #CCCCCC; 
	text-align:right;
	}	

.subnav {
	background-color:#F1F7CD;
	border-bottom: 2px solid #CCCCCC; 
	border-top: 2px solid #CCCCCC;  
	text-align:right;
	}
	
.mainnav ul.verticallinks li, .subnav ul.verticallinks li { 
	margin: 0;	
	padding:.125em 0em;
	}

.mainnav ul, .subnav ul {
	padding:0em 1.1em;
	}	

.subnav h1, .mainnav h1 {
	padding:0em .8em;
	}
	
.mainnav ul, .subnav ul	{ 
	margin:.5em 0;	
	}

.mainnav h1 { background-color: #CCCCCC; }
.subnav h1 { background-color: #D4E381; }
	
		
/* . . . . . . . . . . */
/*        LISTS        */
/* . . . . . . . . . . */

UL {  margin: 0; padding: 0  0 0 3em; }

UL LI { margin-bottom: .5em; line-height:1.45em;  }


ul.spotlight {
	list-style-type:none;
	font-size:.85em;
	background-color: #FFFFFF;
	border:0px;
	margin:0;
	padding:0;
	text-align:left;
	}

ul.verticallinks {
        list-style-type: none;
        list-style-image: none;
        text-indent: 0em;
}

ul.verticallinks li {		
		margin: 0 0 .4em 0;	
		padding:0;
}


ul.horizontalcommas {
		margin:0;
		padding:0;
	    list-style: none;
}

ul.horizontalcommas li {
		padding:0px 10px 0px 0px;
		display: inline;
	}

ul.rss {
  list-style-image: url('../graphics/rss.gif')
} 

	
/* . . . . . . . . . . . . . . . . . . . . . . . . */
/*          List : Horizontal Links Class          */
/* thanks to: alistapart.com/articles/taminglists/ */
/* . . . . . . . . . . . . . . . . . . . . . . . . */

/*  USAGE 
	apply class="horizontal_link_list" to a DIV that contains the list
	"umn_links" are for the header and footer and probably shouldn't be used anywhere else
*/

/* DIV */
.horizontal_link_list {
	padding: 3px 0px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin: 7px 0px;
	}

.umn_links { float:right; }

	/* UL */	
	.horizontal_link_list ul, .umn_links ul {
		margin-left: 0;
		padding-left: 0;
		display: inline;
		} 

	/* LI */	
	.horizontal_link_list ul li, .umn_links ul li {
		margin: 0;
		padding-left: 5px;
		padding-right: 3px;
		padding-top: 0px;
		padding-bottom: 0px;
		border-left: 1px solid #CCCCCC;
		list-style: none;
		display: inline;
		}
		
	/* FIRST LI */			
	.horizontal_link_list ul li.first, .umn_links ul li.first {
		padding-left: 5px;
		margin-left: 0;
		border-left: 0;
		list-style: circle;
		display: inline;
		}

	/* "umn_links" modifications */
	
	.umn_links ul li {
		border-left: 1px solid #999999;	
		padding-left: 7px;
		padding-right: 5px;		
		}
		
	.umn_links ul li.first {
		margin-left: 0;	
		}


/* . . . . . . . . . . . . . . . . . . . . . . . . . */
/*               Div Callout Style                   */
/* uses grey rules on the left with optional header  */
/*  box, see also: headers                           */
/* . . . . . . . . . . . . . . . . . . . . . . . . . */
	
.callout, .callout_noheader  { 
	border-left:2px solid #D3D3D5; margin:17px 0px;
	margin-bottom:17px;
	}
	
.callout {
	border-bottom:1px solid #fff;
	}
	
.callout_noheader { 
	padding:.25em 1em; 
	}

.callout_header { background-color:#D3D3D5; padding: .55em .50em .45em .65em; }

.callout_content { padding: .25em .05em .05em .05em; }

.callout_spotlight {
	border-top:10px; border-bottom:0px solid #660000; border-left:12px solid #660000; border-right:13px solid #660000;  
	padding:0px; margin:0px; background: #FFFFFF; height:160px; width:265px
	}



/* green variation */

.green_callout { background-color:#C1C95D; margin:17px 0px; padding:7px; border:1px solid #CCC; }

	
/* . . . . . . . . . . . . .  */
/*          Grab Bag          */
/*  . . . . . . . . . . . . . */