@charset "utf-8";
/*
	Houghton College
	Base CSS Document
	http://www.houghton.edu/
*/

@import url('/reset.css'); /* Links in the "reset" stylesheet for baseline formatting. */
@import url('/nav.css'); /* Links in the stylesheet with the new (Feb. 2011) nav bar styling. */



/*=== LINK STYLING ===*/

a:link {
	color: #1F145D;
}
a:visited {
	color: #1F145D;
}
a:hover {
	color: #007EA3;
	text-decoration: underline;	
}
a:focus {
	color: #007EA3;
	text-decoration: underline;	
}
a:active {
	color: #5EB6E4;

}

/*=== BASIC PAGE STRUCTURE ===*/

body {
	margin: 0 1em; padding: 0;
	background: #FFF url('/images/body_bg.gif') repeat-x;
	font-family: Arial, sans-serif;
	font-size: 62.5%; 
		/* Sets base font size for entire page to 10px.
		   Set all more-specific font sizes using relative ems.
		   Example: 1.2em=12px, 1.4em=14px, etc. */
}
div#container {
	width: 780px;
	margin: 0 auto;
}
div#top {
	width: 780px; height: 26px;
	margin: 0; padding: 0;
	position: relative;
	z-index: 9999;
	background: #1F145D;
}

ul#topNav {
	background: #1F145D;
	width: 780px; height: 26px;
	margin: 0 auto; padding: 0;
	list-style-type: none;
	text-align: center;
}
#topNav li {
	display: inline-block;
	margin: 0; padding: 0;
	font-size: 1.1em;
}
#topNav li a {
	display: block;
	padding: 4px 6px;
	position: relative;
	z-index: 999999;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
#topNav li a:link,
#topNav li a:visited {
	color: #FFF;
}
#topNav li a:hover,
#topNav li a:focus,
#topNav li a:active {
	color: #F9D465;
}


div#header {
	position: relative;
	clear: both;
	/*margin-bottom: 12px;*/
}
#header img {
	margin-bottom: 12px;
}
#header img:first-child,
#header a.logo {
	display: block;
	width: 141px; height: 84px;
	margin: 20px 10px 18px;
}
#header a.logo {
	margin: 0;
	padding: 20px 10px 18px;
}
#header a.logo img {
	margin: 0;
}

	.nav {
		width: 593px; height: 19px;
		position: absolute;
		top: 96px; right: 4px;
		z-index: 500;
		margin: 0;
		background: url('/images/nav_sprites.png') no-repeat;
		list-style-type: none;
		overflow: hidden;
	}
	.nav li {
		position: absolute;
		top: 0;
		height: 19px;
		line-height: 19px;
		text-indent: -9000px;
		overflow: hidden;
	}
	.nav li a {
		display: block;
		background: url('/images/nav_sprites.png') no-repeat 0 38px;
	}
	.nav .prospective {
		width: 151px;
		left: 0;
	}
	.nav .prospective a:hover,
	.nav .prospective a:focus {
		background-position: 0 -19px;
	}
	.nav .parents {
		width: 69px;
		left: 151px;
	}
	.nav .parents a:hover,
	.nav .parents a:focus {
		background-position: -151px -19px;
	}
	.nav .current {
		width: 132px;
		left: 220px;
	}
	.nav .current a:hover,
	.nav .current a:focus {
		background-position: -220px -19px;
	}
	.nav .fac-staff {
		width: 116px;
		left: 352px;
	}
	.nav .fac-staff a:hover,
	.nav .fac-staff a:focus {
		background-position: -352px -19px;
	}
	.nav .alum-friends {
		width: 125px;
		left: 468px;
	}
	.nav .alum-friends a:hover,
	.nav .alum-friends a:focus {
		background-position: -468px -19px;
	}
	
	
div#main {
	width: 780px;
	margin: 0 0 12px 0; padding: 0;
	background: #FFF;
}
.normal div#main,
.twoCol div#main,
.twoThreeCol div#main,
.half-n-half div#main {
	min-height: 440px;
}
div#content {
	width: 616px;
	float: right;
	margin: 0; padding: 0;
}
div#sidebar {
	width: 163px; height: 100%;
	float: left;
	margin: 0; padding: 18px 0 18px;
}
div#searchBox {
	/* margin-top: 200px; */
		/* margin-top for the search box should be set inline 
		   in the navbar HTML file, because it will be 
		   different for each department. */
	color: #222;
	font-weight: bold;
	text-align: center;
}
#searchBox td {
	padding: 0;
}

