/* 
* Tufts CSDD - main stylesheet
* - Paul Solomon, www.insitewebsite.com 
* 
* Stylesheet sections to be found below:
* 
* - layout
*   - layout element contents (when site-wide)
* - HTML elements
* - typography (site-wide typography and element-layout classes)
* - section styles
*   - page styles (for specific pages)
* - menu styles
*
*
*
* section colors:
*
* about:
* #417dc1
*
* research:
* #de6020
*
* courses:
* #74b64a
* 
* reports:
* #57b6dd
* 
* library:
* #417dc1
* 
* sponsored_research:
* #7e6d5f
* 
* news:
* #417dc1
*/


/* LAYOUT ------------------------------------------------------------------- */
/* html { height: 100%; } */

body {
	margin: 0;
	padding: 0;
	border: 0px none;
	background: #fff url(../images/bluebars-repeatx.gif) repeat-x 0px 0px;
	font-family: Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
   font-size: 100%;
	}

#wrapper {
	width: 960px;
	position: relative;
	overflow: hidden;	
	margin: 0 auto 0px auto;
	overflow: hidden;
	}
	
#header { 
	background-color: transparent;
	height: 116px; 
	overflow: hidden;
	position: relative;
	padding: 0 0 48px 0; /* bottom padding to accomodate main menu */
	}
	.section-home #header {
		min-height: 0px; 
		height: 330px; 
		overflow: hidden;
		background-color: #fff;
		}	
	.section-home #header #home-header-text {
		text-indent: -9999px;
		}	
	#header h1 { /* site logo */
		position: absolute;
		left: 14px;
		top: 23px;
		width: 315px;
		height: 60px;
		background: transparent url(../images/csdd-logo-315x60.gif) no-repeat 0px 0px;
		margin-top: 0;
		}
		  #header h1 a {		  	
    		width: 315px;
    		height: 60px;
    		display: block;
			text-indent: -9999px;
		  	}		
	#header h2 {
		position: absolute;
		right: 11px;
		top: 61px;
		width: 76px;
		height: 32px;
		background: transparent url(../images/tufts-logo-76x32.gif) no-repeat 0px 0px;
    	display: block;
		text-indent: -9999px;
		margin-top: 0;
		}
	#header-links {
		text-align: right;
		font-size: .7em;
		font-family: verdana, arial, sans-serif;
		color: #999;
		margin: 19px 8px 0 0;
		}			
    	#header-links a, #header-links a:link, #header-links a:visited, #header-links a:active {
    		color: #999;
    		text-decoration: none;
    		padding: 0 4px;
    		}
    		#header-links a:hover {
      		color: #333;
      		text-decoration: underline;
      		}			
    	#header-links a.selected, #header-links a.selected:link, #header-links a.selected:visited, #header-links a.selected:active {
    		color: #333;
    		text-decoration: none;
    		padding: 0 4px;
    		}
	
#top-nav {
	height: 49px;
	padding-top: 0px;
	position: absolute;
	top: 116px;
	left: 50%;
	width: 960px;
	margin: 0 auto 0 -480px;
	z-index: 89;
	text-align: center;
	font-size: 13px;
	line-height: 48px;
	overflow: hidden;
	}
	  #top-nav a, #top-nav a:link, #top-nav a:visited, #top-nav a:active {
	  	color: #000;
	  	text-decoration: none;
	  	padding: 0 10px;
	  	word-spacing: -1px;
	  	letter-spacing: 1px;
	  	} 
	  	#top-nav a:hover {
	  	color: #fff;
	  	text-decoration: none;
	  	}
	  	/* highlight the current section in the top menu: */
	.section-about a.about-link, .section-about a.about-link:link, 
		.section-about a.about-link:visited, .section-about a.about-link:active,
	.section-research a.research-link, .section-research a.research-link:link, 
		.section-research a.research-link:visited, .section-research a.research-link:active,
	.section-courses a.courses-link, .section-courses a.courses-link:link, 
		.section-courses a.courses-link:visited, .section-courses a.courses-link:active,
	.section-reports a.reports-link, .section-reports a.reports-link:link, 
		.section-reports a.reports-link:visited, .section-reports a.reports-link:active,
	.section-research a.research-link, .section-research a.research-link:link, 
		.section-research a.research-link:visited, .section-research a.research-link:active,
	.section-library a.library-link, .section-library a.library-link:link, 
		.section-library a.library-link:visited, .section-library a.library-link:active,
	.section-sponsored_research a.sponsored_research-link, .section-sponsored_research a.sponsored_research-link:link, 
		.section-sponsored_research a.sponsored_research-link:visited, .section-sponsored_research a.sponsored_research-link:active,
	.section-news a.news-link, .section-news a.news-link:link, 
		.section-news a.news-link:visited, .section-news a.news-link:active
		 { color: #fff !important;	}

.section-about #section-info h1 { color: #FEC291; }	
.section-programs #section-info h1 { color: #7D0049; }	
.section-media #section-info h1 { color: #7D0049; }
.section-news #section-info h1 { color: #D1D923; }
.section-ticketing #section-info h1 { color: #7D0049; }
.section-support #section-info h1 { color: #ffc323; } /* spec: #EEB211 */	

#landing-page-image {
	width: 960px;
	height: 197px;
	margin: 0px auto;
	padding: 1px 0 0 0;
	}
	
