/************************************************** 
* Cascading Style Sheets, level 2 (CSS2 specification)
* http://www.w3.org/TR/REC-CSS2
* 
* Lesley University Centennial Website CSS
* © 2009 Lesley University
* 29 Everett Street
* Cambridge, Massachusetts, USA 02138
* (617) 868-9600 / TTY: (617) 349-8544 
*
**************************************************/

/*YUI reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}


/* Universal CSS image replacement declaration */
#header h1,
#section-navigation li a {		
	background-position: top left;
	background-repeat: no-repeat;
	/*font-size: 0px;
		line-height: 0px;*/
	text-indent: -5000em;
	white-space: nowrap;
}


/* General Styles */
body {
	background: #FFF;
	color: #231F20;
	font: 62.5% Helvetica, Arial, sans-serif;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

#container {
	margin: 0 auto;
	width: 950px;
	position: relative;
	padding-bottom: 20px;
}

p {
	font-size: 1.2em;
	line-height: 1.8em;
}

p em {
	font-style: italic;
	font-weight: bold;
}

p strong {
	font-weight: bold;
}

p a {
	color: #0A85CC;
	font-weight: bold;
	text-decoration: none;
}
a {	
	color: #0A85CC;
}
a:hover {
	text-decoration: underline !important;
}


/* Header Styles */
#header {
	float: left;
	width: 950px;
	height: 32px;
	background: #00654E;
	margin-bottom: 2px;
}
	#header h1 {
		float: left;
		padding: 0 54px 0 20px;
		width: 90px;
	}
	#header h1 a {
		float: left;
		display: block;
		width: 90px;
		height: 32px;
		background-image: url('../images/logo-lesley_university.gif');
	}
	#header ul {
		float: left;
		margin-top: 12px;
		width: 786px;
	}
		#header ul li {
			float: left;
			padding-right: 44px;
		}
		#header ul li.last {
			padding: 0;
		}
			#header ul li a {
				font-size: 9px;
				color: #EFEDEB;
				text-transform: uppercase;
				text-decoration: none;
			}
			#header ul li a:hover {
				text-decoration: underline;
			}


/* Photo Montage Styles */
#photo-montage {
	float: left;
	width: 710px;
	height: 185px;
	margin-bottom: 2px;
}
	#homepage #photo-montage {
		width: 760px;
		height: 373px;
	}	


/* Centennial Logo Styles */
#centennial-logo {
	position: absolute;
	width: 195px;
	height: 103px;
	top: 80px;
	right: 18px;
}
	#homepage #centennial-logo {
		top: 116px;
		right: 28px;
	}
	

/* Section Navigation Styles */
#section-navigation {
	float: left;
	background: #0A85CC;
	width: 950px;
	margin-bottom: 2px;
}
	#section-navigation li {
		float: left;
	}
		#section-navigation li a {
			display: block;
			height: 47px;
		}
		#section-navigation li a:hover,
		#message-from-the-president li.message-from-the-president a,
		#lesley-history li.lesley-history a,
		#alumni-stories li.alumni-stories a,
		#committees li.committees a,
		#events li.events a,
		#share-your-story li.share-your-story a,
		#giving li.giving a {
			background-position: 0 -47px;
		}
		#section-navigation li.message-from-the-president a { background-image: url('../images/section_nav-message.gif'); width: 219px; }
		#section-navigation li.lesley-history a 			{ background-image: url('../images/section_nav-lesley_history.gif'); width: 139px; }
		#section-navigation li.events a 					{ background-image: url('../images/section_nav-events.gif'); width: 85px; }
		#section-navigation li.alumni-stories a 			{ background-image: url('../images/section_nav-alumni_stories.gif'); width: 142px; }
		#section-navigation li.share-your-story a 			{ background-image: url('../images/section_nav-share_your_story.gif'); width: 156px; }
		#section-navigation li.committees a 				{ background-image: url('../images/section_nav-committees.gif'); width: 123px; }
		#section-navigation li.giving a 					{ background-image: url('../images/section_nav-giving.gif'); width: 86px; }
		

/* Content Styles */
#content {
	float: left;
	width: 950px;
	margin-bottom: 65px;
	font-size: 100%;
}	
	#homepage #content {
		margin-bottom: 2px;
	}
		
