/*------------------------------------------------------------

Thayer School of Engineering at Dartmouth

version:	1.0
author:		derek allard
email:		derek@gravityswitch.com
website:	http://www.gravityswitch.com

------------------------------------------------------------*/
/* this is a test comment TEST */
/*
go to when creating the master:
http://www.thinkvitamin.com/features/design/creating-sexy-stylesheets

Here is how i want this structured ... all the elements that need to be defined shoudld be placed in here but left blank ... for hacks and such those should be included here but be commented out in a special hacks section.  For categories ... global, header, body, forms, footer with hacks annotated as needed
*/

/* COLORS
   Body Background:       #2F2C22
   Main Text:             #B3A576
   Links:                 #9C6D25
   Dark Brown Border:     #222019
   Green Headline:        #958944
*/

/* SECTIONS
	GLOBAL
	HEADER
	MAIN BODY
	FORMS
	TABLES
	FOOTER
*/

/* ======= GLOBAL STYLES ======= */

/* 1 line tricks
http://www.cssglobe.com/post/1392/8-premium-one-line-css-tips

VERTICALLY CENTERS CONTENT IN BOX (IN THIS CASE THE BOX WOULD BE 24 PIXELS TALL)
line-height:24px; 

= = =

PREVENTS OVERSIZED CONTENT TO BREK FIXED WIDTH FLOATED LAYOUTS
#main{overflow:hidden;}

= = =

PREVENTS LINE BREAKS IN LINKS
a{white-space:nowrap;}

= = =

ALWAYS SHOW FIREFOX SCROLLBAR
html{overflow:-moz-scrollbars-vertical;}

= = =

REMOVE VERTICAL TEXTAREA SCROLLBAR IN IE
textarea{overflow:auto;}

= = =

FORCE PAGE BREAKS WHEN PRINTING YOUR DOCUMENT
h2{page-break-before:always;}

= = =

REMOVE ACTIVE LINK BORDERS
a:active, a:focus{outline:none;}

= = = 

INDENT SECOND LINE OF LIST ITEMS
li {  
	text-indent: -1em;
    margin-left: 1em;
}

*/

body {
    font:normal 100%/1.5em Arial, Helvetica, sans-serif; 
	background-color:white;
	color: #675a52;
	position:relative;
	background: #fff url('/images/bg-interior.jpg') no-repeat center top;
}

body.interior { /* buys us a bit of extra space for the interior templates at 1024 x 768 - see bug 63560 for details */
	padding-left: 140px;
	overflow-x: hidden; /* prevents h-scroll bar at bottom (must use overflow-x - overflow-y or overflow prevent vertical scroll */
}

body.sm-image { /* for level three pages and down use smaller side image */
	padding-left: 65px; /* reduces viewable area of backround image */
	overflow-x: hidden;
}

body.about {
	background: #fff url('/images/bg-l2-about.jpg') no-repeat center top;
}

body.about-sm-image {
	background: #fff url('/images/bg-l3-about.jpg') no-repeat center top;
}

body.academics {
	background: #fff url('/images/bg-l2-academics.jpg') no-repeat center top;
}

body.academics-sm-image {
	background: #fff url('/images/bg-l3-academics.jpg') no-repeat center top;
}

body.admittedstudents {
	background: #fff url('/images/bg-l2-admittedstudents.jpg') no-repeat center top;
}

body.admittedstudents-sm-image {
	background: #fff url('/images/bg-l3-admittedstudents.jpg') no-repeat center top;
}

body.careers {
	background: #fff url('/images/bg-l2-careers.jpg') no-repeat center top;
}

body.careers-sm-image {
	background: #fff url('/images/bg-l3-careers.jpg') no-repeat center top !important;
}

body.cook {
	background: #fff url('/images/bg-l2-cook.jpg') no-repeat center top;
}

body.cook-sm-image {
	background: #fff url('/images/bg-l3-cook.jpg') no-repeat center top;
}

body.events {
	background: #fff url('/images/bg-l2-events.jpg') no-repeat center top;
}

body.events-sm-image {
	background: #fff url('/images/bg-l3-events.jpg') no-repeat center top;
}

body.for {
	background: #fff url('/images/bg-l2-for.jpg') no-repeat center top;
}

body.for-sm-image {
	background: #fff url('/images/bg-l3-for.jpg') no-repeat center top;
}

body.giving {
	background: #fff url('/images/bg-l2-giving.jpg') no-repeat center top;
}

body.giving-sm-image {
	background: #fff url('/images/bg-l3-giving.jpg') no-repeat center top;
}

body.news {
	background: #fff url('/images/bg-l2-news.jpg') no-repeat center top;
}

body.news-sm-image {
	background: #fff url('/images/bg-l3-news.jpg') no-repeat center top !important;
}

body.people {
	background: #fff url('/images/bg-l2-people.jpg') no-repeat center top;
}

body.people-sm-image {
	background: #fff url('/images/bg-l3-people.jpg') no-repeat center top;
}

body.research {
	background: #fff url('/images/bg-l2-research.jpg') no-repeat center top;
}

body.research-sm-image {
	background: #fff url('/images/bg-l3-research.jpg') no-repeat center top;
}

body.video {
	background: #fff url('/images/bg-l2-video.jpg') no-repeat center top;
}

body.video-sm-image {
	background: #fff url('/images/bg-l3-video.jpg') no-repeat center top;
}

/* @font-face { */
/*     font-family: 'AvalonDemi'; */
/*     src: url('/images/fonts/Avalon-Demi-webfont.eot'); */
/*     src: url('/images/fonts/Avalon-Demi-webfont.eot?iefix') format('eot'), */
/*          url('/images/fonts/Avalon-Demi-webfont.woff') format('woff'), */
/*          url('/images/fonts/Avalon-Demi-webfont.ttf') format('truetype'), */
/*          url('/images/fonts/Avalon-Demi-webfont.svg#webfont') format('svg'); */
/*     font-weight: normal; */
/*     font-style: normal; */
/* } */