.section-research #landing-page-image  {
	background: #fff url(../images/landingpg-research-960x197.jpg) no-repeat 0px 1px;
	}

.section-courses #landing-page-image  {
	background: #fff url(../images/landingpg-courses-960x197.jpg) no-repeat 0px 1px;
	}
	
.section-reports #landing-page-image  {
	background: #fff url(../images/landingpg-reports-960x197.jpg) no-repeat 0px 1px;
	}
	
.section-sponsored_research #landing-page-image  {
	background: #fff url(../images/landingpg-commission-960x197.jpg) no-repeat 0px 1px;
	}
#home-page-banner {
	width: 960px;
	height: 279px;
	margin: 0px auto 12px auto;
	background: #fff no-repeat 0px 0px;
	}
		
#home-page-image,
#home-page-image-1,
#home-page-image-2,
#home-page-image-3,
#home-page-image-4 {
	width: 960px;
	height: 279px;
	margin: 6px auto 9px auto;
	background: #fff no-repeat 0px 0px;
	position: relative;
	}
	/* #home-page-image.one, #banner-1  { background-image: url(../images/home-image-1-960x279.jpg) }
	#home-page-image.two, #banner-2  { background-image: url(../images/home-image-2-960x279.jpg) }
	#home-page-image.three, #banner-3 { background-image: url(../images/home-image-3-960x279.jpg) }
	#home-page-image.four, #banner-4 { background-image: url(../images/home-image-4-960x279.jpg) } */
	#home-page-banner .one  { background-image: url(../images/home-image-1-960x279.jpg) }
	#home-page-banner .two  { background-image: url(../images/home-image-2-960x279.jpg) }
	#home-page-banner .three { background-image: url(../images/home-image-3-960x279.jpg) }
	#home-page-banner .four { background-image: url(../images/home-image-4-960x279.jpg) }
	
#home-page-text, .home-page-text { /* within [super-imposed on] #home-page-image */
	position: absolute;
	left: 35px;
	top: 22px;
	width: 350px;
	height: 228px;
	overflow: hidden;
	color: #fff;
	}
	#home-page-text h1, .home-page-text h1 {
		color: #fff;
		font-family: georgia, 'times new roman', times, serif;
		margin-top: 0;
		position: relative;
		line-height: 1.3em;
		font-size: 2.4em;
		}
	#home-page-text p, .home-page-text p {
		color: #fff;
		font-family: georgia, 'times new roman', times, serif;
		position: relative;
		font-size: 1.25em;
		line-height: 1.45em;
		}
	#home-page-text a, .home-page-text a {
		position: absolute;
		display: block;
		bottom: 0px;
		left: 0px;
		width: 147px;
		height: 32px;
		}


#section-info-text  p {
	text-align: left;
	}	
    .section-about #section-info-text  p { color: #fff;	}    	
    .section-programs #section-info-text  p { color: #333; }
    .section-media #section-info-text  p { color: #333; }    	
    .section-news #section-info-text  p { color: #fff; }
    .section-ticketing #section-info-text  p { color: #333; }    	
    .section-support #section-info-text  p { color: #fff; }