.searchField {
	width: 126px;
}
div.notepad {
	width: 200px;
	float: right;
	margin: 0 0 0 8px; padding: 37px 0 0;
	background: url('http://www.houghton.edu/images/notepad-top.jpg') no-repeat 50% top;
}
.notepad h2 {
	margin: 0; padding: 0 12px 12px;
	border: #B2B2B2 solid;
	border-width: 0 1px;
	color: #333;
}
#content .notepad ul {
	margin: 0; padding: 0 16px 12px 26px;
	border: #B2B2B2 solid;
	border-width: 0 1px 1px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-webkit-box-shadow: 0 1px 0 #333;
	-moz-box-shadow: 0 1px 0 #333;
	box-shadow: 0 1px 0 #333;
}
#content .notepad ul li {
	margin-bottom: 4px;
	font-size: 1.1em;
}
#main hr {
	/* An unfortunate workaround necessary to ensure 
	   that #main's white background goes all the way 
	   to the bottom of the page, despite all of its 
	   child elements being floated. */
	visibility: hidden;
	clear: both;
	margin: 0; padding: 0;
}

div#footer {
	position: relative;
	margin: 0 0 18px 0; padding: 12px;
	background: #B4A76C url('images/nys_map_new.png') no-repeat 508px center;
	border: none;
}
#footer p {
	color: #FFF;
	margin: 0;
	line-height: 14px;
}
#footer p#footerMsg {
	width: 424px;
	margin: 0 0 11px;
	line-height: 15px;
	font-weight: bold;
	text-align: left;
}
#footer p small {
	font-size: 0.84615384615em;
}
#footer a {
	color: #FFF;
	font-weight: bold;
}
#footer p#contact {
	width: 168px;
	position: absolute;
	top: 20px; right: 12px;
	font-size: 1.2em;
}
#footer #socialNetworks {
	width: 76px; height: 82px;
	position: absolute;
	top: 6px; left: 460px;
}
ul#socialNetworks {
	margin: 0; padding: 0;
	list-style: none;
}
#socialNetworks li {
	width: 32px; height: 32px;
	margin: 6px 3px;
	float: left;
}
#socialNetworks li img {
	display: block;
}

#footer p#findUs {
	font-size: 1.6em; line-height: 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.wf-active #footer p#findUs {
	font-size: 1.8em;
}
p#findUs img {
	vertical-align: text-top;
}
.wf-active p#findUs img {
	vertical-align: middle;
}
#footer p#contact {
	top: 26px;
}



/*=== STANDARD FORMATTING ===*/

blockquote {
	margin: auto 5em auto 3em;
	border-top: 6px solid #B4A76C;
}
blockquote p {
	margin: 0; padding: 8px;
	background: #F4F2E7;
}
cite {
	display: block;
	padding: 8px;
	color: #B4A76C;
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
}
dl {
	font-size: 1.2em;
	line-height: 140%;
}
dt {
	font-size: 1.166em;
}
dd {
	margin: 1em 2em;
}
h1 {
	margin: 0.8em 0 0.25em;
	color: #007ea3;
	font-family: Times New Roman, serif;
	font-size: 2.4em; line-height: 1.25;
	font-weight: normal;
}
h3, .h3 {
	border-bottom: 1px solid #CBD7E3;
	color: #333;
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
	font-style: italic;
	font-weight: normal;
}
h5 {
	font-size: 1.2em;
	font-weight: bold;
}
h6 {
	margin: 0 0 4px 0;
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: underline;
}
h6 + p {
	margin-top: 0;
}
img {
	margin: 0; padding: 0;
	border: none;
}
.left {
	float: left;
	margin: .5em 1em 1em 0;
}
.right {
	float: right;
	margin: .5em 0 1em 1em;
}
.img_caption_200 {
	width: 200px;
	font-style: italic;
}
.img_caption_200 img {
	display: block;
	margin-bottom: 6px;
}
.img_caption_250 {
	width: 250px;
	font-style: italic;
}
.img_caption_250 img {
	display: block;
	margin-bottom: 6px;
}
.img_caption_300 {
	width: 300px;
	font-style: italic;
}
.img_caption_300 img {
	display: block;
	margin-bottom: 6px;
}
.img_caption_350 {
	width: 350px;
	font-style: italic;
}
.img_caption_350 img {
	display: block;
	margin-bottom: 6px;
}