body#homepage {
	font: normal 100% "Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; /* SETS TO 13PX */
    background: #fff url('/images/bg-homepage-new.jpg') no-repeat center top;
    color: #000; 
}
#wrap { 
	margin: auto;
	width: 960px;
	background-color: #fff; 
	position:relative;
	/* background: #fff url('../i/wrap_shadow.png') no-repeat bottom right; */ 
}
.interior #wrap {
    width:860px;
    margin:auto;
    /*padding-left:200px; */
    font-size:.875em;
    min-height: 835px;
}

.sm-image #wrap {
	width: 940px; /* maximum safe size to show a bit of image on left and buy more real estate to right */
}	


h1 { /* 40px */
	font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.3em;  
	margin-bottom: 20px;
	margin-top: 5px;
/*	margin-right: 50px;	*/
	line-height: 1.1em;
}

h2 { /* 28px */
    font-size:1.8em;
    margin: 1em 0 0.3em 0;
    line-height: 1.2em;
}

h3 { /* 24px */
    font-size:1.65em;
    font-weight:normal;
    margin: 1em 0 0.3em 0;
    line-height: 1.2em;
}

h4 { /* 22px */
    font-size:1.4em;
    font-weight:normal;
    margin-bottom: 0.2em;
}

h5 { /* 20px */
    font-size:1.25em;
}

h6 {  }

p, ul, ol, dl, blockquote, form, table, fieldset {
       margin:  0 0 1em 0;
} 

ul li { /* put back bullets */
	margin-left: 2em;
	list-style: disc outside url('/images/bullet.gif');
}

ol li { /* put back numbers */
	margin-left: 2em;
	list-style: decimal outside;
}

a:link, a:visited {
    color:#3778bd;
    text-decoration:none;
}
a:hover, a:active {
    color:#2a5b90;
    text-decoration:none;
}
.home a:link, .home a:visited {
	font-weight: bold; 
}
.home a:hover, .home a:active {
	/* color: #fdb827; */
}

#header, #home, #main {
	margin: auto;
	width: 900px;
}

#wrap:after, 
#header:after, 
#footer:after { /* to ensure there is a character written after so that element contains floated elements */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

input.test { /* to hide test field on forms to prevent spam - may want to text indent it into oblivion - think i read that some browsers choke on display none*/
	display: none;
	visibility: hidden;
}

#accessnav { 
	display: none; 
	visibility: hidden; 
}


/* ======= HEADER STYLES ======= */

/* Flyout menu styles - based on http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/ */


ul#mainnavigation { 
	margin: 0; 
	padding: 0;
	/* float:right;  source code uses float instead of inline - shouldn't be an issue, though */
	display: inline;
	width: 50%;
	list-style: none; 
}

ul#mainnavigation li {
	/* float: left; */
	display: inline;
	margin: 0; 
	margin-left: 25px;
	padding: 0;
	position: relative; /* sets context for flyouts - important! */
} 

ul#mainnavigation li a:hover, 
ul#mainnavigation li:hover a,
.about ul#mainnavigation .aboutlink a.about,
.academics ul#mainnavigation .academicslink a.academics, 
.research ul#mainnavigation .researchlink a.research,
.people ul#mainnavigation .peoplelink a.people { /* here / hover on main nav */
	background: #f5fbe3;
	background: rgba(245, 251, 227, 0.95);  
	color: #003745;
}

ul#mainnavigation li .sub { /* the entire flyout box */
	position: absolute;	
	z-index: 99999; /* so flyout appears on top of all other elements */
	top: 21px; 
	left: 0;
	background: #f5fbe3;
	background: rgba(245, 251, 227, 0.95);  
	padding: 12px 14px 12px 14px; /* bottom padding will likely need to be same height as bg image */
	border-left: 1px solid #acbabe;
	border-right: 1px solid #acbabe;
	border-bottom: 1px solid #acbabe;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	display: none; /* hide from people with js turned off */
	/* from here down is more custom stuff added */
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #846d59;	
	text-align: left; 	 
}

#homepage ul#mainnavigation li .sub { /* to align correctly */
	top: 25px;
}

ul#mainnavigation li.peoplelink .sub { /* positioning peoply flyout */
	/*top:50px; */
	left:-270px;
}

ul#mainnavigation li.researchlink .sub { /* positioning research flyout */
	/*top:50px; */
	left:-200px;
}

ul#mainnavigation li.academicslink .sub { /* positioning academics flyout */
	/*top:50px; */
	left:-90px;
}

ul#mainnavigation li.aboutlink .sub { /* positioning academics flyout */
	/*top:50px; */
	left:-30px;
}

#homepage ul#mainnavigation li .sub { /* added this to make homepage font size match interior */
	font-size: .9em;
}

ul#mainnavigation .sub p, 
ul#mainnavigation .sub h2 { /* added this for additional content - now that we just have lists may not be needed */
	 
}

ul#mainnavigation .sub a:link,
ul#mainnavigation .sub a:visited,
ul#mainnavigation .sub a:hover,
ul#mainnavigation .sub a:active { /* global for flyouts */
	color: #2c84ac;
	font-weight: normal;
	padding: 0; /* ensures padding from top level main nav doesn't inherit */
	background: transparent; /* ensures hover state from main nav doesn't inherit */
}

ul#mainnavigation .sub strong {
	font-weight: bold;
	color: #675A52;
}

ul#mainnavigation .sub h2 {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;  
	color: #63513f;
} 

ul#mainnavigation .sub h2 a, 
#homepage #navigation ul#mainnavigation .sub h2 a { /* added this for additional content - now that we just have lists may not be needed */
	text-transform: capitalize;
	color: #16723A;
}


ul#mainnavigation li .sub .column { /* for custom columns GS wrote */
	width: 48%;
	float: left; 
	margin-top: 1em;
}

ul#mainnavigation li .sub .first { /* class applied to first column in flyout */
	/* background: transparent url(/images/megamenu_divider.png) no-repeat right top; */
	min-height: 201px; /* height of divider image */
	width: 185px;
	padding-right: 10px; 
}