#section-nav {	
	} 
	#section-nav li {
		padding: 0 0 1em 0;
		font-weight: 400;
		list-style-position: outside;
		list-style-type: none;
		list-style-image: none;
		}
	#section-nav a, #section-nav a:link, #section-nav a:visited, #section-nav a:active {
      	text-transform: uppercase;
      	text-decoration: none;
      	color: #999;
      	font-size: 1.05em;
      	}
    	#section-nav a:visited {
      	border: 0;
      	color: #999; /* test of paler blue: #8d91a7 */
      	}    		
      	#section-nav a:visited:hover,
      	.section-research #section-nav a:visited:hover,
      	.section-courses #section-nav a:visited:hover,
      	.section-reports #section-nav a:visited:hover,
      	.section-sponsored_research #section-nav a:visited:hover {
          	text-decoration: none;
          	color: #6b578b;
          	}
    	#section-nav a:hover {
      	text-decoration: none;
      	border: 0;
      	color: #417dc1; /* was #0058b7 */
      	}
      .section-research #section-nav a:hover { color: #de6020; }
      .section-courses #section-nav a:hover { color: #74b64a; }
      .section-reports #section-nav a:hover { color: #57b6dd; }
      .section-sponsored_research #section-nav a:hover { color: #7e6d5f; }
      
   /* #section-nav a.selected, #section-nav a.selected:link, #section-nav a.selected:visited,
   	#section-nav a.selected:active { color: #0058b7; } */


	#section-nav a.selected { cursor: default; background-color:#fff; }
	/* make current page link into the appropriate section color */
	.section-about #section-nav a.selected, .section-about #section-nav a.selected:link, 
	.section-about #section-nav a.selected:active, .section-about #section-nav a.selected:visited, 
	.section-about #section-nav a.selected:hover { 
		color: #417dc1; 
		text-decoration: none;
		}
	
	.section-research #section-nav a.selected, .section-research #section-nav a.selected:link, 
	.section-research #section-nav a.selected:active, .section-research #section-nav a.selected:visited, 
	.section-research #section-nav a.selected:hover { 
		color: #de6020; 
		text-decoration: none;
		}
	
	.section-courses #section-nav a.selected, .section-courses #section-nav a.selected:link, 
	.section-courses #section-nav a.selected:active, .section-courses #section-nav a.selected:visited, 
	.section-courses #section-nav a.selected:hover { 
		color: #74b64a; 
		text-decoration: none;
		}
	
	.section-reports #section-nav a.selected, .section-reports #section-nav a.selected:link, 
	.section-reports #section-nav a.selected:active, .section-reports #section-nav a.selected:visited, 
	.section-reports #section-nav a.selected:hover { 
		color: #57b6dd; 
		text-decoration: none;
		}
	
	.section-library #section-nav a.selected, .section-library #section-nav a.selected:link, 
	.section-library #section-nav a.selected:active, .section-library #section-nav a.selected:visited, 
	.section-library #section-nav a.selected:hover { 
		color: #417dc1; 
		text-decoration: none;
		}
	
	.section-sponsored_research #section-nav a.selected, .section-sponsored_research #section-nav a.selected:link, 
	.section-sponsored_research #section-nav a.selected:active, .section-sponsored_research #section-nav a.selected:visited, 
	.section-sponsored_research #section-nav a.selected:hover { 
		color: #7e6d5f; 
		text-decoration: none;
		}
	
	.section-news #section-nav a.selected, .section-news #section-nav a.selected:link, 
	.section-news #section-nav a.selected:active, .section-news #section-nav a.selected:visited, 
	.section-news #section-nav a.selected:hover { 
		color: #417dc1; 
		text-decoration: none;
		}
	
#content {
	position: relative;
	width: 960px; /* gives layout in IE */
	}

#content-inner {
	padding: 0;
	width: 960px; /* gives layout in IE; OK as long as inner has no padding */
	position: relative;
	}
#breadcrumbs {
	height: 65px;
	line-height: 57px;
	font-size: .7em;
	padding: 0 223px 0 13px;
	color: #333333;
	}
	#breadcrumbs p {
		line-height: 57px;
		height: 65px;	
		padding: 0;
		margin: 0;	
		color: #333333;
		}
		#breadcrumbs p span.trail {
      	color: #777777;
      	}

      #breadcrumbs p span.current  {
      	color: #222222;
      	}
	#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:active {
		color: #0058b7;
		text-decoration: none;
		padding: 0 10px 0 0;
		}
		#breadcrumbs a:visited {
			color: #0058b7;
			}
		#breadcrumbs a:hover {
			color: #0058b7;
			text-decoration: underline;
			}
	
#page {
	position: relative;
	width: 960px; /* gives layout in IE */
	min-height: 100px;
	background: transparent url(../images/gray-pixel-999.gif) repeat-y 749px 0px;
	margin: 0px 0 65px 0;
	}
	body.sidebar-none #page, body#page-home #page { 
		background-image: none; 
		margin: 0px 0 0 0; 
		}

#main,
	body.sidebar-right #main {
	float: left;
	width: 750px;
   margin-left: 0px; /* The width of #sidebar-left. */
   margin-right: -750px; /* Negative value of #content's width + left margin. */
   padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
   display: inline; /* corrects IE6 double-margin bug */
	position: relative;
	}
	
	body.sidebar-none #main {		
		width: 948px;
   	margin-left: 6px; 
   	margin-right: 6px; 
		}	
	body.sidebar-none #main-inner { 
		padding: 0 30px 30px 40px;
		width: auto;
		}
	body.sidebar-right #main-inner { 
		padding: 0 12px 30px 20px;
		width: auto;
		}
	
	body#page-home #main {		
		width: 960px;
   	margin-left: 0px; 
   	margin-right: 0px; 
		}	
	body#page-home #main-inner { 
		padding: 0 0px 0px 0px;
		width: auto;
		}

#main-inner {
	padding: 0 90px 20px 12px;
	position: relative;
	}
    body#page-home #main-inner {
    	padding: 0 0px 0px 0px;
    	position: relative;
    	}

#sidebar-right {
	float: left;
   width: 210px;
   margin-left: 750px; /* Width of main + sidebar-left. */
   margin-right: -960px; /* Negative value of #sidebar-right's width + left margin. */
   padding: 0 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
	position: relative;
	overflow: hidden;
	} 

#sidebar-right-inner {
	background-color: transparent;
	padding: 0 10px 0 25px;
	position: relative;
	top: -10px;
	overflow: hidden;
	}
	
