@charset "utf-8";
/* CSS Document */

/* Styles that differ between Highlights and OCW */

a,
a:visited {
	color: #0a7c90;
	text-decoration: underline;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('../webfonts/OpenSans-Light-webfont.eot');
    src: url('../webfonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../webfonts/OpenSans-Regular-webfont.eot');
    src: url('../webfonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../webfonts/OpenSans-Semibold-webfont.eot');
    src: url('../webfonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../webfonts/OpenSans-Bold-webfont.eot');
    src: url('../webfonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

#top {
	background-image:url(../images/hfh_bg_top.png);
}

#center_home {
	background-image:url(../images/hfh_bg_center.png);
}

#bottom {
	background-image:url(../images/hfh_bg_bottom.png);
}

.logo {
	margin: 10px 0 9px 0;
}

td.socialbutton {
	background-image: url(../images/news-subscibe_hfh_bg.png)	!important;
}

td.socialbutton a,
td.socialbutton a:visited {
	text-decoration: none;
}

td.socialbutton a:active,
td.socialbutton a:hover {
	text-decoration: underline;
}

.anythingSlider-default.activeSlider .anythingControls a {
	background-color: #0a7c90;
}

.anythingSlider-default .anythingControls a {
	color: #fff;
}

.anythingSlider-default.activeSlider .anythingControls a.cur,
.anythingSlider-default.activeSlider .anythingControls a:hover {
	color: #000;
}

#home_rotator p.headline {
     font-family: OpenSansRegular,Arial,Helvetica,sans-serif;
	 line-height: 1.1em;
}

#home_rotator p.more,
#home_rotator p.more a,
#home_rotator p.more a:hover,
#home_rotator p.more a:visited {
	color: #fff;
}

#home_rotator p.credit {
	top: 122px;
}

h1.title {
    color: #000000;
    font-family: OpenSansSemibold, Verdana;
    font-size: 2.6em;
    font-weight: 200;
    letter-spacing: 0.5px;
    line-height: 1em;
    padding-bottom: 5px;
    text-decoration: none;
}

h2.global {
	font-family: OpenSansSemibold, Verdana;
	color: #527b23;
	padding-bottom: 10px;
}

h3.global {
	font-family: OpenSansSemibold, Verdana;
	color: #0a7c90;
	font-size: 1.1em;
	padding-bottom: 10px;
}

h4.footer,
h4.dept_link {
	font-family: OpenSansSemibold, Verdana;
	color: #527b23;
}


ul.foot-bullet li {
	background-image: url("../images/arrow-double-right-hfhs.png");
}

ul.foot-bullet li a, ul.foot-bullet li a:visited, ul.foot-bullet li a:active, ul.foot-bullet li a:hover {
	color: #0a7c90;
}

#menu {
	border: 1px hidden #bbb;
	border-left: 1px solid #bbb;
}

ul#menu li#menu_home,
ul#menu li#menu_home:hover,
ul#menu li#menu_home.selected {
	border: 1px hidden #bbb;
	border-right: 1px solid #bbb;
}

ul#menu li#menu_home:hover,
ul#menu li#menu_home.selected {
	background-color: #0a7c90;
}

#menu_home.selected, #menu_home:hover, #menu li.selected {
	border-bottom-style: hidden;
}

#menu li a {
	color: #666;
}

#menu li:hover a,
#menu li.selected a,
#menu li.selected a:hover {
	color: #fff;
}

#drop_1, #drop_2, #drop_3,#drop_4, #drop_5, #drop_6 {
	border: 1px hidden #bbb;
	border-right: 1px solid #bbb;
}


#drop_1, #drop_2, #drop_3,/*drop_4 is no drop on HfHS */ #drop_5, #drop_6 {
	background:url("../images/hfh_nav_arrow.png") no-repeat right 10% top 60%;
}

#drop_1:hover, #drop_2:hover, #drop_3:hover,#drop_4:hover, #drop_5:hover, #drop_6:hover, #drop_1.selected, #drop_2.selected, #drop_3.selected, #drop_4.selected {
	background:url("../images/nav_arrow.png") no-repeat right 10% top 60%;
	background-color: #0a7c90;
	border-right: 1px solid #bbb;
	border-top: hidden;

}

