/*-------------------
Sarah Lawrence College Public Web Site 
Core Level 2 Page CSS
Author: Winston Churchill-Joell <wjoell@sarahlawrence.edu>
Copyright Sarah Lawrence College. All rights reserved
-----------------------------------------------------------*/

/*-------------------
General display settings and typography
-----------------------------------------------------------*/
body {
	background:#036;
}
#wrapper {
	background: none
}

div.section-features-block {
	padding: 1em .225em;
}
div.page-sidebar, div.section-features-block, div#section-navigation {
	border-bottom: 1px solid #999;
}
/* div.page-sidebar, div.section-features {
	margin-top: 1em;
	padding-top: 1em;
} */
div.page-sidebar h4, div.section-features h4 {
	font: .7em/1.3 Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: .15em;
	border: 1px solid #ccc;
	text-align: center;
	letter-spacing: .15em;
	margin-bottom: 1em;
}
div.page-sidebar h4 a, div.section-features h4 a {
	padding: .225em;
	background-color: #eee;
	text-decoration: none;
	display: block;
	font-weight: bold;
}
div.page-sidebar h4 a:link, div.section-features h4 a:link {
	color: #333;
}
div.page-sidebar h4 a:visited, div.section-features h4 a:visited {
	color: #666;
}
div.page-sidebar h4 a:hover, div.section-features h4 a:hover {
	color: #fff;
	background-color: #666;
}
div.page-sidebar h4 a:active, div.section-features h4 a:active {
	color: #fff;
	background-color: #333;
}
ul.sidebar-link-list {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 1em;
}
div.course-listing {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
}
div.course-listing p {
	margin-bottom: .3em;
	padding: 0;
}
ul.course-list, ul.course-list ul {
	list-style:none;
	padding-top: 1em;
}
ul.course-list li {
	padding: 1em;
	margin-top: 1em;
	border: 1px solid #ccc;
}
div.course-listing span {
	font-weight: bold;
}
div#flashcontent {
	padding-bottom: 1em;
}
/*-------------------
Layout core settings
-----------------------------------------------------------*/
#content, #content-main, #content-sidebar, #section-sidebar {
	float: left;
}
#main-body {
	padding: 1.5em; /* padding: 1em 0; */
	background-color: #fff;
}
#content {
	margin: 0 -1px 0 1.5em; /* margin-left: 1.5em */
	width: 50em; /* width: 50.5em; */
	padding-top: 1.25em;
}
#content-sidebar {
	width: 11.5em; /* width: 12em;  */
	margin: 1em -1px 0 1.5em; /* margin-left: 1.5em;  */
	padding-top: 1em;
	border-top: 1px solid #999;
}
#content-main {
	width: 37em;
	padding-top: 1em;
}
#section-sidebar {
	width: 11.5em; /* width: 12em;  */
	/* margin-left: 1em; */
}
#page-footer {
	/* margin: 0 .675em; */
	padding: 1em 0;
	border-top: 1px solid #ccc;
}
#section-navigation {
	padding-bottom: 1em;
}
/*-------------------
Layout variations
-----------------------------------------------------------*/
/*if content sidebar is ommitted, class of "no-content-sidebar" 
should be added to div#content*/
div.no-content-sidebar #content-main { 
	width: 50em; /* width: 50.5em; */
}
div.no-section-sidebar #content-main { 
	width: 50em; /* width: 50.5em; */
}
/*if section sidebar is ommitted, class of "no-section-sidebar" 
should be added to div#main-body*/
div.no-section-sidebar #content, div.no-section-sidebar div.no-content-sidebar #content-main { 
	width: 63em; /* width: 65em; */
}
div.no-section-sidebar #content { 
	margin-left: 0; /* margin-left: 1em; */
}
/*-------------------
Global Footer
-----------------------------------------------------------*/


/*-------------------
Utility Bar
-----------------------------------------------------------*/
#utility-bar {
	background: none;
	padding: .75em .25em;
}
/*-------------------
Wayfinding
-----------------------------------------------------------*/
#wayfinding {
	background: none;
	font-size: 70%;
}
#wayfinding a {
	text-transform: none;
	font-weight: bold;
	color: #999;
	padding: .225em;
	letter-spacing: normal;
	text-decoration: underline;
}
#wayfinding a:link {
	text-transform: none;
	font-weight: bold;
	color: #999;
}
#wayfinding a:visited {
	font-weight: bold;
	color: #999;
}
#wayfinding a:hover {
	font-weight: bold;
	color: #eee;
	background: #333;
	text-decoration: none;
}
#wayfinding a:active {
	font-weight: bold;
	color: #999;
}
#wayfinding span {
	border: 1px dotted #448acf;
	border-left: none;
	border-top: none;
	padding: .5em .35em .25em 0;
	color: #999;
}