ul#mainnavigation li .sub .last { /* class applied to second column in flyout */
	background: transparent url('/images/bg-flyout-right-box.png') no-repeat left top; 
	min-height: 201px; /* height of divider image */
	width: 328px; 
	padding: 0 0 0 20px;
}

/* ends custom stuff we wrote */

ul#mainnavigation li .row { /* if needed to break into rows (currently not used) */
	clear: both; 
	float: left; 
	width: 100%; 
	margin-bottom: 10px;
}

ul#mainnavigation li .sub ul{
	list-style: none;
	margin: 0 0 1em 0; 
	padding: 0;
	width: 100%; 	
	float: left;	 
}
ul#mainnavigation .sub ul li {
	width: 100%; /* overrides parent list item */
	/* color: #fff; */ 
}

ul#mainnavigation .sub ul li h2 { /* not using as we have h2 in the columns themselves - saving in case roll back */
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#mainnavigation .sub ul li h2 a { /* not using as we have h2 in the columns themselves - saving in case roll back */
	padding: 5px 0;
	background-image: none;
	color: #e8e000; 
}

ul#mainnavigation .sub ul li a { /* source links - conflicts with above - pick one (likely this) and delete other */
	float: none; 
	text-indent: 0; /* override text indent from parent */
	height: auto; /* override height from parent */
	/* background: url(navlist_arrow.png) no-repeat 5px 12px; */
	/* padding: 7px 5px 7px 15px; */
	display: block;
	text-decoration: none;
	color: #2c84ac; 
	font-weight: normal;
}

ul#mainnavigation .sub .first ul li a { /* in first column apply bg image to links and tweak spacing */
	background: transparent url('/images/bg-flyout-left-list.png') no-repeat left bottom;
	width: 100%;
	padding-bottom: 3px; /* to add vertical spacing */	
	margin-bottom: 3px; /* to add vertical spacing */
}

ul#mainnavigation .sub a:hover {
	/* color: #ddd; 
	background-position: 5px 12px ;*/
    color:#2a5b90;
}


ul#mainnavigation .sub .smicons {
	margin-left: 0;
}

ul#mainnavigation .sub .smicons a { /* to display social media icons inline */
	display: inline;
	margin-right: 4px; 
}
 

/* end flyout css */


/* Interior styles */
.metanav, 
#navigation { 
    margin:0;
    text-align:right;
    font-family:"Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}

.interior #navigation {
	text-align: left;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	padding: 0 0 0 30px; 
}

#topnav .metanav {
    font-size: .9em;
    background: #6f6661 url('/images/topnav-dark-grey.jpg') repeat-y top right;
    padding-right:50px;
}
.metanav li {
	display: inline;
	padding: 0 20px;
	margin: 0;
	border-right: 1px solid #bdb9b7; 
}
.metanav li.first { /* remove padding from first item */
	padding-left: 0;
}
.metanav li.last { /* remove border from last item */
	border-right: 0;
}
.metanav a, 
#navigation a {text-decoration:none;}
.metanav li a:link, 
.metanav li a:visited {
	color: #bdb9b7;
	text-transform:lowercase;
}
.metanav li a:hover, 
.metanav li a:active { }

#navigation {
    font-size:1.1em;
    background:#877f7b url('/images/topnav-dark-grey2.jpg') repeat-y top right;
}


#navigation ul {
	display: inline;
	margin: 0 50px 0 0;  
}

#navigation li {
	display: inline;
	margin-left: 59px; 
}
#navigation li.homelink, 
ul#mainnavigation li.homelink {
	margin: 0px 0px 0px 0px;
	margin-left: 0px;
}
#navigation .search {
	background: transparent url('/images/icon-search-int2.png') no-repeat left center;
	padding-left: 28px; /* 18px (width of icon) + 10px margin */
	display: inline; 
}
.interior #navigation .search {
	background: transparent url('/images/icon-search-int.png') no-repeat left center;
	position: absolute;
	top: 52px; 
	right: 45px;
}
#navigation .search form#cse-search-box {
	display: inline;
	margin: 0;
	padding: 0;
}

#navigation .search form#cse-search-box div {
	display: inline;
}

#navigation .search form#cse-search-box input.sa {
	display: none;
}

.interior #navigation .search input {
    background-color:#e1e0e0;
    border:1px solid #c5cdcf;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:inset 1px 1px #d6d5d5;
    -webkit-box-shadow:inset 1px 1px #d6d5d5;
    box-shadow:inset 1px 1px #d6d5d5;
    padding:2px 4px;
    color:#708b92;
}
#cse-search-results iframe {
	height: 1200px;
}

#search-results-total {
	font-style:italic;
	padding-bottom: 4px;
	font-size: 0.925em;
	border-bottom: solid 1px #e9e9e9;
	padding-left: 12px;
	color: #83756d;
}

#search-results-total-print {display:none;}



.research-search-result {
	padding-left: 12px;
}

#navigation a:link, 
#navigation a:visited {
	color: #fff;
/* 	text-transform:lowercase; */
	font-weight: bold;
	padding: 3px 17px; /* padding to ensure mouseovers in nav fit the entire bar */
}

#navigation a:hover, 
#navigation a:active { }

#logo {

}

.interior #breadcrumb {
	margin: 0 0 10px 245px;
	padding-right: 20px;
	color: #ada6a1;
	font-weight: bold;
	font-size: 0.858em; /* 12px */
}

.google-results .sidebar {
	display: none;
}

.google-results #breadcrumb { /* doesn't have sidebar */
	margin-left: 30px;
}

.interior #breadcrumb a {
	font-weight: normal;
	color: #008c4c;
}

.interior #breadcrumb span { /* adds space around separators */
	padding: 0 5px;
}

.interior #breadcrumb span.last { /* adds space around separators */
	padding: 0;
}


.interior #sectiontitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
    line-height: 1em; 
    text-transform: capitalize;
	margin: 0; 
}


.interior .sidebar #sectiontitle ul { /* remove inherited sidebar styles */
	margin-bottom: 0;
}

