/* 
------------------------------------
webdesign.yale.edu
ITS core styles
Patrick Lynch

08-31-07 (WCW)

13-jan-2009 (pl)
------------------------------------ */


/* COLOR REFERENCES
------------------------------------------------------------------------
Dark blue:    #344461 header text
Dark blue:    #415578 header areas
Medium blue:  #8197c6 header areas
Medium blue:  #b1c6f2 portlet toolbar and border color
Medium blue:  #c4d5f1 unselected header tab background
Light blue:   #d2e1fa
Light blue:   #e6eefb selected header tab background; portal page background
Yellow:       #f0f0c9 Highlights; login button color
Yellow:	      #fefec4
*/


/*	QUICKFIND:
-------------------------------------------------------
	=TYPOGRAPHY IN MAIN CONTENT AREA (ems)
	=HORIZONTAL RULE
	=RSS Headings & Content
	=Related Links, Boxed Heading 
	=TYPOGRAPHY IN FIXED PIXEL SIZES
	=BREADCRUMB TRAIL LINK LIST
	=Photo-Right, Photo-Right-Caption
	=Buttons
	=Special styles

*/

	
/* =TYPOGRAPHY IN MAIN CONTENT AREA LISTED HIERARCHICALLY
	Allows use of ems units that are resizable in IE
=================================================================================== */

/* sets link colors in scancol nav */
ul#navigationList a:link, ul#navigationList a:visited {
color: #2758b3;
}

ul#navigationList a:hover {
color: #3380e6;
}



.hidden {
	display: none;
	}
	
#content {
font-size: 62.5%;
}

 
#content h1, 
#content h2, 
#content h4 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}

#content h1 {
font-size: 1.9em;
color: #000066;
margin: 3px 0px 10px 0px;
}

#content h2 {
font-size: 1.6em;
color: #344461;
margin: 1.4em 0 0 0;
}

#content h2.relatedLinks {
color: #344461;
font-size: 1.4em;
font-weight: normal;
margin: 4px 0em .4em 0em;
padding: 0px 0px 2px 0px;
border-bottom: 1px solid #556e9b;
}

#content h3 {
font-family: Verdana, Geneva, Arial, sans-serif;
font-weight: bold;
font-size: 1.1em;
color: #344461;
font-variant: normal;
margin: 1.2em 0 0 0;
}

#content h4 {
font-size: 1.4em;
font-weight: bold;
color: #344461;
margin-top: .2em;
font-variant: normal;
margin: 10px 0px 0px 0px;
}


p.pubDate {
margin: 4px 0 0 0;
color: #666;
font-size: 10px;
}


#content p  {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 1.1em;
line-height: 1.7em;
color: 000;
margin: 0.3em 0em 0.7em 0em;
}


/* add .peopleList to div around blocks text that need less lineheight,
   such as lists of personel */
#content .peopleList p { 
line-height: 1.4em;
margin-bottom: 1em;
}


	p.dateLine {
		color: #000099;
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0em;
		padding: 0em;
		}


pre {
font-size: 12px;
}

/* ----- */

	ol {
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 1.1em;
		line-height: 1.6em;
		}
		
	ol.spacious {
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 1.1em;
		line-height: 1.6em;
		list-style-position: outside;
		margin: 0em 0em 1.5em 0em;
		}
		
	ol.spacious li {
		margin: 1em 0em 1em 0em;
		}
		
	ol.nested-bullet {
		list-style-type: square;
		font-size: 1em;
		padding: 0;
		margin: 0 0 0.5em 1.5em;
		}

/* ----- */
		
	ul {
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 1.1em;
		line-height: 1.6em;
		list-style-position: outside;
		list-style: square;
		}
	
	ul.plain {
	list-style-type: none;
	}
	
	ul.altList { /* used for QuickLinks */
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 1.1em;
		line-height: 1.6em;
		list-style-type: none;
		/* list-style-image: url(../graphics/icons/icon_minor_link.gif);
		padding: 0 0.9em;
		margin: 0 0.9em; */
		margin: 0;
		padding: 0;
		}
	
	ul.indentedList {
		color: #435a7a;
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 1.1em;
		line-height: 1.5em;
		list-style-type: none;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 15px;
		text-indent: 0em;
		}
		
	ul.indentedList li {
		background: url(../graphics/icons/icon_internal_link.gif) no-repeat 0 6px;
		padding: 3px 0px 3px 18px;
		}
		
		
/* =HORIZONTAL RULE, dashed line
-------------------------------------------- */
hr {
margin: 0;
padding: 0;
height: 0;
border: 0;
border-bottom: 1px dashed #2e4a6e;
}