#page-bottom { 
	width: 960px; 
	height: 1px;
	overflow: hidden;
	position: relative;
	top: -1px;
	left: 0px;
	}	
	body#page-home #page-bottom {
		top: 0px;
		background-color: #417dc1;
		}
	
#panels { /* home page */
	width: 960px;
	position: relative;
	padding: 0 0 0px 0;
	background: #fff url(../images/home-panels-bg.gif) repeat-y 0px 0px;
	}
	
	div.panel {
		width: 250px;
		overflow: hidden;
		float: left;
		background: transparent none no-repeat 0px 0px;
		position: relative;
		}
		div.panel-inner {
			margin-left: 0px;
			margin-top: 51px;
			background: transparent none no-repeat 0px 0px;
			position: relative;
			padding: 0 15px 0 10px
			}
			#page-home p.publication-date, #page-home p.event-date {
				font-size: .9em;
				font-weight: 400;
				color: #666;
				padding: 1ex 0 0 0;
				}
			.panel h2 {
				font-weight: 700;
				font-size: 1em;
    			line-height: 1.5em;
    			padding: 4px 0 2px 0;
    			margin: 0 0;
				}
				.panel h2.newsitem-title {
      			color: #009697;
  					}
				.panel h2.event-title {
      			color: #1584bc;
    				text-transform: uppercase;
  					}
				.panel h2.publication-title {
      			color: #669933;
    				text-transform: uppercase;
  					}
  			p.event-teaser, p.publication-teaser {
  				color: #333;
  				padding: 4px 0;
  				line-height: 1.5em;
  				}
			p.learnmore {				
				font-weight: 700;
				font-size: .95em;
    			padding: 0 0 1em 0;
				}
			.learnmore a, .learnmore a:link, .learnmore a:visited, .learnmore a:active {
				color: #666 !important;
				text-decoration: none !important;
				}
				.learnmore a:hover { text-decoration: underline !important; }
			a.view-all-link, a.view-all-link:link, a.view-all-link:visited, a.view-all-link:active, a.view-all-link:hover {
				color: #359999;
				}
	
	div#panel-one {
		background: transparent url(../images/panel-1-header.gif) no-repeat 0px 0px;
		}
	div#panel-two {
		background: transparent url(../images/panel-2-header.gif) no-repeat 0px 0px;
		}
	div#panel-three {
		background: transparent url(../images/panel-3-header.gif) no-repeat 0px 0px;
		}
		
      a.rss-link {
        position: absolute;
        top: 21px;
        right: 12px;
        height: 18px;
        width: 18px;
        text-decoration: none;
        background-color: transparent;
        }
		
	div#panel-four {
		background: #bdbec0 url(../images/panel-4-bg.jpg) no-repeat 0px 0px;
		width: 210px;
		min-height: 480px;
		float: left;
		}
		div#panel-four-inner {
			padding: 15px;
			}
		#panel-four h3 {
			color: #326698;
			margin-bottom: 1.4em;
			}
		#panel-four p {
			color: #333;
			line-height: 1.5em;
			}
		#panel-four p.halfspace {
			color: #333;
			line-height: 1.5em;
			padding: 0px 0 3ex 0;
			}
			
			#panel-four a, #panel-four a:link, #panel-four a:visited, #panel-four a:active {
				color: #333 !important;
				text-decoration: none !important;
				}
				#panel-four a:hover {
				color: #333 !important;
				text-decoration: underline !important;
				}
		#panel-four div#panel-four-image {
			width: 180px;
			overflow: hidden;
			text-align: center;
			margin: 3px auto 4px auto;
			}
		#panel-four div#panel-four-image p.top-margin  {
			margin-top: -5px;
			}

#footer {
	width: 960px;
	position: relative;
	background: #417dc1 none no-repeat 0px 0px;
	margin: 0 auto;
	padding: 6px 0 0 0;
	clear: both;
	color: #000;
	} 
	
#footer-inner {
	background: #fff none no-repeat 0px 0px;
	height: 148px;
	}
	body#page-home #footer-inner {
		background-color: transparent;
		height: 40px;
		}

#footertext {
	font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-size: 11px;
	margin-left: 15px;
	line-height: 14px;
	letter-spacing: .5px;
	text-align: left;
	line-height: 1.6em;
	}	
	#footertext span.label {
		font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
		font-style: italic;
		}

#footer a,
#footer a:link,
#footer a:active,
#footer a:visited { 	color: #666; text-decoration: none; }
#footer a:hover { color: #666; text-decoration: underline; }

#footer a.reachus, #footer a.reachus:link, #footer a.reachus:active, #footer a.reachus:visited {
	text-decoration: underline !important;
	font-weight: 700;
	}
	#footer a.reachus:hover { text-decoration: none !important; }


/* END LAYOUT --------------------------------------------------------------- */