.dropdown_1column-a {
	width: 200px;
}

#menu_home, #drop_4, #drop_4:hover {
	background: none;
	padding: 0;
}

#drop_4:hover {
	background-color: #0a7c90;
}


#menu li:hover div a,
#menu li:hover div a:hover,
#menu ul.nav-bullet li:before {
	color: #0a7c90;
}

#menu ul.nav-bullet li {
	background-image:url("../images/arrow-double-right-hfhs.png");
}



td.blue_search {
	background-color: #d1dbde;
}

input.blue_search {
	color: #000;
	background-color: #d1dbde;
	margin-left: 5px;
}

.helplinks {
	color: #0a7c90;
}

.helplinks a,
.helplinks a:visited,
table.search a,
table.search a:visited {
	color: #0a7c90;
}

#hfh_home_bar {
    background-image: url("../images/hfh_home_bar.png");
    height: 88px;
    min-width: 958px;
}

#hhb_1 {
	margin-left: 11px;
	margin-top: 8px;
}

#hhb_2 {
	margin: 13px 10px;
}

#hhb_2 h2 {
	font-family: OpenSansSemibold, Verdana;
	font-size: 1.1em;
	margin-bottom: 5px;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	font-weight: normal;
}

#hhb_2 p {
	font-family: OpenSansRegular, Verdana;
	font-size: 1em;
	color: #fff;
}

#hhb_3 {
	margin: 33px 0 0 12px;
	font-family: OpenSansSemibold, Verdana;
	font-size: 1.2em;
}

#hhb_3 a,
#hhb_3 a:visited {
	color: #ffffff;
	vertical-align: middle;
	text-decoration: none;
}

#hhb_3 a img {
	vertical-align: middle;
	padding-left: 15px;
}

#home_rotator {
	padding-top: 2px;
	border-right: 3px solid #777;
	border-left: 3px solid #777;
	border-bottom: 2px solid #777;
	height: 330px;
}

#hfh_home_feat-top {
    border-bottom: 1px solid #d1dbde;
    padding: 20px 0 50px 0;
    width: 612px;
}

.hfh_feature_img {
	float: left;
	margin-right: 30px;
}

.hfh_feature_more {
	float: right;
}

.hfh_feature_more a,
.hfh_feature_more a:hover,
.hfh_feature_more a:visited {
	font-family: OpenSansSemibold, Verdana;
	font-size: 1.2em;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
}

.hfh_feature_more a img {
	vertical-align: middle;
	margin-left: 12px;
}

#hfh_home_feat-left {
    border-right: 1px solid #d1dbde;
    margin: 22px 0 28px 0;
    max-width: 283px;
    padding-right: 22px;
}

.hfh_feature_vid {
	float: left;
	margin-right: 20px;
	margin-bottom: 16px;
}

#hfh_home_feat-right {
    margin: 22px 0 28px 22px;
    max-width: 285px;
}

.hfh_quote {
	background: url("../images/hfh_quotation.png") left top no-repeat;
	padding-left: 40px;
}

.hfh_quote_source {
	font-family: OpenSansSemibold, Verdana;
	font-size: 1.1em;
	float: right;
}

#right_side,
#course_rotator_home {
	min-height: inherit;
}

#home_ad {
	border-top: thin solid #d1dbde;
	margin-top: 28px;
}

#breadcrumb {
    float: left;
    margin-right: 30px;
    margin-top: 15px;
    min-width: 955px;
}

#breadcrumb p,
#breadcrumb_chp p,
#breadcrumb_media p,
#breadcrumb_global p {
    color: #333333;
    float: right;
    font-size: 0.9em;
}

#breadcrumb p a,
#breadcrumb p a:visited,
#breadcrumb_chp p a,
#breadcrumb_chp p a:visited,
#breadcrumb_media p a,
#breadcrumb_media p a:visited,
#breadcrumb_global p a,
#breadcrumb_global p a:visited {
    color: #0a7c90;
    text-decoration: none;
}

#section_title {
    float: left;
    margin-right: 30px;
    width: 955px;
}

.subject-head {
	padding: 15px 0;
}

.subject-splash {
	width: 530px;
	float: right;
	margin: 5px 4px 10px 30px;
}