.interior .sidebar #sectiontitle li { /* remove inherited sidebar styles */
	background: none;
	border: none;
}
 
.interior .explore {
    position:absolute;
    top:57px;
    right:0;
    display: none;
}

.interior p.intro { /* for intro paragraph */
	font-size: 1.3em;
	line-height: 1.1em;
	color: #83756c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.834em;
}
.interior p.nointro { /* to cancel intro paragraph */
	font:normal 100%/1.5em Arial, Helvetica, sans-serif; 
	color: #675a52;
}

/* Homepage styles */
#homepage #wrap {
	background-color: transparent;
	padding-top: 2px;
}
#homepage #topnav {
	margin: auto;
	width: 960px;
	/* overflow: hidden;  this line combined with 100% width ensures no scroll bars at lower resolutions - works but blocks pop up so abandoning */
	/* background: transparent url('/images/bg-homepage-nav.jpg') no-repeat center top; no longer needed as part of main bg*/
	text-align: right;
}
#homepage #navigation {
    background:transparent;
    background-image:none;
    border:none;
    margin: auto;
    width: 960px;
    font-size: 1em; /* to match interior main nav / flyout */
    line-height: 1.5em /* to match interior main nav / flyout */
}
#homepage #navigation ul#mainnavigation li {
	top: 2px;
}

#homepage #navigation a:link, 
#homepage #navigation a:visited {/* add a bit extra padding to accomodate taller homepage bar */
	/*padding: 5px 17px 6px 17px; */ /* padding to ensure mouseovers in nav fit the entire bar */
	padding-top: 5px;
	padding-bottom: 6px; 
}
#homepage #navigation .first a:link, 
#homepage #navigation .first a:link, 
#homepage #navigation .last a:link, 
#homepage #navigation .last a:link {
	padding-bottom: 3px;
	padding-top: 0;
}
#homepage #navigation .search {
	background: transparent url('/images/icon-search.png') no-repeat left 2px;
}

#homepage #logo {
	margin: 20px 0 0 20px;
}

#homepage #logo img.tagline { /* pushes tagline to align right with logo */
	margin-left: 158px; 
}	

#homepage .explore {
	margin: 18px 0 0 30px;
	clear: both;
	width: 930px;
	height: 271px;
} 

.featured {
	margin: 67px 0 0 68px;
	float: left;
}

.featured .box1, 
.featured .box2, 
.featured .box3 {
	float: left;
	width: 274px; /* 274px + 2px border = 276px */ 
	-moz-border-radius: 7px;
	border-radius: 7px;
	height: 190px;
	overflow: hidden;
}

.featured .box1, 
.featured .box2 {
	margin-right: 19px;
}

.featured .box1 {
	border: 1px solid #63831e;
	background: #89c92e; /* for older IE browsers */
	background: rgba(137,201,46,0.9);
}

.featured .box2 {
	border: 1px solid #5f8300;
	background: #05683a; /* for older IE browsers */
	background: rgba(5,104,58,0.9);
} 

.featured .box3 {
	border: 1px solid #2c3436;
	background: #2f3c41; /* for older IE browsers */
	background: rgba(47,60,65,0.9);
}

.featured .boxWrap1, 
.featured .boxWrap2, 
.featured .boxWrap3 {
	float: left;
	height: 190px;
}

.featured .boxContent {
	float: left;
	margin: 10px 7px 14px 7px;
	width: 260px;  /* 274px (width of box - 14px (left/ right margin) */ 
	color: #fff; 	
}
.featured .boxContent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.572em;
}
.featured .boxContent h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.286em;
}
.featured .boxContent p {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 1.072em;
	margin: 0 0 2px 0;
}
.featured .boxContent p.firstparagraph {
	margin: 0em 0 0em;
}
.featured .boxContent img {
	padding-bottom: 5px;
}
.featured .boxContent ul li {
	font-size: 1.072em;
}
.featured .box1 .boxContent, .featured .box1 .boxContent p {
	color: #2f3c41;
}
.featured .box1 a:link, 
.featured .box1 a:visited {
	color: #0c7948;
}
.featured .box2 a:link, 
.featured .box2 a:visited {
	color: #afd33d;
}
.featured .box3 a:link, 
.featured .box3 a:visited {
	color: #e5a012;
}
#homepage .homelink {
	display: none;
	visibility: hidden;
}
#homepage div.explore a.explorelink {
	float: left;
}
#homepagepopup, 
#homepagepopup2, 
#homepagepopup3 {
	color: #675a52;
	padding-right: 20px;
	padding-left: 10px;
}

#homepagepopup .column { /* for news and events popup with columns */
	float: left;
	width: 48%;
	margin-right: 1%;		
}

#homepagepopup .news-column {
	margin-right: 22px;
	width: 55%;
}

#homepagepopup .events-column {
	margin-right: 0;
	padding-left:22px;
	width: 38%;
	background: transparent url('/images/news-events-divider.png') no-repeat left top;
}	

#homepagepopup2 .popup-divider {
	margin-top: 20px;
	border-top: solid 1px #ccc;
	padding-top: 20px;
}

#homepagepopup .events-column h2, 
#homepagepopup .news-column h2 {
	margin-bottom: 0.5em;
}

#homepagepopup .column .newsitem {
	display: block;
	float: left;
	margin: 0 1em 1.2em 0;
}

#homepagepopup .column .newsitem img { /* remove padding from thumbnail in news */
	padding: 0 1.5em 0 0;
}

#homepagepopup h2, 
#homepagepopup2 h2, 
#homepagepopup3 h2 {
	
}

#homepagepopup a:link, 
#homepagepopup a:visited, 
#homepagepopup2 a:link, 
#homepagepopup2 a:visited, 
#homepagepopup3 a:link, 
#homepagepopup3 a:visited {
	font-weight: normal;
}

#homepagepopup .newsitem a:link,
#homepagepopup .newsitem a:visited {
	font-weight: bold;
}