/* LAYOUT ELEMENTS ---------------------------------------------------------- */
/* within main: */
div.related-links {
	border-top: 1px solid #999;
	padding: 2px 0 0 0;
	width: 600px;
	margin: 45px auto 0 0;
	position: relative;
	}
	div.related-links h3 {
		color: #333;
		position: absolute;
		left: 0px;
		top: 2px;
		}
	div.related-links ul {
		margin: 6px 0 0 11em;
		}
	div.related-links ul li {
		background-image: none !important;
		font-size: 1.1em;
		}
	

/* within sidebar-right: */
		
	

/* within HEADER: */
	#header-link-div,
	#header-home-link {
		height: 75px;
		width: 335px;
		}
	#header-link-div {
		position: absolute;
		left: 45px;
		top: 9px;
		}
	#header-link-div a {
		position: absolute;
		left: 0px;
		top: 0px;
		display: block;
		text-indent: -9999px;
		}

/* within FOOTER: */
	#footer p {
		text-align: left;
		color: #666;
		margin: .2ex 0;
		padding: .2ex 0;
		font-size: .75em;
		line-height: 1.4em;
		}
		#footer p.halfspace {
			padding-top: 5px;
			}
	#footer h3 {
		color: #417dc1;
		font-size: .85em;
		line-height: 1.25em;
		font-weight: 700;
		}
	table#footercontent {
		margin: 6px 0 0 13px;
		}		
    	table#footercontent td {
    		text-align: left;
    		vertical-align: top;
    		padding-right: 44px;
    		}
	p#botnav {
		text-align: center;
		color: gray;
		margin: .2ex 0;
		padding: 1em 0 .8em 0;
		font-size: .95em;
		line-height: .8em;
		}
		#botnav a, #botnav a:link, #botnav a:active, #botnav a:visited {
			color: #0b2e7b;
			text-decoration: none;
			padding: 0 .5em .6ex .5em;
			border-right: 1px solid gray;
			}
		#botnav a:hover  {
			color: #d37700/* #009eaf */;
			text-decoration: underline;
			}
		#botnav a.last-link {
			border-right: 0px solid gray;
			}
		#footeraddress a, #footeraddress a:link, #footeraddress a:active, #footeraddress a:visited {
			color: #0b2e7b;
			text-decoration: none;
			}
		#footeraddress a:hover  {
			color: #d37700;
			text-decoration: underline;
			}

/* END LAYOUT ELEMENTS ------------------------------------------------------ */


/* HTML ELEMENTS ------------------------------------------------------------ */
img {
	border: 0 none;
	}
	
