/* - - - - - - - - - - - - - - - - - - -
/ Client:		Harvard Macy Institute
/ Rev. Date:	
/- - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - -
/ RESETTING AGAIN by Eric Meyer
/- - - - - - - - - - - - - - - - - - - - */

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,
b, u, i, center,
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-size: 100%;
	
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* - - - - - - - - - - - - - - - - - - -
/ Cleaner
/- - - - - - - - - - - - - - - - - - - - */

.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	border: none;
	margin: 0px; padding:0px;
	background: transparent;
}

/* - - - - - - - - - - - - - - - - - - -
/ Basic Structure
/- - - - - - - - - - - - - - - - - - - - */

a {
	color: #93313d;
	text-decoration: none;
}
a:hover {
	color: #333;
}

body {
	background: #2b0c11 url("../images/bg_crimson.jpg") repeat-x;
	font-size: 100%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
}

#wrapper {
	position: relative;
	width: 1002px;
	margin: 0 auto;
}

#header {
	display: block;
	background: #e5e5e5 url("../images/header.jpg");
	width: 100%;
	height: 83px;
}

	#header a {
		position: absolute;
		top: 20px;
		left: 20px;
		display: block;
		height: 50px;
		width: 350px;
	}

	#header span {
		display: none;
	}

#menubar {
	background: #872b36 url("../images/menubar.jpg") repeat-x;
	height: 36px;
	width: 100%;
}

	#menubar ul#navigation {
		list-style: none;
		height: 36px;
		float: left;
	}
	
	#menubar ul#navigation li,
	#menubar ul#navigation li a {
		display: block;
		height: 36px;
		line-height: 36px;
		float: left;
	}
		#menubar ul#navigation li a span {
			display: none;
		}
		#menubar ul#navigation li#nav-aboutUs a {
			background: url("../images/navigation/aboutUs.gif") no-repeat;
			width: 110px;
		}
		#menubar ul#navigation li#nav-contactUs a {
			background: url("../images/navigation/contactUs.gif") no-repeat;
			width: 120px;
		}
		#menubar ul#navigation li#nav-faculty a {
			background: url("../images/navigation/faculty.gif") no-repeat;
			width: 97px;
		}
		#menubar ul#navigation li#nav-programs a {
			background: url("../images/navigation/programs.gif") no-repeat;
			width: 113px;
		}
		#menubar ul#navigation li#nav-linkedEd a {
			background: url("../images/navigation/linkedEd.gif") no-repeat;
			width: 247px;
		}
		#menubar ul#navigation li#nav-myCourses a {
			background: url("../images/navigation/myCourses.gif") no-repeat;
			width: 110px;
		}
		
		
		#menubar ul#navigation li#nav-aboutUs a.active {
			background: url("../images/navigation/aboutUs.gif") no-repeat;
			background-position: 0px -36px;
			width: 110px;
		}
		#menubar ul#navigation li#nav-contactUs a.active {
			background: url("../images/navigation/contactUs.gif") no-repeat;
			background-position: 0px -36px;
			width: 120px;
		}
		#menubar ul#navigation li#nav-faculty a.active {
			background: url("../images/navigation/faculty.gif") no-repeat;
			background-position: 0px -36px;
			width: 97px;
		}
		#menubar ul#navigation li#nav-programs a.active {
			background: url("../images/navigation/programs.gif") no-repeat;
			background-position: 0px -36px;
			width: 113px;
		}
		#menubar ul#navigation li#nav-linkedEd a.active {
			background: url("../images/navigation/linkedEd.gif") no-repeat;
			background-position: 0px -36px;
			width: 247px;
		}
		#menubar ul#navigation li#nav-myCourses a.active {
			background: url("../images/navigation/myCourses.gif") no-repeat;
			background-position: 0px -36px;
			width: 110px;
		}
		
		
		#menubar ul#navigation li a:hover,
		#menubar ul#navigation li:hover a,
		#menubar ul#navigation li.sfHover a {
			background-position: 0px -36px !important;
		}
		#menubar #loginInfo {
			display: block;
			float: right;
			padding-right: 15px;
			height: 36px;
			line-height: 36px;
			font-size: 13px;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			color: #FFF;
			/* IE 6 LOGIN POSITIONING */
			_paddin-top:6px;
			_height:30px;
		}
		#menubar #loginInfo a.logOut {
				background: url('../images/button_X.gif') no-repeat right;
				color: #CC9999;
				padding-right: 25px;
				margin-right: 5px;
				
		}
		#menubar #loginInfo a:hover {
				color: #FFC5C7;
		}		
		#menubar #loginInfo input {
				margin: 0px 2px 2px 0;
				border: 0;
				padding: 2px 4px;
				height: 15px;
				width: 65px;
				font-size: 11px;
				line-height: 15px;
				font-weight: normal;
				color: #333;
				vertical-align: middle;
				/* IE 6 LOGIN POSITIONING */
				_margin-top:6px;
			}
			#menubar #loginInfo img {
				margin-top: 9px;
			}
			
			#menubar #loginInfo #logoutButton {
				vertical-align: middle;
				height: 13px;
			}