#homepagepopup h2, 
#homepagepopup2 h2, 
#homepagepopup3  h2, 
#homepagepopup h3, 
#homepagepopup2 h3, 
#homepagepopup3  h3 {
	margin: 0em 0;
}

#homepagepopup h3 {
	margin-bottom: 0.4em;
}

#homepagepopup2 p, 
#homepagepopup3 p {
	margin-top: 1em;
}

#homepagepopup p, 
#homepagepopup ul, 
#homepagepopup2 p, 
#homepagepopup2 ul, 
#homepagepopup3 p, 
#homepagepopup3 ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	line-height: 1.5em;
}

#homepagepopup img, 
#homepagepopup3 img {
	padding: 10px;
}

#homepagepopup {

}

#homepagepopup2 span.res-ent-image {
	float: left;
	padding: 6px 20px 8px 0;
	position: relative;
}

#homepagepopup2 span.res-ent-image img {padding:0;}

#homepagepopup2 p.res-ent-more {
	margin-left: 215px;
}

#homepage a.popupclose {
	float: right;
	cursor: pointer;
	font-weight: bold;
}
/* ======= MAIN CONTENT STYLES ======= */
/* Interior pages */
#logo {
    margin:30px 0 15px 0;
}
#logo, #wrap > h1, .sidebar {margin-left:30px;}

/* photogallery styles - defaults first / pages specific second */

.photogallery {
	/*float: left; */
	width: 450px;
}

.photogallery .image {
	display: inline;
	/* float: left; */
	height: 200px; /* this is needed to keep taller image cleared and not breaking up float */
	margin-right: 3px;
}

/* left sidebar for nav */
.sidebar {
    width:185px;
    float:left;
    margin-bottom: 50px;
}

.sidebar-error { /* hide subnav on error pages */
	visibility: hidden;
}
.sidebar-error #nav-sub {
	display: none;
}

.sidebar-error #news-events-video {
	margin-top: 200px !important;
}

.sidebar ul {margin-top:0;}


.sidebar li {
    font-size:.925em;
    border-bottom:1px solid #e0dcd9;
    list-style-type:none;
    list-style-image:none;
    margin:0;
    padding: 0.5em 5px;
    line-height: 1.2em;
}
.sidebar li.last {border:none;}

.sidebar li.expanded {background-color:#f3f1f0;}
.sidebar li a:link, .sidebar li a:visited {
    color:#83756d;
    text-decoration:none;
}
.sidebar li.expanded > a:link, 
.sidebar li.expanded > a:visited {font-weight:bold;}
.sidebar li.expanded a:link, 
.sidebar li.expanded a:visited {color:#00703c;}
.sidebar ul ul {
    margin:0;
    padding:0;
    padding-left: 5px;
}
.sidebar li li {border:none;}
/* here states for subnav */

.sidebar li.here, 
.sidebar li.parent-here {
	background:#fdfdfd url('/images/bg-subnav-here.jpg') repeat-y right top;
}

.sidebar li.here a {
	color: #00703c;
	font-weight: bold;
}

.sidebar li.parent-here a {
	color: #00703c;
}

.sidebar li.here ul a {
	font-weight: normal;
}

.sidebar #news-events-video {
	margin-top: 90px; 
	border-top: solid 5px #dbd8d7; 
	padding-top: 10px;
}

.sidebar #news-events-video li {
	padding-top: 9px; 
	padding-bottom: 6px;
}

.sidebar #news-events-video li.news img, 
.sidebar #news-events-video li.events img, 
.sidebar #news-events-video li.video img {
	vertical-align: middle; 
	margin-right: 10px;
	padding-bottom: 3px;
}
.sidebar #news-events-video li.last {
	padding-top: 1em;
}
.sidebar #news-events-video li.last img {
	margin-right: 1px;
}


/* main content */
#content {
    float:left;
    margin-left:30px;
    width:595px;
    padding-right: 20px;
    line-height: 1.5em;
}

.sm-image #content { /* wider content area for level 3 pages with smaller sidebar image */
	width: 675px; /* 596 above +75px (space gained by smaller sidebar image in body.sm-image */
}

#content .first {
    font-size:1.57em;
    color:#84756c;
    line-height:1.5em;
    margin-top:0;
}
#content .program {
    float:left;
    width:183px;
}
#content .program.two {
    padding:0 15px;
}

#content ul li, 
#content ol li {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	line-height: 1.5em;
}

#content ul ul, #content ol ol {
	margin-bottom: 0;
}

/* added by AF: styling for floating images left and right */

.photowrap-left{
	position:relative;
	float:left;
	padding:.5em .8em .5em 0;
}

.photowrap-right{
	position:relative;
	float:right;
	padding:.5em 0 .5em .8em;
}

#content .videowrap-left{
	position:relative;
	float:left;
	padding:0 .8em .5em 0;
}

#content .photo-caption-wrap-left, 
#content .photo-with-caption-left {
	position:relative;
	float:left;
	padding:.5em 1em .7em 0;
}

#content .photo-caption-wrap-right, 
#content .photo-with-caption-right {
	position:relative;
	float:right;
	padding:.5em 0 .7em 1em;
}

#content .photo-caption-wrap-left .caption, 
#content .photo-caption-wrap-right .caption, 
#content .caption{
	clear:both;
	font-size:.9em;
	font-style:italic;
	line-height: 1.4em;
}

#content .photo-with-caption-left, 
#content .photo-with-caption-right{
	font-size:.9em;
	font-style:italic;
	line-height: 1.4em;
}

/* added by AF: other styles from old Thayer site */

#content .clear-left{
	clear:left;
	margin-top:8px;
}

#content table{margin-bottom:1em;}

#content #mem-expenses{
	width:350px;
	margin:5px auto 15px auto;
}

#content #mem-expenses .left{padding-left:8px;}

#content #mem-expenses .right{
	text-align:right;
	padding-right:8px;
}

#content .course-count{font-size:.75em;}

#content .give-online-button a:active, 
#content .give-online-button a:hover {
	outline: none; /* hide dotted outline in Firefox */
}