/* =RSS Headings & Content
-------------------------------------------- */
.rss {
	border-bottom: 1px solid #8197c6;
	padding: 0 2px;
	margin: 0;
	/* trick to clear floated elements with helper for IE */
	overflow: hidden;
    height: 1%;
	}

#content .rss h2, #content .rss h3 {
	line-height: 1.2em;
	padding: 0;
	margin: 0;
	float: left;
	color: #344461;
	}

#content .rss h3 {
	margin-top: 3px;
	}

#content .rss h2 a, #content .rss h3 a {
	color: #344461;
	}

.rss a, {
	color: #344461;
	}

.rss a.rssButton {
	background-image: url('../graphics/icons/icon_webfeed_button.gif');
	background-repeat: no-repeat;
	background-position: top center;
	width: 70px;
	height: 16px;
	display: block;
	margin: 0;
	float: right;
	}

.rss a.rssButton:hover {
	background-position: bottom center;
	}

/* for small sized buttons */
.rss a.rssButton2 {
	background-image: url(../graphics/icons/icon_simplefeed_button.gif);
	background-repeat: no-repeat;
	background-position: top center;
	width: 16px;
	height: 16px;
	display: block;
	margin: 0 0 2px 0;
	float: right;
	}

.rss a.rssButton2:hover {
	background-position: bottom center;
	}
		
		
/* =Related Links, Boxed Heading 
------------------------------------------------ */
fieldset.relLinks {
border: 1px solid #ccc;
padding: 4px 10px 10px 10px;
margin-top: 6px;
margin-bottom: 15px;
}

fieldset.relLinks legend {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
font-weight: normal;
color: #53662e;
}

fieldset.relLinks ul {
margin-left: 3px;
}
		
		
/* NOTE: leftNavList has been renamed to internalList
---------------------------------------------------------- */
ul.internalList {  /* used for Related Links */
	color: #435A7A;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.4em;
	list-style-type: none;
	margin: .2em 0em .2em 0em;
	padding: 0px 0px 0px 0px;
	text-indent: 0em;
	}
	
ul.internalList li {
	background: url(../graphics/icons/icon_internal_link.gif) no-repeat 0 9px;
	padding: 2px 0px 3px 18px;
	}
	
ul.internalList li a {
	color: #435A7A;
	}
	
ul.internalList li a:hover {
	color: maroon;
	text-decoration: underline;
	}

/* these styles added to fix problems with nested lists */
ul.internalList ul {
list-style-type: none;
padding: 0;
margin-top: 0.2em; 
margin-bottom: 0;
}

/* fixes font size in nested lists */
ul.internalList * {
font-size: 100% !important; /* IE needs !important */
line-height: 1.4em !important; /* IE needs !important */
}
		


/* VARIOUS CUSTOMIZED LISTS
------------------------------------------------- */

		
	ol.verySpacious {
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 11px;
		line-height: 1.4em;
		list-style-position: outside;
		margin: .5em 0em 1em 0em;
		}
		
	ol.verySpacious li {
		margin: .5em 0em 1.2em 0em;
		}
		
		

	ul.linkList {
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 1.2em;
		line-height: 1.3em;
		list-style: none;
		padding: 0px 20px 0px 5px;
		}
		
	ul.linkList li {
		background: url(../graphics/icons/internal_link.gif) no-repeat 0 6px;
		padding: 3px 0px 3px 17px;
		}

	ul.pdfList {
		color: #435A7A;
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 1.1em;
		line-height: 1.6em;
		list-style-type: none;
		margin-bottom: 5px;
		margin-left: 10px;
		margin-top: 5px;
		padding: 0px 0px 0px 15px;
		text-indent: 0em;
		}

	ul.pdfList li {
		background: url(../graphics/icons/pdf_icon_small.gif) no-repeat 0 3px;
		padding: 3px 0px 3px 20px;
		}
		
	ul.pdfList li a {
		color: #435A7A;
		}
		
	ul.pdfList li a:hover {
		color: maroon;
		text-decoration: underline;
		}
		
	ul.spacious {
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 11px;
		line-height: 2em;
		list-style: none;
		list-style-position: outside;
		margin: .5em 0em 1em 0em;
		}
		
	ul.spacious li {
		margin: .3em 0em .4em 0em;
		}
		
	ul.spaciousBullets {
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 11px;
		line-height: 2em;
		list-style: square;
		list-style-position: outside;
		margin: .5em 0em 1em 0em;
		}
		
	ul.spaciousBullets li {
		margin: .3em 0em .4em 0em;
		}

	ul.tight {
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 11px;
		line-height: 2em;
		list-style: square;
		margin: .5em 0em 1em 0em;
		}
		
	ul.tight li {
		margin: .1em 0em .2em 0em;
		}
		
		
	ul.verySpacious {
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 11px;
		line-height: 2em;
		list-style: none;
		list-style-position: outside;
		margin: .5em 0em 1em 0em;
		}
		
	ul.verySpacious li {
		margin: .5em 0em .6em 0em;
		}
		