#content {
	background: #f2f2f2;
	color: #3e3e3e;
	font-size: 12px;
}

	#content.watermarked {
	/*	background: #f2f2f2 url("../images/bg_watermark.gif") no-repeat bottom right; */
	}

#footer {
	width: 100%;
	height: 50px;
	background: #666 url("../images/footer.jpg");
	color: #888;
	font-size: 0.65em;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
	#footer a {
		color: #c3c3c3;
	}
		#footer a:hover {
			color: #d7d7d7;
			text-decoration: underline;
		}

	#footer span {
		height: 50px;
		line-height: 50px;
		vertical-align: middle;
	}
	
		#footer span#legalInfo {
			color: #bbb;
			margin-left: 25px;
		}
		
/* - - - - - - - - - - - - - - - - - - -
/ Content Elements
/- - - - - - - - - - - - - - - - - - - - */

.column {
	float: left;
	width: 299px;
}

.borderless {
	border: 0 !important;
}

ol {
	list-style: decimal;
	list-style-position: inside;
}

ul.bullet {
	list-style-type: disc;
	margin-left: 30px;
	}

p {
	line-height: 18px;
	}

hr {
	border: 0;
	border-bottom: 1px solid #CCC;
	margin: 20px 0 20px 0;
	}

#mainCopy {
	width: 500px;
	line-height: 1.9em;
	margin-left: 25px;
	float: left;
	clear: none;
	margin-bottom: 50px;
}
	#mainCopy p {
		margin: 1em 0;
	}
	
	#mainCopy h2 {
		margin-top: 1.5em;
		
		font-size: 1.7em;
		color: #802732;
	}
		#mainCopy h2#heading {
			margin: 0;
		}
	#mainCopy .separator {
		line-height: 1px;
		height: 1px;
		border-bottom: solid 1px #cccdc4;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	#mainCopy .dottedSeparator {
		background: url("../images/dottedLine.gif") repeat-x;
		line-height: 1px;
		height: 1px;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

#rightCol {
	width: 243px;
	display: block;
	float: right;
	margin-top: 50px;
	line-height: 1.9em;
	}

.focusAreaLeft {
	width: 243px;
	display: block;
	float: left;
	margin-top: 10px;
}
	.focusAreaLeft h3 {
		font-size: 1.2em;
		margin-bottom: 4px;
		margin-left: 27px;
	}
	.focusAreaLeft p {
		margin: .5em 0;
		line-height: 1.5em;
		width: 240px;
		margin-left: 27px;
	}
	.focusAreaLeft .separator {
		border-bottom: solid 1px #cccdc4;
		width: 270px;
		float: left;
	}

.focusAreaRight {
	width: 270px;
	display: block;
	clear: right;
	float: right;
	margin-top: 10px;
	border-bottom: solid 1px #cccdc4;
	padding: 0.8em 0;
}
	.focusAreaRight h3 {
		font-size: 1.2em;
		margin-bottom: 4px;
	}
	.focusAreaRight p {
		margin: .5em 0;
		line-height: 1.5em;
		width: 240px;
	}
	.focusAreaRight .separator {
		border-bottom: solid 1px #cccdc4;
		width: 270px;
		float: right;
	}

.leftMenu {
	list-style: none;
	width: 300px;
	float: left;
	background: #f2f2f2 url("../images/bg_ourPrograms.jpg");
}
	.leftMenu li {
		border-top: solid 1px #e0e1d5;
		position: relative;
		width: 294px;
		padding: 1em 0;
		display: block;
		overflow: hidden;
	}
	.leftMenu li.footer {
		background: url("../images/footer_ourPrograms.jpg");
		height: 13px;
		width: 300px;
		padding: 0;
		border: 0;
	}
	

#ourPrograms li.active {
	background-color: #a13643;
	color: #fff !important;
}

	#ourPrograms li.active span.location {
		color: #fff;
		background: url("../images/red_minus.gif") no-repeat;
	}
	
	#ourPrograms li.active a.program {
		color: #fff;
	}

#ourPrograms li.header {
	background: url("../images/header_ourPrograms.jpg");
	height: 63px;
	width: 300px;
	padding: 0;
	border: 0;
}

#ourPrograms span.location {
	font-weight: bold;
	position: absolute;
	left: 17px;
	color: #999;
	background: url("../images/white_plus.gif") no-repeat;
	padding-left: 15px;
}

#ourPrograms a.program {
	position: static;
	display: block;
	width: 160px;
	line-height: 1.1em;
	margin-left: 127px;
}
	#ourPrograms a.program:hover {
		text-decoration: underline;
	}

#ourPrograms .details {
	margin: 1em 0;
	margin-left: 42px;
	width: 212px;
	line-height: 1.5em;
	display: none;
}





	#ourPrograms .details p {
		margin: 1em 0;
	}
	
