/*
	STYLE GUIDE
	
	#FCF8E8 (beige) Site background
	#FFFFFF (white) Content background
	#2A2923 (dark brown) Content text color
	#6A0707 (red) Banner background, text links
	#585143 (dark brown) Heading text color
*/

/* Reset default browser styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/* base styles */
body {
	background-color: #fff;
	color: #2A2923;
	font-size: 62.5%;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;	
/*	text-shadow: #FFF 1px 1px 2px;*/
}

input, textarea {
	font: 1em "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, Helvetica, Arial, sans-serif;
}
/* END base styles */

/* default anchor styles */
a {
	color: #6A0707;
}

a:hover {
	color: #6A0707;
	text-decoration: none;
}
/* END default anchor styles */

/* inline stuff */
a img {
	border: none;
}

abbr, acronym {
	border-bottom: none;
	cursor: help;
}

code, pre {
	font-family: Profont, "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace;
}
/* END inline stuff */

/* form elements */
form, fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
/* END form elements */

/* self-clearing floats */
#top-bar ul:after, #isites-scale-portal-content-wrap:after, #isites-scale-portal-content .topic-edit .topic-edit-head .wrap:after, #isites-scale-portal-content .topic .head .wrap:after, #isites-scale-portal-content .topic-menu:after, #navigation ul:after, ul.thumbnail:after, dl.thumbnail:after, .row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END self-clearing floats */

/* layout fixes */
.col-2 #layout-col-left {
	margin-right: 2%;
	width: 47%;
}

.col-2 #layout-col-right {
	margin-left: 2%;
	width: 47%;
}
/* END layout fixes */

/* "drop-down" menus */
ul.nav-drop {
	display: none;
}
/* END "drop-down" menus */

#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 960px;
}

/* ----- Header: Contains branding, logout, etc. ----- */
/* header */
#header {
	position: relative;
	text-align:center;
}

#header h1 {
	background: url("../images/header-course-catalog.png") no-repeat left top;
	font-family: "Times New Roman", Times, Georgia, serif;
	font-weight: normal;
	font-size: 1em;
	margin:14px auto;
	padding:0;
	text-indent: -9999em;
	text-transform: uppercase;
	width: 462px;
	height: 88px;
}
#wrapper h3 {
    color: #000;
    font-size: 1.9em;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0 60px .1em 0;
}
/* END header */

/* BEGIN top bar */
#top-bar {
	/*height: 3em; 
	background: #000 url(../imgs/bg-red-gradient.gif) no-repeat center bottom; */
	height: 2.7em;
	background-color:#000;
	border-bottom:3px solid #6b0707;
	text-align:left;
	font-size:10px;
}

#logo-harvard {position:absolute; top:0.5em; width:23%; margin:0 1%;}

#top-bar ul, #top-bar li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#top-bar ul {
	float: right; padding-top:.9em; padding-right:2em; position:relative;
}

#top-bar li {
	float: left; font-size: 1.1em; padding-right: 1.5em; color: #ccc;
}

#top-bar li a:link, #top-bar li a:visited {	color: #ccc; text-decoration: none; position:relative; }
#top-bar li a:hover, #top-bar li a:active { color: #eee; text-decoration: none; border-bottom: 1px solid #999; }

#top-bar li a.highlight:link, #top-bar li a.highlight:visited { color: #f2f2f2; }
#top-bar li a.highlight:hover, #top-bar li a.highlight:active { color: #fff; text-decoration: none; border-bottom: 1px solid #ddd; }
#top-bar li img {position:absolute; top:.6em; right:1.4em; height:1.5em;}
/* END top bar */

/*-  Navigation
----------------------------------------------------------------------*/
#navigation { height: 90px; overflow: auto;}
#navigation ul { clear: both; float: left; width: 100%; position: relative; zoom: 1; border-bottom: 1px solid #d6d6d6; list-style:none; height:36px; padding:0; margin:0;}
#navigation ul ul { position: absolute; left: -9999em; z-index: 9999; border-bottom: 2px solid #e7e7e7;}
#navigation ul li { float: left;  list-style:none; padding:0; margin:0;}

#navigation ul a:link,
#navigation ul a:visited { display:block; float: left; font-size: 1.4em; line-height:33px; color: #666; padding:2px .9em 0; margin:0; text-decoration:none;}
#navigation ul a:hover,
#navigation ul a:active { color: #333; text-decoration:underline;}

#navigation ul li.active a:link,
#navigation ul li.active a:visited,
#navigation ul li.active a:hover,
#navigation ul li.active a:active { position: relative; top: 1px; line-height:33px; color: #912; background-color: #fff; border: 1px solid #d6d6d6; border-bottom:0px; text-decoration: none; padding-top:0px; padding-bottom:2px;}