.center {
	display: block;
	margin: 2em auto;
	text-align: center;
}
/*
p {
	font-size: 1.2em;
	line-height: 140%;
}
*/
table {
	border: none;
}
#content table {
	border: 1px solid #CCC;
}
th {
	padding: 1em;
	background: #B3C3CE;
	border: 1px solid #FFF;
	color: #42587A;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
td {
	padding: 1em;
	vertical-align: top;
}
table.twoColTable td {
	width: 50%;
	border: 1px solid #CCC;
}
/*
td ul {
	margin: 0; 
}
*/

#content ol,
#content ul {
	margin-left: 2em;
}
#content ol li {
	margin-bottom: 0;
}
#content ul li {
	margin-bottom: 0;
}
#content ul ul {
	font-size: 1.0em;
}
#content ol li p {
	font-size: 1.0em;
}
#content ul li p {
	font-size: 1.0em;
}
#content ol ul {
	font-size: 1.0em;
}
#content ul ol {
	margin-top: 8px;
	font-size: 1.0em;
}




/*=== TEMPLATE-SPECIFIC ITEMS ===*/

/* for the HOMEPAGE template (body.homepage) */
.homepage #content div {
	float: left;
	margin: 0;
}
.homepage div#col1 {
	width: 179px;
	padding: 10px 9px 0 18px;
}
.homepage div#col2 {
	width: 179px;
	padding: 10px 9px 0;
}
.homepage div#col3 {
	width: 193px;
	padding: 10px 0px 0 9px;
}
.homepage div#col1a {
	width: 366px;
	padding: 10px 9px 0 18px;
}
.homepage div#col3a {
	width: 185px;
	padding: 10px 0px 0 9px;
	text-align:center;
}

.homepage h2 {
	font-size: 1.4em;
	margin: 0;
}
.homepage h2 + p {
	/* selects the first sibling <p> after every <h2> */
	margin-top: 0;
}
.homepage h2 + img + p {
	margin-top: 0;
}
.homepage a + h2,
.homepage img + h2 {
	margin-top: 18px;
}
.homepage ul,
.homepage ol {
	margin-top: 0;
}
.homepage p + ul,
.homepage p + ol {
	margin-top: -18px;
}


/* for the NORMAL template (body.normal) */

.normal #content {
	width: 580px;
	padding: 0 0 0 36px;
}
.normal h1 {
	clear: both;
}
.normal h2 {
	margin-top: 0;
	color: #999;
	font-size: 1.3em;
}

/* for the TWOCOL template (body.twoCol) */

.twoCol #content div {
	float: left;
	margin: 0;
}
.twoCol div#col1 {
	width: 376px;
	padding: 18px 10px 18px 18px;
}
.twoCol h1 {
	margin-top: 0;
}
.twoCol h2 {
	margin-bottom: 0.3em; padding-top: 0.5em;
	color: #666;
	font-size: 1.2em;
	font-weight: normal;
}
.twoCol h3 {
	margin: 0 0 .5em 0;
}
.twoCol h3 + p {
	margin-top: 0;
}
.twoCol div#col2 {
	width: 182px;
	padding: 18px 18px 18px 10px;
}
.twoCol #col2 h2 {
	margin: 0 auto 1em;
	border: none;
	font-size: 1.6em;
	font-style: normal;
	font-weight: bold;
}
.twoCol #col2 dt {
	color: #333;
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
}
.twoCol #col2 dd {
	margin: .2em 0 1em 0;
	font-size: 1em;
	font-weight: bold;
}
.twoCol #col2 ul {
	padding-left: 0;
}
.twoCol #col2 ul li {
	margin-left: 1.25em;
}


/* for the HALF-N-HALF template (body.half-n-half) */

.half-n-half #content div {
	float: left;
	margin: 0;
}
.half-n-half #content div div {
	float: none;
	margin-top: 16px;
}
.half-n-half div#col1 {
	width: 279px;
	padding: 10px 10px 18px 18px;
}
.half-n-half div#col2 {
	width: 279px;
	padding: 10px 18px 18px 10px;
}
.half-n-half h1 {
	margin: 0;
	padding: 18px 18px 0 18px;
}
.half-n-half h2 {
	margin-bottom: 0.3em; padding-top: 0.5em;
	color: #666;
	font-size: 1.2em;
	font-style: italic;
	font-weight: normal;
}
.half-n-half h3 {
	margin: 24px 0 8px;
	color: #000;
}
.half-n-half h5 {
	margin-bottom:-10px;
}