p.instruction {
	color: #666;
	font-size: 0.8em;
}

p.subject-highlight {
	font-size: 1.2em;
	color: #666666;
	line-height: 1.5em;
}

ul.hfh-large-arrow {
	list-style-type: none;
}

ul.hfh-large-arrow li {
	margin-bottom: 0;
}

ul.hfh-large-arrow li a {
	text-decoration: none;
}

ul.hfh-large-arrow li a:hover {
	text-decoration: underline;
}

ul.hfh-large-arrow li a,
ul.hfh-large-arrow li a:visited {
	font-size: 1.2em;
	line-height: 1em;
	color: #0a7c90;
}

ul.hfh-large-arrow li:before {
	font-size: 1.8em;
	font-weight: bold;
	content: '›';
	display: inline;
	color: #5d7b23;
	margin-right: 4px;
	top: 1px;
	position: relative;
}

#center-subject1 {
    border-bottom: 1px solid #E4E5E0;
}

#center-subject2 {
	/* reserved for future use */
}

#center-subject3 {
    border-top: 1px solid #E4E5E0;
	background-image:url(../images/hfh_bg_sidebar.png);
    background-position: center top;
    background-repeat: repeat-y;
	padding-top: 30px;
}

#left {
    float: left;
    margin-right: 28px;
    width: 720px;
}

#right {
    float: left;
    margin-bottom: 15px;
    margin-left: 30px;
    width: 182px;
}

.subject_lists {
	width: 718px;
	border-bottom: 1px solid #e4e5e0;
	margin-bottom: 15px;
	text-align:center;
}

.subject_lists p.title {
	display:inline-block;
	position:relative;
	top:10px;
	margin-bottom: -11px;
	padding: 0 15px;
	font-family: OpenSansSemibold, Verdana;
	font-size: 1.5em;
	text-transform: uppercase;
	color: #527b23;
	background-color: #fff;
}

table.linklist {
	width: 718px;
	max-width: 718px;
	margin: 20px 0;
	border-collapse: collapse;
}

table.linklist a,
table.linklist a:visited {
	color: #0a7c90;
	text-decoration: none;
}

table.linklist a:hover,
table.linklist a:active {
	text-decoration: underline;
}

table.linklist td {
	padding: 7px;
}

tahle.linklist td.col1 {
	width: 425px;
}

table.linklist td.col2 {
	width: 265px;
}

table.linklist tr.odd {
	background-color: #f1f4f5;
}

h2.sidebar {
	text-transform: uppercase;
	font-size: 1.2em;
	color: #666;
}

#center_chp,
#center_generic {
	background-image:url(../images/hfh_bg_sidebar.png);
	background-repeat: repeat-y;
	background-position: top center;
}

#center_chp #grid #right,
#center_generic #right {
	margin-top: 34px;
}

#breadcrumb_generic {
	width: 720px;
	margin-top: 15px;
	float: left;
}

#breadcrumb_generic p {
	font-size: 0.9em;
	float: right;
	color: #333;
}

#breadcrumb_generic p a,
#breadcrumb_generic p a:visited {
	color: #0a7c90;
	text-decoration: none;
}

#breadcrumb_generic p a:hover,
#breadcrumb_generic p a:active {
	color: #0a7c90;
	text-decoration: underline;
}

#generic_title {
	width: 720px;
	border-bottom: 1px solid #e4e5e0;
	float: left;
}

#course_wrapper,
#generic_wrapper {
	float: left;
	min-width: 720px;
	margin-top: 15px;
}

#generic_inner {
	width: 545px;
	float: left;
	min-height: 350px;
	margin: 17px 0 30px;
}

#course_nav li a {
	font-family: OpenSansBold, Verdana;
}

#course_nav li a:hover,
#course_nav li a:active,
#course_nav li.selected a,
#course_nav .tlp_links ul li a:hover,
#course_nav .tlp_links ul li a:active,
#course_nav .tlp_links ul li.selected a{
	color: #0a7c90;
}

#course_nav li.selected {
	background-image: url("../images/hfh_bg_course-nav_current.png");
	background-repeat: no-repeat;
	background-position: center left;
}

ul#tabs li a.selected,
ul#tabs li a:hover {
	color: #5d7b23;
}