/** headings **/
h1 { color: #333333; }
h2, h3, h4, h5, h6 { color: #417dc1; }

/* .section-about h1,  */
.section-about h2, 
.section-about h3, 
.section-about h4, 
.section-about h5, 
.section-about h6 { color: #417dc1; }

.section-research h1,
.section-research h2, 
.section-research h3, 
.section-research h4, 
.section-research h5, 
.section-research h6 { color: #de6020; }

.section-courses h1,
.section-courses h2, 
.section-courses h3, 
.section-courses h4, 
.section-courses h5, 
.section-courses h6 { color: #74b64a; }

.section-courses h1.event-title {
	font-size: 2em;
	}

.section-reports h1,
.section-reports h2, 
.section-reports h3, 
.section-reports h4, 
.section-reports h5, 
.section-reports h6 { color: #57b6dd; }

.section-reports h1.publication-title {
	font-size: 2em;
	}

/* .section-library h1,  */
.section-library h2, 
.section-library h3, 
.section-library h4, 
.section-library h5, 
.section-library h6 { color: #417dc1; }

.section-sponsored_research h1,
.section-sponsored_research h2, 
.section-sponsored_research h3, 
.section-sponsored_research h4, 
.section-sponsored_research h5, 
.section-sponsored_research h6 { color: #7e6d5f; }

.section-news h1,
.section-news h2, 
.section-news h3, 
.section-news h4, 
.section-news h5, 
.section-news h6 { color: #417dc1; }

.section-news h1.newsitem-title {
	font-size: 2em;
	}

h1 {
    font-size: 2.3em;
    font-weight: 400;
    line-height: 1.4em;
    margin-top: -3px; /* 0.5em is equavalent to 1em in the page's base font.
                             Remember, a margin specified in ems is relative to
                             the element's font-size, not to the pages' base
                             font size. So, for example, if we want a 1em margin
                             (relative to the base font), we have to divide that
                             length by the element's font-size:
                             1em / 2em = 0.5em */
    margin-bottom: 0.20em; 
    font-family: georgia, 'times new roman', times, serif;
  }

#section-info h1 {  
	font-size: 1.2em;
	margin-bottom: -.2em;
	}
	
.section-about #section-info h1 { 
	color: #EEB211; 
	margin-bottom: -.2em;
	}

h2 {
    font-size: 1.2em;
    line-height: 1.2em;
    margin-top: 1.3em; 
    margin-bottom: -.3em;
    font-weight: 700;
  }

h3 {
    font-size: 1.1em;
    line-height: 1.3em;
    margin-top: 0.5em; /* 0.769em Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
    margin-bottom: 0.0em;
    font-weight: 700;
  }

h4, h5, h6 {
    font-size: 1em;
    line-height: 1.3em;
    margin-top: 0.4em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
    margin-bottom: 0.22em;
  }

h2.event-title, 
h2.publication-title,
h2.newsitem-title  {
	margin: 0;
	}

/** block-level elements **/
p, ul, ol, dl, pre, table, fieldset, blockquote {
    margin: 1em 0;
    color: #666;
  }

p {
	margin: 0;
	padding: 1ex 0;
	line-height: 1.6em;
	}
	
/** lists **/
  /* standardize list item indentation */
ol {
    margin-left: 0;
    padding-left: 2em;
    list-style-position: inside;
    position: relative; /* fixes IE disappearing list background bug */
	}
ul {
    margin-left: 0em;
    padding-left: 0;
    list-style-position: inside;
    list-style-type: none;
    position: relative; /* fixes IE disappearing list background bug */
	}

ul ul, ul ol, ol ol, ol ul {
    margin: 0;
	}

ol li { 
	margin: 0 0 0 1em;
	padding: 0 0 1ex 0;
	text-indent: -2.5em;
   color: #666;
	}

ul li { 	
	background: transparent url(../images/mid-dot-4x4.gif) no-repeat 0px 1ex;
	padding: 0 0 4px 27px; 
	margin: 0 0 0 0em;  	
	text-indent: -1.5em;
   list-style: outside none none;
   color: #666;
	}
	#sidebar-right ul li {
		background-image: none;	
		text-indent: 0em;
		color: #999;
		}
	
/* ul          { list-style-type: disc; } */ /* see above */
ul ul       { list-style-type: none; padding-top: .5em; }
ul ul ul    { list-style-type: none; }
ul ul ul ul { list-style-type: none; }
ul ul li		{ padding-bottom: 0; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }

dl {	
    position: relative; /* fixes IE disappearing list background bug */
	}

dt {
    margin: 0;
    padding: .3em 0 0.4em 0;
    display: block;
  }

dd {
    margin: 0 0 0 2em;
    padding: 0 0 .8em 0;
    display: block;
  }


pre, code {
    font-size: 1.1em; /* Monospace fonts can be hard to read */
    font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
  }
  
/* links: */

  a, a:link { color: #0058b7; text-decoration: none; }
      .section-research a:link { color: #de6020; }
      .section-courses a:link { color: #74b64a; }
      .section-reports a:link { color: #57b6dd; }
      .section-sponsored_research a:link { color: #7e6d5f; }

  a:visited { color: #5d7187; text-decoration: none; }

  a:hover, a:focus { color: #0058b7; text-decoration: underline; }
      .section-research a:hover { color: #de6020; }
      .section-courses a:hover { color: #74b64a; }
      .section-reports a:hover { color: #57b6dd; }
      .section-sponsored_research a:hover { color: #7e6d5f; }

  a:active { color: #83c628; text-decoration: none; }

  #main a, #main a:link { color: #0058b7; text-decoration: none; }
      .section-research #main a:link { color: #de6020; }
      .section-courses #main a:link { color: #74b64a; }
      .section-reports #main a:link { color: #57b6dd; }
      .section-sponsored_research #main a:link { color: #7e6d5f; }

  #main a:visited { color: #5d7187; text-decoration: none; }

  #main a:hover, a:focus { color: #0058b7; text-decoration: underline; }
      .section-research #main a:hover { color: #de6020; }
      .section-courses #main a:hover { color: #74b64a; }
      .section-reports #main a:hover { color: #57b6dd; }
      .section-sponsored_research #main a:hover { color: #7e6d5f; }

  #main a:active { color: #398366; text-decoration: none; }
  
  /* links within <h> tags */
  #main h1 a, #main h1 a:link, #main h1 a:visited, #main h1 a:active,
  #main h2 a, #main h2 a:link, #main h2 a:visited, #main h2 a:active,
  #main h3 a, #main h3 a:link, #main h3 a:visited, #main h3 a:active,
  #main h4 a, #main h4 a:link, #main h4 a:visited, #main h4 a:active,
  #main h5 a, #main h5 a:link, #main h5 a:visited, #main h5 a:active,
  #main h6 a, #main h6 a:link, #main h6 a:visited, #main h6 a:active {
	text-decoration: none;
	} 
  

	/* all elements with class 'underline' */
.underline {
	text-decoration: underline;
	}
  
a.underline, a.underline:link, a.underline:visited, a.underline:active {
	text-decoration: underline;
	}

a.external {
	padding: 0 16px 0 0;
	background: transparent url(../designel/new-window-11x10.gif) no-repeat 100% 3px;
	white-space: nowrap;
	}

a.pdf {
	padding: 0 26px 0 0;
	background: transparent url(../designel/new-window-pdf-21x11.gif) no-repeat 100% 3px;
	white-space: nowrap;
	}
	
a.read-more, a.read-more:link, a.read-more:visited {
	text-decoration: underline;
	padding-right: 14px;
	background: transparent url(../bg/caret-down.gif) no-repeat right 60%;
	color: #1446a7;
	}
a.read-more:active, a.read-more:hover {
	color: green;
	cursor: help;
	}
a.read-less, a.read-less:link, a.read-less:visited {
	text-decoration: underline;
	padding-right: 14px;
	background: transparent url(../bg/caret-up.gif) no-repeat right 60%;
	color: #1446a7;
	}
a.read-less:active, a.read-less:hover {
	color: green;
	cursor: pointer;
	}
/* END HTML ELEMENTS -------------------------------------------------------- */


/* TYPOGRAPHY --------------------------------------------------------------- */
#section-info {
/*
     * To use a 12px font size on the page, delete the 14px declarations.
     * to use a 14px font size on the page, delete the 12px declarations.
     */

    /* Use a 12px base font size with a 16px line height */
    /* font-size: 0.75em; */ /* 16px x .75 = 12px */
    /* line-height: 1.333em; */ /* 12px x 1.333 = 16px */

    /* Use a 14px base font size with a 18px line height */
    font-size: 0.875em; /* 16px x .875 = 14px */
    line-height: 1.286em; /* 14px x 1.286 = 18px */
    
    color: #fff;
	}

#page {
/*
     * To use a 12px font size on the page, delete the 14px declarations.
     * to use a 14px font size on the page, delete the 12px declarations.
     */

    /* Use a 12px base font size with a 16px line height */
    font-size: 0.75em; /* 16px x .75 = 12px */
    line-height: 1.333em; /* 12px x 1.333 = 16px */

    /* Use a 14px base font size with a 18px line height */
    /* font-size: 0.875em; */ /* 16px x .875 = 14px */
    /* line-height: 1.286em; */ /* 14px x 1.286 = 18px */
    
    color: #333;
	}

p {
	text-align: left; /* for this site, default alignment is 'left' */
	}
	
	p.intro {
		color: #999999;
		font-family: georgia, 'times new roman', times, serif;
		font-size: 1.45em;
		line-height: 1.45em;
		padding: .7ex 0;
		}
	
	p.publication-date,
	p.event-date {
		font-size: .95em;
		font-weight: 700;
		color: #666;
		padding: 1ex 0 1ex 0;
		}
	
  #sidebar-left p {
    	text-align: left; 
    	}

/* styling classes: */
/* see also: userstyles.css */

.noInd { text-indent: 0; }
.hangInd { text-indent: -1.5em; margin-left: 1.5em; }
.indent { text-indent: 1.5em; }
.ltJust { text-align: left; }
.rtJust { text-align: right; text-indent: 0; }
.ctJust { text-align: center; text-indent: 0; }
.just { text-align: justify; }
.bold-centered {
	text-align: center; 
	font-weight: 700;
	color: #7D0049;
	font-family: arial, sans-serif;
	margin: 0 20px;
	}
.no-top-bottom {padding-top: 0; padding-bottom: 0; }

	
.underline {
	text-decoration: underline;
	}
/* dropshadow effect - see:
		http://www.alistapart.com/articles/cssdropshadows/ */
 
.floatR {
	float: right;
	margin: 20px -10px 0 22px !important;
	margin: 20px -5px 0 18px;
	position: relative;
	}
.floatL {
	float: left;
	margin: 20px 6px 0 10px !important;
	margin: 20px 0 0 5px;
	position: relative;
	}
.float-clear {
	clear: both;
	}
.out {
  background: url(../bg/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../bg/shadow.gif) no-repeat bottom right;
  }
  
.video-floatL {
	float: left;
	padding: 12px 14px 8px 0;
	}
.video-floatR {
	float: right;
	padding: 12px 0 8px 14px;
	text-align: right;
	}
  
.in {
	float:left;
	display: block;
	position: relative;
	}

.out img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 0px solid #a9a9a9;
  margin: -9px 9px 9px -9px;
  padding: 0px;
  }
.in img { 
	display: block; 
	position: relative;
	left: -4px;
	top: -4px;
	} 
.photo {width:auto; padding:10px;}
.narrow { width:13em; padding: 1em; text-align: left; } /* change to suit */
.medium { width:16em; padding: 1em; text-align: left; }
.wide { width:30em; padding: 1em; text-align: left; clear: both; }
.wide2 { width:380px; padding: 1em; text-align: left; }
.quoteR { 
	left:-9px; top: -9px; color: #0b2e7b; line-height: 1.4em; background-color: #fff;
	border:1px solid silver; font-size: 1.15em; font-family: arial, sans-serif; }
.quoteL { left:15px; color: navy; line-height: 1.4em; border:1px solid silver; }
	
div.expand {
	margin: 1ex auto 1em 30px;
	background: transparent url(../bg/gradiant-bg.jpg) no-repeat left top;
	padding: 0 0 1px 1px;
	margin: 20px 20px 20px 20px;
	}
div.expand-inner {
	margin: 0;
	background: transparent url(../bg/paper-fill.jpg) repeat -7px bottom;
	padding: 0 10px 20px 40px;
	}

/* END TYPOGRAPHY ----------------------------------------------------------- */


/* SECTION-STYLES (including page styles) ----------------------------------- */
/* sidebar images: */
.section-about-astor #sidebar-images { background-image: url(../bg/50sMontage160x950.jpg); }
.section-you-can-help #sidebar-images { background-image: url(../bg/tiles.jpg); }
.section-our-services #sidebar-images { background-image: url(../bg/glass7x127.jpg); }
.section-news-events #sidebar-images { background-image: url(../bg/faces1.jpg); }

/* SECTIONS ------------------------ */
/* about ------------------------ */
/* some of this apllies to staff info in both the about and research sections */

#staff-info  {
	padding: 10px 0 0 20px;
	vertical-align: middle;
	}

#staff-photo {
	padding:10px 35px 20px 0; 
	float: left;
	}

#staff-bio  {
	clear: both;
	}

#staff-info p {
	font-weight:700;
	font-size: 1em;
	padding-top: 0;
	line-height: 1em;
	}

#staff-info-block h2 {
	font-size: 1.4em;
	margin: 0 0 .5em;
	}

.staff-list p {
	padding-top: 0;
	font-weight: 700;
	}

   		
/* NEWS SECTION ------------------------------- */
/* news page - list of news story teasers */
body#page-news div.newsitem {
	position: relative;
	padding-left: 125px;
	padding-top: 4px;
	padding-bottom: 16px;
	min-height: 130px;
	background: transparent url(../images/csdd-logo-only.gif) no-repeat 20px 30px;
	}
body#page-news div.news-image {
	width: 110px;
	height: 110px;
	overflow: hidden;
	text-align: center;
	position: relative;
	border: 1px solid #f0f0f0;
	padding: 0 !important;
	position: absolute;
	left: 0px; 
	top: 6px;
	background: transparent none no-repeat 50% 50%;
	}

body#page-news div.news-image img {
	margin: 0 auto;
	display: block;
	}

/* some of the following applies to both reports and news sections */

div.newsitem  {
	padding-top: 20px;
	}

/* special rule to exempt .newsitem on homepage from this rule: */
#panels div.newsitem {
	padding: 0 0 10px;
	}

div.newsitem p.publication-date  {
	padding-top: 0;
	}

p.newsitem-author,
p.publication-author  {
	font-weight: 700;
	}

p.newsitem-summary  {
	line-height: 1.2em;
	padding: .8ex 0 1.2ex;
	}

/* FORMS AND TABLES, various */	

	
table.registrations,
table.reports {
	margin-left: 25px;
	}
	
td.participant  {
	width: 190px;
	}

#event-registration td.participant  {
	width: 190px;
	}

td.publication_title  {
	width: 240px;
	}	
	
td.participant_price,
td.publication_price  {
	width: 65px;
	text-align: right;
	}
	
td.select_button  {
	width: 120px;
	text-align: right;
	}
	
#librarian-message-block  {
	margin: 20px 0 0 80px;
	}

#contact-list-block  {
	margin: 20px 0 0 60px;
	}

#contact_form td {
	padding: 7px;
	vertical-align: top;
	}
	
#transfer  {
	line-height: 2em;
	font-size: 1.4em;
	}
	
