/*----------------- GENERAL STYLES -------------------- */
html,body {
    margin:8px auto;
    padding:0;
   	background: #FFFFFF;
    background: #996666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
}
h1, h2, h3 {
	margin:.8em 1em .5em 0;
	font-weight:normal;
	font-style:normal;
	font-size:100%
}
h1 {
	margin:0 1em .5em 0;
	font-size:130%;
	font-weight:bold;
}
h2 {
	font-weight:bold;
}
h3 {font-style:italic;}
p {margin:0 1em .8em 0;}
a {
	color:#660033;
	text-decoration:none;
}
a:hover {
	text-decoration:underline
}
cite {
	font-style:italic
}

/*----------------- CONTAINER and CONTENT -------------------- */
#container {
	position:relative;
	text-align:left;
    width:900px;
    margin: 0 auto;
    padding:0;
    background: #fff;
    overflow: visible;
    border: 1px solid #660033;
}
#content {
	font-size: 75%;
	line-height: 1.5;
	overflow: hidden;
	padding: 15px 20px 12px 20px;
	background:#fff;
}
#content a:hover { 
	background-color:#ECE1E1;
	text-decoration:underline
	}
#content h1 {
	font-weight:normal;
	font-size:130%;
	color:#660033;
	letter-spacing:0px;
}
#content-front {
	background:#8A8A8A;
	overflow: hidden;
	padding: 0;
}
/*----------------- End CONTAINER and CONTENT -------------------- */

/*----------------- HEADER Styles -------------------- */
#header {
	position:relative;
	height:78px;
	margin:0;
	background: #54002A url('images/banner/main-banner-900.gif') no-repeat 0 0;
	color: #fff;
	overflow: visible;
	z-index: 100;
}
#header h1 {
	position:absolute;
	left: 25px;
	width: 340px;
	height: 78px;
	margin: 0;
	background: url("images/banner/hst-banner-title-min.gif") no-repeat 0 32px;
	overflow: hidden;
	text-indent:-2000em;
}
#header h1 a {
	display:block;
	height:78px
}
#header #cmu-home-link {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 127px;
	height: 80px;
	overflow: hidden;
	text-indent: -2000em;
}
#header #hist-home-link {
	text-indent: -2000em;
}
ul#portal {
	position: absolute;
	padding: 0 12px;
	margin: 0;
	top: 35px;
	right: 140px;
	font: 70% Myriad, Trebuchet, Lucida, Verdana, sans-serif;
	visibility:visible
	}
ul#portal li {
	float: left;
	list-style-type:none
}
ul#portal a {
	color:#ecb600;
}

/*----------------- SIDEBAR -------------------- */
#sidebar {
	border:1px solid #ecb600;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	float:right;
	width:255px;
	background:#ccc;
	color:#4A4A4A;
	margin:1px -3px 5px 18px;
	padding:5px 10px 14px 10px;
	font-size:90%;
}
#sidebar p {
	width:auto;
	margin:3px 2px 5px 3px;
}
#sidebar img {
	display:block;
	border:1px solid gray;
	margin: 15px auto 10px;
}
#sidebar .office-hours {
	text-indent:-79px;
	padding-left:79px;
}
#faculty-books p {
	padding:0px 5px 10px 3px;
}
#faculty-books img {
	border:0;
	margin:20px auto 10px;
	-webkit-box-shadow: 5px 5px 4px #555;
	-moz-box-shadow: 5px 5px 4px #555;
}
#sidebar h1 {
	margin:10px 3px 5px 3px;
	color:#4A4A4A;
	font-size:100%;
	font-weight:bold;
	text-align:center;
	letter-spacing:0;
	text-decoration:none;
	text-transform:uppercase;
}
#sidebar h1 a {
	color:#4A4A4A;
}
#sidebar h2 {
	font-size:100%;
	margin:15px 5px 5px 5px;
	text-align:center;
	text-decoration:none;
	font-style:normal;
}
#sidebar .top-head {
	margin-top:0.3em;
	margin-bottom:0.3em;
}
#sidebar ul {
	margin:.3em 0;
	padding-left:30px;
}
#sidebar ul li {
	margin:auto
}
#sidebar ul li ul {
	margin-top:0;
	margin-bottom:0;
	list-style:disc
}
#sidebar a:hover {
	background-color:silver;
	text-decoration:underline
}
	/*------------ Front Page image and SIDEBAR ------------- */
	#content-front img {
		float:left;
		border:0;
		width:450px;
		height:300px;
		border-left:0px solid #8A8A8A;
		background:#8A8A8A;
	}
	#sidebar.front-page {
		margin:0;
		padding:0;
		float:left;
		width:430px;
		height:300px;
		background:#8A8A8A;
		padding:0 0 0 20px;
		border:0;
		border-left: 0px solid #777;
		font-size:70%;
		overflow:hidden;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	
	}
	#sidebar.front-page h1 {
		text-align:left;
		margin: 10px 10px 4px 20px;
		text-transform:uppercase;
		font-size:100%;
		text-shadow: 1px 2px 2px #777;
	}
	#sidebar.front-page h1.first {
		margin-top:14px;
	}
	#sidebar.front-page ul {
		margin:0 0 0 25px;
		padding-top:0;
		padding-bottom:0;
		list-style-type:disc
	}
	#sidebar.front-page ul li {
		margin:0 0 4px 0;
		padding-top:0;
	}
	#sidebar.front-page a {
		text-decoration:none;
		color:#333;
	}
	#sidebar.front-page a:hover {
		text-decoration:underline;
		background:transparent;
		color: #222; 
	}
	/*------------ End Front Page SIDEBAR ------------- */

/*----------------- End SIDEBAR Styles -------------------- */

/*----------------- FOOTER -------------------- */
#footer {
	clear:both;
	overflow: hidden;
	width:850px;
	padding:20px 0;
	margin:24px auto 5px auto;
	color:#444;
	background: #fff;
	border-top:1px solid #ccc;
	font-size:70%;
}
#footer p {
      margin:0;
      padding:2px 5px;
      text-align:center;
}
#footer a {
	color:#c90;
	font-weight:normal
}
#footer a:hover {
	color:#c90;
}

/*----------------- Other IDs and CLASSES -------------------- */
.book-title {padding:0px 5px 10px 3px}
.contact-block {
	padding-left:35px;
	font-size:100%;
}
.course-desc {
	margin-top:1em;
}
.course-desc p {
	font-size:92%;
	margin-bottom:1em
}
.course-desc p:first-line {font-weight:bold}
.course-desc a {font-weight:bold}
.course-desc > p:first-child {
	width:560px;
	border-top:1px #E4DCDA solid; 
	padding-top:.8em;
}
.dot-top {
	margin-top:20px;
	padding-top:3px;
	border-top-style: dotted; 
	border-top-color: #996666;
}
#fac-pub p {
	padding-left:35px;
	text-indent:-35px;
}
#fac-pub a {text-decoration:none;}
.leftpic {
	float:left;
	border:1px solid gray;
	margin:4px 13px 10px 0px;
}
ol.letters {list-style-type:lower-latin}
ul.list-small {
	margin:0px;
	font-size:90%;
}
ul.list-small a {font-weight:bold;}
#newsflash {
	background:#ccc;
	border:2px solid #B2B2B2;
	margin:10px 10px 20px 10px;
	padding:5px
}
#course-list ul {
	margin:0px;
	font-size:90%;
	font-weight:bold;
}