#course_info p.cite {
	background-color: #5d7b23;
}

div#curriculum h2.subhead {
	margin-bottom: 0;
	padding-bottom: 0;
}

.specialfeatures,
.curriculum {
	_margin:10px 0 15px 0;
	margin:10px 0 12px;
}

.specialfeatures li,
.curriculum li{
	padding-left:7px;
	background:transparent url(../images/black-arrow.gif) no-repeat 0 5px;
	display:block;
}

.curriculum li a {
	text-decoration: none;
}


/* EXAM PREP SELECT STYLES */

div.formControls {
    /* border: thin solid #BBBBBB; */
    clear: both;
    margin: 0 15px -45px 0;
    overflow: hidden;
    padding: 0 0 0 15px;
}

div.formControls div.frmRow {
    clear: both;
    overflow: hidden;
}

div.formControls label {
	margin-top: 3px;
	font-weight: bold;
}

div.formControls select.selStyle {
    border: 1px solid #CCCCCC;
    color: #0a7c90;
    margin-top: 1px;
	font-size: 0.9em;
    padding: 1px;
    vertical-align: middle;
    width: 250px;
	position: relative;
	left: 115px;
	top: -18px;
}

div.formControls input {
	color: #ffffff;
    background-color: #5d7b23;
    border: 1px solid #666666;
    font-size: 1.3em;
    padding: 10px;
	font-family: OpenSansSemiBold, Verdana;
	position: relative;
	left: 390px;
	top: -72px;
}

.column {
	width: 213px;
}

.column ul {
	margin-left: 18px;
	margin-bottom: 15px;
	list-style-type: none;
}

.column ul li {
	font-size: 1em;
}

.column ul li:before {
	content: '»';
	display: inline;
	color: #000;
	font-size: 1.2em;
	margin-right: 4px;
	top: -1px;
	position: relative;
}

.column ul li a,
.column ul li a:visited {
	text-decoration: none;
}

.column ul li a:hover,
.column ul li a:active {
	text-decoration: underline;
}

h2.resource {
	color: #0a7c90;
	margin-bottom: 10;
	border-bottom: 1px dotted #666666;
	padding-bottom: 0;
}

div.resource {
	margin-bottom: 25px;
	border-bottom: 1px dotted #666666;
}

div.resource ul {
	margin-left: 50px;
}

p.top a,
p.top a:visited {
	text-decoration: none;
}

p.top a:hover,
p.top a:active {
	text-decoration: underline;
}

/* no indent on source list */
.resource ul.source {
    margin-left: 0px;
}

.resource li.source {
	margin-left: 0;
	list-style-type: none;
	padding-top: 5px;
}

.resource li.source:before {
	content: 'Source: ';
	title: "Source: ";
	display: block;
	color: #000;
	font-weight: bold;
	position: relative;
	left: 0px;
}

.resource li.source p {
	position: relative;
	top: -15px;
	left: 50px;
	margin-bottom: -15px;
	width: 500px;
}

ul#tabs {
	padding: 0 0 2px;
}

.related-media-thumbnail p {
    color: #0a7c90;
}

ul.news-dept {
	list-style-type: none;
	padding-bottom: 6px;
	margin-left: 10px;
/*	border-bottom: 1px solid #d5c9ba;	*/
}

ul.news-dept li {
	padding: 5px 4px;
	text-indent: -1.2em;
	font-size: 0.9em;
}

ul.news-dept li:before {
	content: '»';
	font-size: 1.3em;
	color:#0a7c90;
	margin-right: 5px;
	position: relative;
}

ul.news-dept li a,
ul.news-dept li a:visited {
	color: #333;
	text-decoration: none;
	position: relative;
}

ul.news-dept li a:hover,
ul.news-dept li a:active {
	color: #0a7c90;
	text-decoration: underline;
}

ul.news-dept li a.news-link,
ul.news-dept li a.news-link:visited {
	color: #ff9000;
	text-decoration: none;
}

ul.news-dept li a.news-link:hover,
ul.news-dept li a.news-link:active {
	color: #0a7c90;
	text-decoration: underline;
}


#vid_transcript li:before,
#vid_index li:before,
#vid_related li:before {
    color: #0a7c90;
}