#content .tbl_style1{
	margin:2em 0 0 0;
	padding:0;
	border-style:none;
}

#content .tbl_style1 td{
	margin:0;
	padding:5px;
	font-size:.87em;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

#content .tbl_style1 th{
	margin:0;
	padding:5px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

#content .faculty-books{
	clear:left;
	float:left;
	margin-top:1em;
	position:relative;
	width:100%;
}

#content .faculty-books h2 {
	margin-top: 0;
}

#content .translation{
	text-align:center;
	font-family:Times,serif;
	line-height:1.9em;
	font-size:.9em;
	margin-top:25px;
	margin-bottom:25px;
}
	
#content .translation-dartmouth{font-size:1.7em;}

#content .translation-thayer{font-size:1.4em;}

#content .translation-date{font-size:.9em;}

#content .translation-phd-heading{
	text-align:center;
	font-weight:bold;
	margin-bottom:5px;
	font-size:1.3em;
	letter-spacing:.05em;
	font-family:Times,serif;
	line-height:1.9em;
	margin-top:25px;
}

#content .translation-phd-outerbox{text-align:center;}

#content .translation-phd-body{
	margin-top:5px;
	font-size:1.2em;
	text-align:left;
	font-family:Times,serif;
	line-height:1.4em;
	margin:0 auto 25px auto;
	text-align:left;
	width:500px;
}

#content .translation-phd-body .underscore{text-decoration:underline;}

#content #abet-note{font-size:.8em;}

#content .tsaf-goal,
#content .tsaf-participation,
#content .tsaf-leadership{margin-top:0;}

#content .tsaf-goal dt, 
#content .tsaf-participation dt,
#content .tsaf-leadership dt{
	float:left;
	position:relative;
	text-align:right;
	width:4em;
}

#content .tsaf-goal dd,
.tsaf-participation dd,
.tsaf-leadership dd{
	margin-left:5.75em;
	text-align:left;
	padding:1px;
	padding-right:5px;
	margin-bottom:10px;
	font-size:0.85em;
}

#content .tsaf-goal dd div,
#content .tsaf-participation dd div,
#content .tsaf-leadership dd div{
	float:left;
	margin-right:3px;
	position:relative;
}

#content .tsaf-goal dd div{
	color:#007342;
	background-color:#007342;
}	 

#content .tsaf-participation dd div{
	background-color:#f49622;
	color:#f49622;
}

#content .tsaf-leadership dd div{
	background-color:#376797;
	color:#376797;
}

.social-media-icons img {
	margin-right: 4px;
}

.coursevideos .video {
	width: 425px;
}

.coursevideos .video p {
	margin-top: 0.5em;
	margin-bottom: 2em;
	line-height: 1.5em;
}

.pullquote-right {
    float: right;
    font-style: italic;
    margin: 5px 0 15px 15px;
    padding: 10px;
    position: relative;
    width: 190px;
    background-color: #e8f2d5;
    font-size: 0.95em;
    border-top: 5px solid #69976d;
}

blockquote {
    font-style: italic;
    background-image: url('/images/quote-left.gif');
    background-repeat: no-repeat;
    margin-left: 1em;
    padding-top:0;
    padding-left: 45px;
}

blockquote.narrow-quote {
	width: 400px;
}
blockquote.narrow-quote-500 {
	width: 500px;
}
blockquote.narrow-quote-350 {
	width: 350px;
}
blockquote.narrow-quote-475 {
	width: 475px;
}
  
blockquote p {
	margin-top: 0;
	padding-right: 45px;
	margin-right: 1em;
}

blockquote > p:first-child {
	    background: url('/images/quote-right.gif') no-repeat top right;
	    padding-bottom:1em;
	    margin-bottom:0;
}

#gotoThayerExpress {
	font-size: 1.6em;
}
#gotoThayerExpress #goto {
	font-style:italic; 
	letter-spacing: 0.05em;
	color: #3778bd;
}
#gotoThayerExpress #ThayerExpress {
	font-family: Georgia,'Times New Roman',Times,serif;
	font-weight: bold;
	color: #f49622;	
}
#gotoThayerExpress #gotoarrows {
	padding-left: 0.1em;
	font-size: 1.2em;
	color: #3778bd;
}

sub {
	vertical-align: bottom;
	font-size: 0.8em;
}
sup {
	vertical-align: top;
	font-size: 0.8em;
}


/* right sidebar for content */

#content .pg-sidebar {
	float: right;
	width: 190px;
	padding: 0 0 0 15px;
	/* background-color: #ebe9e9; commenting out per bug 63709 */
	margin: 5px 0 20px 20px; 
	border-top: solid 5px #dbd8d7;
	background: url('/images/bg-pg-sidebar.jpg') repeat-y scroll left top #FDFDFD;
}

#content .pg-sidebar-faculty {
	width: 205px;
	border-top: none; 
	background:none;
	padding-top: 0;
	margin-top:0; 
	padding-left:0
}

#content #faculty-related {
	background: url('/images/bg-pg-sidebar.jpg') repeat-y scroll left top #FDFDFD;
    border-top: 5px solid #DBD8D7;
    padding-top: 0;
    padding-left: 15px;
    padding-bottom: 0.5em;
}


#content .pg-sidebar h1,
#content .pg-sidebar h2,
#content .pg-sidebar h3,
#content .pg-sidebar h4,
#content .pg-sidebar h5,
#content .pg-sidebar h6 { /* zero top margin so sidebar in events lines up with content */
	margin-top: 0.75em;
	margin-bottom: 0.1em;
}