/* ----- */		
		

/*	=TYPOGRAPHY IN FIXED PIXEL SIZES
=================================================================================== */


/* Information paragraph styles */
	p.scanColumnText  {
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 10px;
		line-height: 1.4em;
		color: #415578;
		margin: 20px 0px 0px 15px;
		text-align: left;
		}

	p.footerlinks  {
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 11px;
		line-height: 1.4em;
		color: #000;
		margin-top: .3em;
		text-align: right;
		margin-bottom: .8em;
		padding-bottom: .1em;
		}
	
	p.footer {
		color: #000099;
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 10px;
		line-height: 1.6em;
		margin: 0px 0px 0px 160px;
		padding: 0em 0em 0em 0em;
		}
	
	/* for single column wide pages that have body class column1 */
	body.column1 p.footer {
		margin-left: 5px;
		}

	#pageAnchor p {
		float: left;
		color: #000099;
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 10px;
		line-height: 1.2em;
		margin-top: 6px;
		margin-bottom: 0;
		}
		

/* =BREADCRUMB TRAIL LINK LIST
============================================================ */
	ul#breadCrumb {
	list-style-type: none;
	padding: 6px 5px;
	margin: 0;
	float: left;
	/* width: 100%; 
	The width of the breadCrumb list must be set in the 
	body classes in order to display properly in Dreamweaver
	*/
	}

	ul#breadCrumb li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.2em;
	padding: 0 6px;
	display: inline;
	color: #333;
	border-left: 1px solid #333;
	float: left; /* keeps list items flush together */
	}

	ul#breadCrumb li.bcfirst {
	border: none;
	padding-left: 0;
	}




/* =Photo-Right, Photo-Right-Caption
-------------------------------------------------- */
#mainColumn p.photo-right img {
float: right;
margin-left: 20px;
margin-bottom: 10px;
}

#mainColumn p.photo-right-caption {
float: right;
margin-left: 20px;
margin-bottom: 10px;
padding-bottom: 5px;
width: 150px;
border-bottom: 1px solid #c0c0c0;
font-size: 1.0em;
line-height: 1.3em;
color: #666;
}

#mainColumn p.photo-right-caption img {
margin-bottom: 5px;
}



/* =Buttons
-------------------------------------------------- */
.button, .button-sm {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
overflow: hidden; /* wraps anchor float left */
height: 1%;
margin: 0;
}

.button a, .button-sm a {
display: block;
float: left;
color: #244b78;
background-color: #d8dee5;
background-image: url(../graphics/icons/button_bkgd.gif);
background-repeat: repeat-x;
padding: 5px 10px 6px 10px; /* must repeat top & bottom margin for icons */
text-decoration: none;				
border: 1px solid #8fa5b8;
}

.button a:hover, .button-sm a:hover {
color: #06c;
background-color: #d3e0f0;
background-image: none;
border: 1px solid #036;
text-decoration:none;   /* added 08-17-07 by Vincent Massaro  */
}

.button a:active, .button-sm a:active { 
color: #ff9; 
background-color: #6b93bf;
}

/* large buttons */
.button a {
border: 2px solid;
border-color: #a7bacc #698098 #698098 #b8c2cc;
}

.button a:hover {
border: 2px solid;
border-color: #93bee5 #25588e #25588e #93bee5;
}

/* small buttons */
.button-sm  {
font-size: 10px;
margin: 0;
}

.button-sm a {
padding: 3px 8px 4px 8px;
}

/* sets up icon for large buttons */
span.button-icon {
background-repeat: no-repeat;
background-position: 0px 3px;
padding: 5px 0 6px 22px; /* repeated from anchor style because Safari collapses the padding */
}



/* =Special styles
-------------------------------------------------- */

/* apply to TD's where you want a centered text bullet, • */
.bullet {
font-size: 1.4em;
color: #663;
text-align: center;
}

/* fixes font size in nested UL and Definition lists */
#mainColumn ul *, #mainColumn dd * {
font-size: 100% !important; /* IE needs !important */
line-height: 1.4em !important; /* IE needs !important */
}



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