#recentNews {
	list-style: none;
	width: 300px;
	float: right;
	background: #f2f2f2 url("../images/bg_recentNews.jpg");
}
	#recentNews li {
		color: #93313d;
		line-height: 1.4em;
		border-top: solid 1px #e0e1d5;
		padding: 1em 25px;
		margin-left: 6px;
		width: 244px;
	}
	#recentNews .header {
		background: url("../images/header_recentNews.jpg") no-repeat;
		height: 63px;
		width: 300px;
		margin: 0;
		padding: 0;
		border: 0;
	}
	#recentNews li.footer {
		background: url("../images/footer_recentNews.jpg");
		height: 13px;
		width: 300px;
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	#mainCopy span.date,
	#recentNews span.date {
		font-weight: bold;
		color: #999;
	}
	
	#blogPosts li { position: relative; display: block;}
	
	#blogPosts span.date {
		position: absolute !important;
		left: 0px;
		top: 0px;
	}
	
	#blogPosts span.title {
		position: static;
		display: block;
		margin-top: 0;
		width: 100px;
		margin-left: 97px;
	}
	
	#blogPosts .separator {
		clear: both;
		background: url("../images/dottedLine.gif");
		border: 0;
		line-height: 1px;
	}
/* - - - - - - - - - - - - - - - - - - -
/ Form rules
/- - - - - - - - - - - - - - - - - - - - */

ul.radioList {
	list-style: none;
}

	ul.radioList li {
		vertical-align: middle;
		line-height: 1.5em;
		height: 1.5em;
	}
	
	ul.radioList li input {
		line-height: 1em;
		height: 1em;
		vertical-align: top !important;
			vertical-align: baseline;
		display: inline;
	}
	
	ul.radioList li label {
		line-height: 1em;
		height: 1em;
	}

input {
	vertical-align: middle;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	padding: 0.1em;
}

input.textbox {
	border: solid 1px #cccdc4;
	width: 110px;
}

/* - - - - - - - - - - - - - - - - - - -
/ Superfish navigation rules
/- - - - - - - - - - - - - - - - - - - - */		

#navigation, #navigation * {
	margin:0;
	padding:0;
	list-style:none;
}
#navigation ul {
	position:absolute;
	top:-999em;
	width:9.45em;
	display: block;
	padding-top: 0.5em;
	padding-bottom: 1em;
	background:#a13544;
}
#navigation ul li,
#navigation a {
	width: 100%;
}
#navigation li {
	float:left;
	position:relative;
	z-index:99;
}
#navigation a {
	display:block;
}
#navigation ul li a {
	width: auto !important;
	background-image: none !important;
}
#navigation li:hover ul,
ul#navigation li.sfHover ul {
	left:0px;
	top:35px;
}
#navigation li:hover li ul,
#navigation li.sfHover li ul {
	top:-999em;
}
#navigation li li:hover ul,
ul#navigation li li.sfHover ul {
	left:9.45em;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

#navigation {
	float:left;
}
#navigation a {
	color: #ffc5c7;
	text-decoration:none;
}
#navigation a:hover {
	color: #fff;
	text-decoration: underline;
}

#menubar ul#navigation li li, #menubar ul#navigation li li a {
	height: 1.5em;
	line-height: 1.5em;
}

#navigation li li {
	font-size: 11px;
	color: #fff;
	background:#a13544;
}

#navigation li li a {
	padding-left: 20px;
}

#navigation li li li {
	background:#9AAEDB;
}

#subNav {
	margin-top: 50px;
	list-style: none;
	float: left;
}
	#subNav li a {
		background: #f2f2f2 url('../images/white_arrow.gif') no-repeat 11px;
		border-top: solid 1px #E0E1D5;
		padding: 12px 28px;
		width: 116px;
		display: block;
		overflow: hidden;
		color: #93313d;
	}
		#subNav a.active, #subNav a:hover {
		background-color: #933B45;
		color: #FFF;
	}
		#subNav li.header {
			background: url("../../images/header_aboutUs.jpg");
			display: block;
			height: 63px;
			width: 172px;
			padding: 0;
			border: 0;
		}

.whiteLink {
color:#ffffff
}
.PollLayout
{
	margin-left:20px;
}

.PrivacyWidth
{
    width:650px;
}

.LoginForum
{
    list-style:none;
    width:500px;
margin-top:20px;
padding:10px;
}

.LoginForum li
{
    list-style:none;
    padding:8px;
}

.LoginForum .popup {
	position: absolute;
	right: 0;
	top: 0;
}


.courseTitle
{
	
}


/*  - - - - - - FANCY BOX - - - - - - -  */
div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

	.proposalText
    {
    	width:590px;
    	height:100px;
    }

	.updateProposalText
    {
    	width:800px;
    	height:130px;
    	padding:0.2em;
    	font-family:Tahoma,Arial,Helvetica,sans-serif;
    	font-size:11px;
    	line-height:11px;
    	vertical-align:top;
    }