.pg-sidebar h1 {
	font-size: 1.715em; /* 24px */ 
	font-weight: bold;
	color: #8cb61c;
	margin-right: 0px;
	clear: both;
	margin-top: 1.5em;
	margin-bottom: 0em;
}
.pg-sidebar h1 a:link, 
.pg-sidebar h1 a:visited, 
.pg-sidebar h2 a:link, 
.pg-sidebar h2 a:visited, 
.pg-sidebar h3 a:link, 
.pg-sidebar h3 a:visited, 
.pg-sidebar h4 a:link, 
.pg-sidebar h4 a:visited, 
.pg-sidebar h5 a:link, 
.pg-sidebar h5 a:visited, 
.pg-sidebar h6 a:link, 
.pg-sidebar h6 a:visited {
	color: #8cb61c;
}
.pg-sidebar h2 {
	font-size: 1.3em; /* 21px */ 
	font-weight: bold;
	color: #8cb61c;
	clear: both;
	margin-top: 1.5em;
	margin-bottom: 0em;
}
.pg-sidebar h3 {
	font-size: 1.286em; /* 18px */ 
	font-weight: bold;
	color: #8cb61c;
	clear: both;
	margin-top: 1.5em;
	margin-bottom: 0em;
}
.pg-sidebar h4, 
.pg-sidebar h5, 
.pg-sidebar h6 {
	font-size: 1.143em; /* 26px */ 
	font-weight: bold;
	color: #8cb61c;
	clear: both;
	margin-top: 1.5em;
	margin-bottom: 0em;
}
.pg-sidebar p {
	margin: 0  0 1em  0;
}
.pg-sidebar ul {
	margin: 0 5px 1em 0;
	padding: 0 0 0 16px;
}
.pg-sidebar li {
	margin: 0;
	padding: 0 0 0.4em !important;
}

.facultycontact {
	text-align: left;
	background-color: #e8f2d5;
	width: 430px;
	padding: 7px;
}

.facultycontact p {
	margin: 0;
}

.faculty h2 {
	clear: left;
}

.faculty .photo {
/* 	float: left; */
	margin: 0 1em 2em 0;
}
.faculty .photo img {
	width: 124px;
}

.facultyitem {
	margin: 2em 0; 
}

.facultyitem p {
	margin: 0;
}

.events .featureddetailsbox {
	background-color: #807575;
	color: #fff;
	padding-left: 1em;
	clear: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
.events .featureddetailsbox td {
	padding: 0.5em 10px 0.5em 0;
	color: #fff;
}
.events .featureddetailsbox a:link, 
.events .featured detailsbox a:visited {
	color: #feb62c;
}

.events h2 {
	margin: 1em 0 0.5em 0;
}
.events h2.featuredarticletitle {
	margin: 0.1em 0 1em 0;
	line-height: 1em;
}
span.detailsbox-details {
	text-transform: uppercase;
	color: #ccc;
	width: 20%;
}

.eventitem p {
}

.events .event-details {
	margin-bottom: 1em;
}
.events .event-date-display {
	font-weight: bold;
	margin-bottom:0;
	font-size: 1.1em;
}


.events .event-location-display {
	font-style: italic;
	margin-top:0;
	margin-bottom: 0;
	font-size: 1.1em;
}

.events .event-title {
	font-weight: bold;
	font-size: 1.17em;
	margin-bottom: 0;
	margin-top: 1em;
}
.events .event-speaker {
	font-size: 1.1em;
	margin-top: 0;
	margin-bottom: 0;
}
.events .event-date {
	font-weight:bold;
	margin-top: 0em;
	margin-bottom: 0;
}
.events .event-date-past {
	font-style:italic;
	margin-top: 0;
	margin-bottom: 0.5em;
}
.events .event-location {
	font-style:italic;
	margin-top: 0;
	margin-bottom: 0.5em;
}
.events #event-contact-info {
	font-style:italic;
	margin-top: 2em;
}


.newsitem { /* so thumbnail is contained */
	display: block; 
	margin-bottom: 2.2em;
	width: 100%; /* so more link doesn't float upu */
}

.newsitem p.firstnewsparagraph {
}

li.firstnewsparagraph {
}

li.firstnewsparagraph p {
	margin: 0.1em 0;
}

.newsitem p {
	margin: 0;
}

.newsitem p.firstnewsparagraph img.newsthumbnaillisting {
	width: 100px;
	height: 100px;
	vertical-align: text-top;
	margin: 0em 1em 1em 1em;
	clear: left;
}

.news-details {
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}
img.newsthumbnaildetail {
	width: 100px;
	height: 100px;
	vertical-align: text-top;
	margin: 0em 1.5em 0 0;
	clear: left;
}
.cat-27 .newsthumbnaildetail {
	display: none;
}
.cat-27 .news-date {
	margin-bottom: 1em;
}
.news-publisher {
	font-weight: bold;
	font-style:italic;
	font-size: 1.2em;
	margin-bottom: 0.2em;
	padding-top: 0.5em;
}
.news-date {
	margin-top:0;
	margin-bottom:0.2em;
}

.news-author {
	font-style:italic;
	margin-top:0;
}

.clear-news-details {
	clear: left;
	margin-bottom: 1em;
}

.eventitem {
	margin-bottom: 2em;
}

p.rss img {
	vertical-align: middle;
	margin-right: 5px;
}

.paginate {
	margin-top: 3.5em;
	font-size: 0.95em;
}
.paginate span {
	margin-right: 25px;
}
.paginate a:link, 
.paginate a:visited {
	border: solid 1px #ddd; 
	padding: 4px 8px; 
	background-color: #f7f7f7;
	margin-right: 2px;
}

.paginate strong {
	border: solid 1px #3778BD; 
	padding: 4px 8px; 
	background-color: #3778BD;
	color: #fff;
	margin-right: 2px;
}

/* ======= FORM STYLES ======= */

form dd {
	margin-bottom: 1em;
}

form input, form select, form textarea { 
	color: #7b7268;
	background-color: #d9d9d9; 
	border-top: 1px solid #818181;
	border-left: 1px solid #818181;
	border-right: 1px solid #c8d1d3;
	border-bottom: 1px solid #c8d1d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: normal 1em "Century Gothic","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	padding: 3px;	
}
form input#q {/* styling the google site search box height */
	font: normal 0.8em "Century Gothic","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	border: none;
	padding: 2px;
	position: relative; 
	margin-top: 0px;
}

/* for autocompletions on google search */