#content .column {
	float: left;
	width: 530px;
	margin-right: 30px;
} 	
	#events .column,
	#giving .column {
		margin-left: 190px;
	}
	#committees .column {
		width: 610px;
	}
	.contact-us #content .column {
		width: 760px;
		margin-right: 0;
	}
	#content .column h2 {
		color: #0A85CC;
		font-size: 2.8em;
		margin-bottom: 13px;
	}
		#alumni-stories #content .column h2 {
			margin-bottom: 5px;
		}
		#content .column h2 span {
			font-size: 0.75em;
			display: block;
			width: 75%;
		}
	#content .column h3 {
		font-size: 1.2em;
		margin-bottom: 17px;
		line-height: 1.5em;
	}	
		#alumni-stories #content .column h3 {
			font-size: 1.3em;
			font-style: italic;
			line-height: 1.4em;
		}
		#committees #content .column h3 {
			font-weight: bold;
			font-size: 1.4em;
			margin-bottom: 15px;
			padding-bottom: 2px;
			border-bottom: solid 1px #0A85CC;
			clear: both;
		}
	#content .column h4 {
		font-size: 1.5em;
		font-weight: normal;
		line-height: 1.3em;
		margin-bottom: 15px;
	}
		#content .column h4 span {
			font-weight: normal;
		}
	#content .column h5 {
		font-weight: bold;
		font-size: 1.2em;
		line-height: 1.6em;
		text-transform: uppercase;
	}
	#content #flashcontent {
		margin-bottom: 10px;
	}
	#content .column p {
		margin-bottom: 20px;
		line-height: 1.6em;
	}
	#content .column p.citation {
		font-size: 1.1em;
		font-style: italic;
	}
		#events #content .column h4,
		#events #content .column p,
		.share-your-story #content .column h4 {
			padding-bottom: 15px;
			margin-bottom: 15px;
			border-bottom: solid 1px #6EC3F9;
		}
		#events #content .column p.list {
			padding-bottom: 0;
			margin-bottom: 0;
			border-bottom: none;	
		}
			#events #content .column p strong {
				display: block;
				text-transform: uppercase;
				font-size: 0.9em;
			}
	#content .column p.half {
		float: left;
		width: 250px;
		margin-top: 20px;
		margin-right: 15px;
	}

#content .photo {
	float: left;
	width: 200px;
}
	#next-100-years #content .photo {
		float: right;
		width: 285px;
		margin: 0 0 0 20px;
	}

	#content .photo img {
		float: left;
		width: 200px;
	}
		#next-100-years #content .photo img {
			width: 285px;
		}
	#content .photo p.description {
		margin-top: 1px;
		float: left;
		width: 180px;
		padding: 10px;
		border-top: solid 1px #0878C4;
		border-bottom: solid 1px #0878C4;
		background: #CEE7F5;
		font-family: "Times New Roman", Georgia, serif;
		font-style: italic;
		line-height: 1.4em;
	}
		#next-100-years #content .photo p.description {
			width: 265px;
		}
		#content .photo p.description strong {
			display: block;
			font-weight: bold;
			font-style: italic;
		}

#content ul.photo-links {
	float: left;
	width: 200px;
	padding-top: 13px;
}
	#content ul.photo-links li {
		float: left;
		width: 200px;
		font-size: 1.1em;
		padding-bottom: 14px;
		border-bottom: solid 1px #6CB6E0;
		margin-bottom: 15px;
	}
		#content ul.photo-links li a {
			display: block;
			float: left;
			width: 200px;
			text-transform: uppercase;
			font-weight: bold;
			text-decoration: none;
		}
			#content ul.photo-links li a img {
				float: left;
				margin-top: 8px;
			}

#content ul.members {
	float: left;
	width: 610px;
}
#content ul.members.the-rest {
	padding-bottom: 10px;
	border-bottom: solid 2px #0A85CC;
	margin-bottom: 25px;
}
	#content ul.members li {
		float: left;
		width: 280px;
		margin-right: 25px;
		margin-bottom: 25px;
		font-size: 1.2em;
	}
	#content ul.members.the-rest li {
		margin-bottom: 15px;
	}
		#content ul.members li img {
			float: left;
			margin-right: 10px;
			width: 70px;
			height: 60px;
			background-color: #CEE7F5;
			font-size: 8px;
		}
		#content ul.members li strong {
			font-weight: bold;
		}
		#content ul.members li em {
			display: block;
			font-style: italic;
			padding-top: 5px;
		}