#addthis  {
	float:right;
	margin-top: .6em;
	}
	
table#research-milestones  {
	width: 600px;
	margin:25px 0 10px 20px;
	}
	
table#research-milestones td {
	vertical-align: top;
	padding-bottom: 20px;
	}
	
table#research-milestones h4 {
	font-size: 1.1em;
	margin-top: 0;
	color:  #417dc1;
	}
	
#course-info, #publication-info {
	margin-top: 20px;
	font-size: 1.2em;
	}

#clientinfo-block  {
	line-height: 2.5em;
	}
	
#clientinfo-block label { 
	position: absolute; 
	text-align:right; 
	width:100px; 
	}
	
#clientinfo-block input, #clientinfo-block select,
#clientinfo-block textarea { 
	margin-left: 110px; 
	}
	
.red  {
	color: #ee0000;
	}

/* END SECTION-STYLES ------------------------------------------------------- */

/* ADDITIONAL MCE-EDITOR STYLES --------------------------------------------- */


.mceContentBody h1 {
	font-family: georgia,'times new roman',times,serif !important;
	font-size: 2.3em !important;
	font-weight: 400;
	line-height: 1.4em;
	margin-bottom: 0.22em;
	margin-top: -3px;
	}

/*
* section colors:
*
* about:
* #417dc1
*
* research:
* #de6020
*
* courses:
* #74b64a
* 
* reports:
* #57b6dd
* 
* library:
* #417dc1
* 
* sponsored_research:
* #7e6d5f
* 
* news:
* #417dc1
*/