.half-n-half #content ul {
	margin: 0 0 0 1.5em; padding: 0;
}
.half-n-half li {
	margin: 0;
}
.deptLink {
	margin-left: 0;
	font-size: 0.75em;
	font-weight: normal;
	text-transform: uppercase;
}
#content ul.programs {
	margin-left: 0; padding-left: 0;
	list-style: none;
}
#content ul.programs li {
	margin: 0 0 6px;
}
.note {
	color: #999;
}
body.half-n-half #content div.conc {
	margin-top: 4px; padding-left: 12px;
	border-left: 1px solid #E2E2E2;
	line-height: 1.6em;
}
.conc h4 {
	margin: 6px 0 4px;
	color: #333;
	font-size: 1.0em;
}
#content .conc ul {
	margin: 6px 0; padding-left: 18px;
	list-style: disc;
}
#content .conc ul li {
	margin-bottom: 0;
	font-size: 0.916666666666em;
	line-height: 1.36363636363636;
}
.head-note {
	font-size: 0.8333em;
	font-weight: normal;
}



/*=== SLIDESHOW POPUP ===*/

body#slideshowPopUp {
	background: #000;
	margin: auto; padding: 0;
}


/*=== SPECIAL CLASSES ===*/

.caption {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}
.caption-alt {
	font-size: 1.1em;
	font-style: italic;
	text-align: center;
}
.landingText {
	margin-top: 0;
	color: #1f145d;
	font-size: 1.3em;
	font-style: italic;
	font-weight: bold;
}
.readMore {
	font-style: italic;
}
table#eventTable {
	margin: 0;
	border: none;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
}
#eventTable tr {
	border-bottom: 1px solid #E7EAE8;
}
#eventTable th,
#eventTable td {
	padding: 3px;
	line-height: 16px;
	font-weight: bold;
}
#eventTable th {
	color: #B4A76C;
	background: transparent;
	border: none;
	font-size: inherit;
	text-align: right;
	vertical-align: top;
}


/*===Admission Tables==*/

table#admissiontable {
	margin: 0;
	border: none;
	font-family: Arial, sans-serif;

}
#admissiontable tr:hover {
	 background-color: #F5F5F5;
}

#admissiontable tr {
	border-bottom: 1px solid #E7EAE8;
}
#admissiontable td {
	font-size: 1em;
	padding: 1px;
	padding-left:3px;
	line-height: 15px;
	
}
#admissiontable th {
	color: #fff;
	font-size: 1.2em;
	font-weight:bold;
	padding:3px;
	background: #b4a76c;
	border: none;
	text-align: left;
	vertical-align: middle;
}

/*===END Admission Tables==*/
div.announcement {
width:auto; 
border:medium #b6bf00 solid; 
background-color:#ced64b; 
padding:10px; 
color:#1f145d; 
font-size: 1.2em;
font-weight:bold;
				
}
div.announcement a { text-decoration:underline;
color:#007ea3;
				
}
div.announcement a:hover { text-decoration:underline;
color:#5eb6e4;
				
}




table#eventList {
	margin-top: .2em;
	border: none;
	font-family: Arial, sans-serif;
	font-size: 1.1em;
}
#eventList td {
	padding: .4em;
}


table#faculty {
	width: 98%;
}
#faculty td {
	padding: 8px;
	vertical-align: top;
}
#reqs {
	margin: 24px 0px;
	border-collapse: collapse;
	font-size: 1.2em;
}
#reqs th {
	padding: 10px;
	background: #42587A;
	border: 1px solid #CCC;
	font-size: 0.8333em;
}
#reqs th.th1 {
	padding: 10px;
	background: #42587A;
	border: 1px solid #CCC;
	font-size: 0.8333em;
	text-align:left;
}
#reqs th.th1 {
	padding: 10px;
	background: #42587A;
	border: 1px solid #CCC;
	font-size: 0.8333em;
	text-align:left;
}
#reqs th h1 {
	margin: 0;
	color: #FFF;
}

#reqs th h2 {
	background: #42587A;
	color: #CCC;
	font-weight: normal;
}
#reqs td {
	padding: 10px;
	border: 1px solid #CCC;
}

#reqs td.th2 {
	background: #B2C3CD;
	color: #42587A;
	font-weight: bold;
	text-align: left;
}
#reqs td.th3 {
	background: #EFEDE0;
	font-style: italic;
}