#events #content .column ul {
	font-size: 1.2em;
	line-height: 1.6em;
	list-style: disc;
	margin-left: 12px;
}
	#events #content .column ul li {
		margin-bottom: 10px;
	}
		
#content p.signature {
	width: 240px;
	float: right;
}
	#content p.signature img {
		float: left;
		width: 232px;
		height: 80px;
	}
	#content p.signature span {
		float: right;
		margin-top: -20px;
	}

#content p.image {
	float: left;
	padding-bottom: 10px;
	border-bottom: solid 1px #6EC3F9;
}
	#content p.image img {
		float: left;
	}
	#content p.image span {
		display: block;
		float: left;
		font-size: 0.9em;
		padding-top: 2px;
	}
	#content p.image span em {
		font-weight: normal;
	}

#content p.third {
	width: 232px;
	float: left;
	margin-right: 15px;
	padding-right: 15px;
	border-right: solid 1px #6EC3F9;
	line-height: 1.4em;
}
	#content p.third.last {
		border-right: none;
		margin-right: 0;
		padding-right: 0;
	}
	#content p.third strong,
	#content p.third em {
		display: block;
	}
	#content p.third strong {
		font-size: 1.2em;
		margin-bottom: 5px;
		font-weight: normal;
	}
	#content p.third em {
		line-height: 1.2em;
		font-weight: normal;
		margin-bottom: 5px;
	}
	#content p.third a {
		clear: both;
		float: left;
		margin-top: 5px;
	}


/* Text Sizer */
#text-sizer {
	float: left;
	clear: both;
	width: 100%;
	padding: 10px 0 8px 0;
	text-align: right;
	color: #666;
}
	#text-sizer a.on,
	#text-sizer a:hover {
		color: #666;
	}
	#text-sizer .regular {
		font-size: 1em;
	}
	#text-sizer .medium {
		font-size: 1.5em;
	}
	#text-sizer .large {
		font-size: 2em;
	}


/* Directory Navigation */
#content #directory-navigation {
	float: left;
	width: 170px;
	padding-left: 20px;
	padding-top: 13px;
}
	#content #directory-navigation ul {
		width: 150px;
		padding: 0;
		margin-right: 20px;
	}
		#content #directory-navigation ul li {
			margin-right: 0;
			margin-bottom: 14px;
			padding-right: 20px;
			padding-bottom: 12px;
			border-bottom: solid 1px #0A85CC;
			display: block;
			text-transform: uppercase;
			font-size: 1.1em;
		}
		#content #directory-navigation ul li a {		
			font-weight: bold;
			text-decoration: none;
		}
		
			#content #directory-navigation ul li ul {
				display: none;
				width: 130px;
			}
				#content #directory-navigation ul li li {
					margin-top: 12px;
					padding-bottom: 0;
					margin-bottom: 0;
					padding-right: 0;
					border: none;
					text-transform: none;
					font-size: 1em;
				}
					#content #directory-navigation ul li li a {
						color: #0A85CC;
						cursor: pointer;
					}
					#content #directory-navigation ul li li a:hover {
						text-decoration: underline !important;
					}
	
		/* Alumni Stories styles */
		.alumni-stories ul li.alumni-stories a,
		.alice-dungan-bouvrie #content #directory-navigation ul li ul li.alice-dungan-bouvrie a,
		.paula-stahl #content #directory-navigation ul li ul li.paula-stahl a,
		.terry-kaldhusdal #content #directory-navigation ul li ul li.terry-kaldhusdal a,
		.doris-wilhousky #content #directory-navigation ul li ul li.doris-wilhousky a,
		.lucas-guerra #content #directory-navigation ul li ul li.lucas-guerra a,
		.evelyn-finegan #content #directory-navigation ul li ul li.evelyn-finegan a,
		.che-madyun #content #directory-navigation ul li ul li.che-madyun a,
		.anna-tikkanen-savolainen #content #directory-navigation ul li ul li.anna-tikkanen-savolainen a,
		.dr-madeline-lannin #content #directory-navigation ul li ul li.dr-madeline-lannin a,
		.helen-briggs-miller #content #directory-navigation ul li ul li.helen-briggs-miller a,
		.myrtle-peirce-aulenback #content #directory-navigation ul li ul li.myrtle-peirce-aulenback a,
		.merle-royte-nelson #content #directory-navigation ul li ul li.merle-royte-nelson a,
		/* Oral Stories */
		.oral-stories ul li.oral-stories a,
		.jim-slattery #content #directory-navigation ul li ul li.jim-slattery a,
		.marjorie-servis-truesdell #content #directory-navigation ul li ul li.marjorie-servis-truesdell a,
		.catherine-stratton #content #directory-navigation ul li ul li.catherine-stratton a,
		.june-fox #content #directory-navigation ul li ul li.june-fox a,
		.carole-slattery #content #directory-navigation ul li ul li.carole-slattery a,
		.mary-mindess #content #directory-navigation ul li ul li.mary-mindess a,
		/*  Lesley History styles */
		.university-history li.university-history a,
		.edith-lesley li.edith-lesley a,
		.timeline li.timeline a,
		.trivia-questions li.trivia-questions a,
		.item-of-the-week li.item-of-the-week a,
		/* Committees styles */
		.committees li.committees a,
		.steering-committee li.steering-committee a,
		.subcommittees li.subcommittees a,
		/* Message from the President styles */
		.message-from-the-president li.message-from-the-president a,
		.the-next-100-years li.the-next-100-years a,
		/* Share Your Story styles */
		.share-your-story li.share-your-story a,
		.contact-us li.contact-us a
		{
			color: #666;
			text-decoration: none !important;
			cursor: default;
		}
	
		.alumni-stories #content #directory-navigation ul li.alumni-stories ul,
		.oral-stories #content #directory-navigation ul li.oral-stories ul,
		.subcommittees #content #directory-navigation ul li ul,
		.item-of-the-week #content #directory-navigation ul li ul,
		.the-next-100-years #content #directory-navigation ul li ul {
			display: block;
		}