table.gsc-completion-container { /* container around all results */
	border: 1px solid #ececec; 
	/* attempted positioning fix had no effect
	position: absolute;
	top: 0;
	left: -500px;
	border: 1px solid red;
	*/
}

table.gsc-completion-container:hover { /* if you want to change container border colow on hover */
  	 
}

table.gsc-completion-container td { /* space between autocompletion results - results are in td cells */
	padding: 7px;
	color: #4a4136; /* to match original flyout mockup */
}

table.gsc-completion-container td:hover { /* hovering over results */ 
  background-color: #16723A;
  color: #fff;
}

/* end for autocompletions on google search */

form input:focus, 
form textarea:focus, 
form select:focus {
	background-color: #fff;
}

form input.button, 
form input[type="button"], 
form input[type="submit"]  {
	padding: 3px;
	background-color: #84756c;
	border: 0; 
	font: normal 1em "Century Gothic","Trebuchet MS",verdana,arial,helvetica,sans-serif;
	color: #fff;
}
  
form input.button:hover, 
form input[type="button"]:hover, 
form input[type="submit"]:hover {
	background-color: #16723A; 
}

form input[type="radio"], 
form input[type="checkbox"] { /* remove any border or bg from radios and checkboxes */
	border: none;
	background-color: transparent;
} 

.feedback {
	color: #d80000;
}

#BB_BuyButtonForm table {
	width: 50%;
}
#BB_BuyButtonForm table td {vertical-align:middle;}

/* ======= TABLE STYLES ======= */

table {
	width: 100%;
	margin: 0;
}
.events table {
	width: auto;
}
td {
	padding-right: 2em;
}

/* ======= FOOTER STYLES ======= */

#footer {
	/* clear: both; */
	float: left;
	padding: 40px 0 20px 48px; /* left padding to first meta nav = 68 (subtracted 20 for li padding) */
	font-family: "Century Gothic Bold", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#homepage #footer {
	padding-top: 20px;
}
.interior #footer { 
	line-height:1.2em;
	color:#9e9e9e;
	width: 96.5%; /* to prevent floating up into content on short page */
	padding: 40px 0 0 30px;
	font-size: 1.072em;
}
.interior #footer a:link, 
.interior #footer a:visited {color:#84756c;}

#footer ul.metanav {
	margin: 0; 
	text-align: left; 
}

#homepage #footer ul.metanav { 
	text-align: left; 
	background: transparent url('/images/metanav-bg.png') no-repeat 50% 50%;  /* use this one in general*/
	/* 	background: transparent url('/images/metanav-bg-wider.png') no-repeat center bottom; /* /* use this one when the gift box is on the home page*/
	padding: 20px;
	width: 100%;
}
#footer ul.metanav li {
	display: inline;
	padding: 0 15px;
	margin: 0;
	border-right: 1px solid #2f3c41; 
}
#homepage #footer ul.metanav li {
	padding: 0 20px;
}
.interior #footer ul.metanav li {
	border-right: 1px solid #303c41; 
}
#footer ul.metanav li.first { /* remove padding from first item */
	padding-left: 0;
}

#footer ul.metanav li.last, 
.interior #footer ul.metanav li.last { /* remove border from last item */
	border-right: 0;
	padding-right: 0;
}

#footer ul.metanav li a:link, 
#footer ul.metanav li a:visited {
	color: #2f3c41; 
}
.interior #footer ul.metanav li a:link, 
.interior #footer ul.metanav li a:visited {
	color: #303c41; 
	font-size: 1em;
}
.interior #footer ul.metanav {
/* 	float: left; */
}
.interior p.copyright {
	float: right;
	/* margin: 1.5em 20px 0px 0; */ /* use along with the gift box in the meta nav */
	margin: 0 20px 0px 0; /* default setting */
	text-align: right;
}
#footer ul.metanav li a:hover, 
#footer ul.metanav li a:active {
	
}
fieldset.hidden {
	display: none;
}


/* hide items that should not be in navigation - fixes issue where if not in navigation status is set subnav expands the full submenu for the section - numbers here are entry id */

#nav-sub-883, /* Thank You for Updating your Information */
#nav-sub-888, /* Alumni News and Notes - Thank You */
#nav-sub-901, /* Diploma Translations */
#nav-sub-920, /* Library */
#nav-sub-925, /* DSE: Thank You For Your Gift */
#nav-sub-933, /* Student Groups */
#nav-sub-936, /* Disability Information */
#nav-sub-937, /* Student Councils */
#nav-sub-938, /* Thayer Gear */
#nav-sub-1004, /* Student Interest Survey Complete */
#nav-sub-1089, /* Partners in Innovation */
#nav-sub-1130, /* Spring 2011 Schedule */
#nav-sub-1132, /* Summer 2011 Textbooks */
#nav-sub-1138, /* Summer 2011 Schedule */
#nav-sub-1142, /* Spring 2012 Schedule */
#nav-sub-1143, /* Fall 2011 Schedule */
#nav-sub-1144, /* Winter 2012 Schedule */
#nav-sub-1149, /* Winter 2011 Textbooks */
#nav-sub-1151, /* Fall 2010 Schedule */
#nav-sub-1155, /* Winter 2011 Schedule */
#nav-sub-1158, /* Spring 2011 Textbooks */
#nav-sub-1160, /* Fall 2011 Textbooks */
#nav-sub-1168, /* Industry Internships */
#nav-sub-3327, /* Books by Thayer School Faculty */
#nav-sub-3337, /* Special Symposia: A 3-part series */
#nav-sub-3351, /* Thayer School and The Big Green Bus */
#nav-sub-3669, /* Engineering Innovation for Ice Adhesion and Friction CONTROL */
#nav-sub-3938, /* Summer 2012 Schedule*/
#nav-sub-3939, /* Fall 2012 Schedules */
#nav-sub-3942, /* Winter 2013 Schedules */
#nav-sub-3943 /* Spring 2013 Schedules */
{
 	display: none; 
}

/* adding a note to test a deploy */