#navigation ul li.active ul {left: 0; top:38px; width: 960px; background: #fff; height:38px;}

#navigation ul li.active ul a:link,
#navigation ul li.active ul a:visited,
#navigation ul li.active ul a:hover,
#navigation ul li.active ul a:active { float:left; font-size: 1.2em; line-height:38px; color: #666; margin:0; position:static; top:0; padding:0 1.1em; border:0;}
#navigation ul li.active ul a:hover,
#navigation ul li.active ul a:active { color: #333; text-decoration:underline; }
#navigation ul li.active ul li.active a:link,
#navigation ul li.active ul li.active a:visited,
#navigation ul li.active ul li.active a:hover,
#navigation ul li.active ul li.active a:active {color: #912; text-decoration:none;}

/* END site admin link */

/* END course admin nav styles */
#isites-scale-portal-tray-wrap {margin-top: 0;}
#isites-scale-portal-tray-wrap p.close, #isites-scale-portal-tray-wrap p.open, #tray-wrap p.close, #tray-wrap p.open {margin:0;}

/* BEGIN content area */
#content-wrap {
	background: #FFF;
	border: none; /*2px solid #E9E5D3;*/
    clear: both;
	font-size: 1.5em;
	padding: 0em 1% 0.5em;
}

#content-wrap h2 {
	display: none;
}

/* topic title */
#isites-scale-portal-content .topic .topic-top h3 {
	color: #000;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 60px .1em 0;
}

#isites-site-admin #isites-scale-portal-content .topic .topic-top h3 {
	display: none;
}
/* END topic title */

/* topic top */
/* END topic top */

/* topic header */
#isites-scale-portal-content .topic .topic-top {
	position: relative;
	z-index: 500;
}

.tray #isites-scale-portal-content .topic .topic-top {
	z-index: 0;
}
/* END topic header */

/* topic navigation */
ul.topic-header-menu {
	float: right;
	margin: -3em 0 0;
	position: relative;
	z-index: 1200;
/*	right: .5em;
	top: -.4em; */
}

/* Hide the topic actions (edit, maximize, print, etc.) */
.tray .topic ul.topic-header-menu, #isites-site-admin .topic ul.topic-header-menu, .popup .topic ul.topic-header-menu, .topic-edit .topic ul.topic-header-menu {
	display: none;
}

.tray .design-content ul.topic-header-menu {
	display: block;
	margin: 0;
}

.tray #isites-scale-portal-content .topic .topic-top {
	position: relative;
	top: .2em;
	z-index: 1000;
}

.tray #isites-scale-portal-content .topic .topic-top ul.topic-header-menu {
	z-index: 50;
}

ul.topic-header-menu, ul.topic-header-menu li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.topic-header-menu li {
	float: left;
	margin: 0 0 0 .2em;
}

/* are we in course admin? if so, hide the topic menu */
.admin ul.topic-menu {
	display: none;
}
/* END topic navigation */

/* topic content */
.topic {
	text-align: left;
}

.topic .topic-content {
	font-size: 1em;
	line-height: 1.2em;
	padding-top: .3em;
	overflow: auto;
	z-index: 0;
}

.topic .topic-content {
	padding: 0;
	overflow: visible;
}

.admin .topic .topic-content {
	overflow: visible;
}

.topic .topic-content {
	padding: 1em 0 .5;
}

.topic .content img, .topic .content table {
	max-width: 100%;
}

/* is the tray active? */
.tray #isites-scale-portal-content .topic {
	margin-right: 0;
}

.tray #isites-scale-portal-content .topic .content .wrap {
	width: 100%;
}
/* END is the tray active? */
/* END topic content */

/* editing a topic */
#isites-scale-portal-content .topic-edit {
	border: 1px solid #CCC;
	border-width: 1px 0 0 1px;
}

#isites-scale-portal-content .topic-edit .topic-wrap {
	background: none;
	border: 0;
}

#isites-scale-portal-content .topic-edit .topic-wrap .head {
	display: none;
}

#isites-scale-portal-content .topic-edit .topic-edit-intro {
	font-size: 1.1em;
	padding: 0 .5em .4em;
}

.topic-edit .topic-edit-content ul, .topic-edit .topic-edit-content ul li {
	list-style: none;
}
/* END editing a topic */
/* END topic */

/* footer */
#footer {
	clear: both;
	color: #666250;
	font-size: 1em;
	font-family: "Times New Roman", Times, Georgia, serif;
	margin: 0;
	padding: 4.5em 15px 20px;
}

#footer p {
}
/* END footer */

.x-window p {
	margin: 1em 0 1em 0;
}
.x-combo-list, .x-window {
	text-align: left;
}
.x-window table, .x-window tbody, .x-window tr, .x-window td, .x-window em, .x-window button {
	vertical-align: middle;
}