/* Homepage Styles */
#homepage #content .column {
	float: left;
	width: 200px;
	margin: 0;
	min-height: 500px;
	max-height: 500px;
	overflow: hidden;
	padding: 20px 18px 10px 18px;
	border-right: solid 2px #FFF;
	background: #D9E8FF;
}
#homepage #content .column.events {
	border: none;
}
	#homepage #content .column.events p {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: solid 1px #6EC3F9;
	}
		#homepage #content .column.events p strong {
			display: block;
			text-transform: uppercase;
			font-size: 0.9em;
		}
	#homepage #content .column img {
		float: left;
		margin-bottom: 12px;
		width: 200px;
		height: 100px;
	}
	#homepage #content .column h2 {
		font-size: 2.1em;
		margin-bottom: 4px;
	}
	#homepage #content .column p {
		margin-bottom: 10px;
		line-height: 1.6em;
	}
	#homepage #content .column a {
		text-decoration: none;
		font-weight: bold;
		text-transform: uppercase;
		clear: both;
		float: left;
		margin-bottom: 10px;
	}
	#homepage #flashcontent {
		float: left; 
		height: 373px; 
		margin-bottom: 2px;
	}


/* Share Your Story styles */
.share-your-story form fieldset {
	float: left;
	width: 530px;
}
	.share-your-story form fieldset.half {
		width: 255px;
		margin-right: 20px;
		margin-bottom: 20px;
	}
		.share-your-story form fieldset.half.last {
			margin-right: 0;
		}
	.share-your-story form fieldset label {
		display: block;
		font-size: 1em;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 5px;
		cursor: pointer;
	}
	.share-your-story form fieldset input.text,
	.share-your-story form fieldset textarea {
		border: solid 1px #6EC3F9;
		font-size: 1.2em;
		font-family: Helvetica, Arial, sans-serif;
		padding: 4px;
	}
	.share-your-story form fieldset input.text {
		width: 245px;
	}
	.share-your-story form fieldset textarea {
		width: 520px;
		height: 150px;
	}
	.share-your-story form fieldset input.submit {
		float: right;
		margin-top: 10px;
		width: 88px;
		height: 39px;
	}


/* Giving styles */
.donate {
	position: relative;
}
	.donate a {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
	}
		.donate img {
			width: 128px;
			height: 39px;
		}

		
/* Footer Styles */		
#footer {
	float: left;
	width: 930px;
	padding: 10px;
	margin-bottom: 40px;
	border-top: solid 3px #0A85CC;
}
	#footer p {
		font-size: 1em;
		text-align: center;
	}