#reqs ul {
	margin-top: 1em; padding-left: 4em;
	font-size: 1.0em;
}
#prBox {
	margin: 0 0 20px 0;
	color: #999999;
}
h3 span.sub {
	color: #999;
	font-size: 0.8em;
	font-weight: normal;
}
dl.eventCal dt {
	color: #333;
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
}
dl.eventCal dd {
	margin: .2em 0 1em 0;
	font-size: 1em;
	font-weight: bold;
}
.attn {
	background: #FEE;
	color: #900;
}
p.attn {
	padding: 4px;
}
.note-block {
	display: block;
	color: #999;
	font-size: 0.9167em;
	font-style: italic;
}
#reqs td.th4 {
	background: #EFEDE0;
	text-align: center;
}
#reqs td.th5 {
	background: #EFEDE0;
	text-align: center;
	font-style: italic;
}
#reqs td.th6 {
	font-weight: bold;
}
#reqs td.th7 {
	background: #EFEDE0;
	text-align: left;
}
p.facName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 20px;
	padding-bottom: 2px;
	margin: 10px 0 0 0;
	line-height: 14px;
	font-weight: bold;
	color: #003399;
}
p.facName a {
	color: #003399;
}
p.facAttrib {
	padding-left: 40px;
	padding-bottom: 2px;
	margin: 0 0 0 0;
	line-height: 14px;
}	


		ul#quickLinks {
			position: absolute;
			top: 57px; right: 210px;
			z-index: 9000;
			margin: 0; padding: 0;
			background: #B4A76C url(images/quicklinks_arrow.gif) no-repeat 90px center;
			font-family: Arial, sans-serif;
			list-style: none;
		}
		#quickLinks li {
			width: 96px;
			position: relative;
			z-index: 8000;
			padding: 0 4px;
			background: #B4A76C url(images/quicklinks_arrow.gif) no-repeat 90px center;
			color: #FFF;
			font-size: 1.2em; line-height: 1.75;
			text-transform: uppercase;
		}
		#quickLinks li a {
			color: #000;
			text-decoration: none;
		}
		#quickLinks li ul {
			width: 160px;
			position: absolute;
			/*top: 20px; left: -999em;*/
			top: -999em; left: 0;
			margin: 0; padding: 0;
			z-index: 7000;
			background: #FFF;
			border: 4px solid #CB9;
			list-style: none;
			-webkit-box-shadow: 1px 1px 3px #333;
			-moz-box-shadow: 1px 1px 3px #333;
			box-shadow: 1px 1px 3px #333;
			behavior: url('/includes/PIE.htc');
		}
		#quickLinks li:hover ul,
		#quickLinks li.sfhover ul {
			top: auto; /*left: auto;*/
		}
		
		#quickLinks li ul li {
			width: 160px;
			position: relative;
			margin: 0 !important; margin: 0 0 -4px; padding: 0;
			background: #FFF;
			border: none;
			font-size: 1.0em;
			text-transform: none;
		}
		#quickLinks li ul li a {
			display: block;
			margin: 0; padding: 2px 4px;
			color: #000;
		}
		#quickLinks li ul li a:hover {
			margin: 0;
			background: #B4A76C;
			color: #FFF;
		}
		#quickLinks li ul li.sfhover {
			background: #FFF;
		}
		
		#quickLinks li ul li:hover {
			background: #FFF;
		}
		
		div#top form#searchForm,
		div#top form#cse-search-box {
			display: block;
			width: 200px; height: 20px;
			position: absolute;
			top: 57px; right: 2px;
			z-index: 8000;
		}
		div#top #searchForm input,
		div#top form#cse-search-box input {
			display: block;
			float: left;
		}
		div#top input.searchField,
		div#top input#q {
			width: 180px;
			margin: 0; padding: 3px 2px 2px;
			border: 1px inset #CCC;
			-webkit-box-shadow: inset 0 1px 2px #CCC;
			-moz-box-shadow: inset 0 1px 2px #CCC;
			box-shadow: inset 0 1px 2px #CCC;
			color: #B4A76C;
			font: bold 1.1em/1.27272727272727 Arial, sans-serif;
		}
		div#top input#submit {
			width: 12px; height: 20px;
			padding-left: 2px;
			background: url('../images/search_arrow.gif') no-repeat right center;	
			border: none;
			cursor: pointer;
			text-indent: -999em; overflow: hidden;
		}