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

/* 	Search for =Style to jump down to a given style section  */

/*	QuickFind:

	=Reset Styles
	=Layout
	=Specials
	
	=Column 1
	  =Nav Plain

	=Column 2
	  =Photo Link/Caption
	  =Yale Bulletin Lead Photos
 
	=Column 3
	  =Yale Bulletin Search

	=Tables
	=Utilities Tray
	=Tabbed Scroll Widget
	=Drop Down
	=Events For
	=Monthly Calendar
	=Calendar Detail Popups
	=Search Events
	=Footer
	=Form Elements
	=Top Search
	=Email Form
	=Misc.
	=Body Classes for Yale Bulletin
	
	=Print Styles

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

/*	Colors:

background-color: #05442f; (Dark Green)

	#05442f = h1 (Blue/Black), Text headlines
	#00346a = Blue Dark, Footer, Pull quote text, Active link color, Col-3, h3
	#0e4c92 = Blue Medium, Yale Blue, Header, Footer, Pagebox
	#1f63a0 = Blue Light (link color), Text links
	#39f    = Bright Blue, Hover color for text links & photo borders
	
	#333    = Gray Dark, Photo captions, Nav highlight, Email form text
	#4f4f4f = Gray Dark, Left Nav links
	#6f7d89 = Gray Medium, Body Background, Photo borders, Page Title
	#ccd9e5 = Gray Light, Nav heading backgrounds, Spry tabs, Pull-quote borders
	#ddb250 = Yellow Medium, Gold outlines
	#fafae8 = Yellow Light, Backgrounds for side columns
	
	Sparsely used Colors:
	
	#00245b = Table rulled blue lines for Calendar only
	#def    = Hover background color for Spry tabs only
	#ccc    = Borders around form elements only
	#eee    = Submit button fill color only
	------------------------------------------------------------------------------- */



/* =Reset Styles, modified, avoids form elements
--------------------------------------------------------------------- */
html, body, div, span, object, embed, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, cite, del, dfn, img, q, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
a img {
	border: none;
}
table {
	border-collapse: collapse;
}
caption, th, td {
	text-align: left;
	vertical-align: top;
}


/* =Registration Form
------------------------------------------ */
#regForm td {
	padding: 0 12px 12px 0;
	}


/* =Paragraph
------------------------------------------ */
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 0;
	margin-bottom: 1em;
}
p.photo-caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #3f3f3f;
	font-size: 10px;
	line-height: 1.4em;
	margin: 0px 15px 0px 0px;
	/*float: left;*/
}
p.pull-quote {
	border: solid #ccd9e5;
	border-width: 1px 0 1px 8px;
	padding: 8px 20px 9px 12px;
	color: #00346a;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5em;
}
p.serif {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.4em;
}

/* =Layout
------------------------------------------ */
a {
	color: #d55f07;
	text-decoration: none;
}

a:visited {
	color: #d55f07;
}

a:active {
	color: #d55f07;
}

a:hover {
	color: #39f;
}

body {
	/*background-image:url(images/energy_background3.jpg);*/
	background-repeat:repeat-x;
	background-color: #213f1d;
	text-align: center; /* helps IE center container div */
}
#container {
	background-color: #fff;
	width: 955px;
	padding: 0;
	margin: 0 auto;
	text-align: left; /* resets all to align left *//*border: solid #4f5a3b;
	border-width: 0 1px 0 1px;*/
}
#header {
	width: 100%;
	float: left;
	background-color: #666;
	height: 170px;
}
#header img {
	display: block;
	float: left;
	border: none;
}
#header-basic img {
	display: block;
}
#column-wrap {
	width: 955px;
	background: #f9e9bf url(/images/bkgd_columns.gif) repeat-y top left;
	/*border-top: 10px solid #f9e9bf;*/
	float: left;
}
#col-1 {
	float: left;
	width: 145px;
	padding: 0px 10px 25px 10px;
}
#col-2 {
	float: left;
	width: 573px;
	background-color: #fff;
	border: solid #4f5a3b;
	border-width: 0px 1px 0 1px;
	/* sets minimum height 
	min-height: 1300px;*/
	height: auto !important;
	/* height: 1300px; */
}
#col-2_3{
	float: left;
	width: 788px;
	background-color: #fff;
	border: solid #4f5a3b;
	border-width: 0px 1px 0 1px;
	/* sets minimum height 
	min-height: 1300px;*/
	height: auto !important;
	/* height: 1300px; */
}
#col-2-preview {
	text-align: left;
	width: 573px;
	margin: 20px;
	background-color: #fff;
	border: solid #0e4c92;
	border-width: 1px 1px 1px 1px;
	/* sets minimum height */
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
#col-3 {
	float: left;
	width: 195px;
	padding: 17px 10px 25px 10px;
}
#col-3.calendar {
	padding-top: 16px;
}
#footer {
	clear: both;
	width: 955px;
	background-color: #003322;
	height: 115px;
}
#footer-datum {
	width: 573px;
	border: solid #05442f;
	border-width: 0 1px 0 1px;
	background-color: #B5530A;
	margin-left: 165px;
	height: 25px;
}
#footer-datum-register {
	width: 788px;
	border: solid #05442f;
	border-width: 0 1px 0 1px;
	background-color: #B5530A;
	margin-left: 165px;
	height: 25px;
}
#footer-print {
	display: none;
}

#speaker td {
	padding-bottom:20px;
	}



/* =Specials, use as needed
------------------------------------------ */
.nowrap {
	/* add to any text to avoid line breaks */
white-space: nowrap;
}
.clearfix, .clearfix-top20, .clearfix-bot10 {
	/* apply to a div to clear floats as needed */
clear: both;
	font-size: 0;
	line-height: 0px;
	height: 1px; /* Netscape needs at least 1px height */
	display: block; /* also helps Netscape */
	visibility: hidden;
}
.clearfix-top12 {
	margin-top: 12px;
}
.clearfix-top20 {
	margin-top: 20px;
}
.clearfix-bot10 {
	margin-bottom: 10px;
}
.clearfix-wrap {
	/* makes a self-clearing box around anything */
overflow: hidden;
}
*html .clearfix-wrap {
	height: 1%;
}
/* =Column 1
------------------------------------------ */
#col-1 a {
	color: #0b540a;
	text-decoration: none;
}
#col-1 a:hover {
	color: #39f;
}
#col-1 a:active {
	color: #00346a;
}


/* =Nav Plain
------------------------------------------ */
ul {
	font-weight: normal;
	list-style-type: none;
	color: #4f4f4f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.8em;
	margin: 0 8px;
}

ul li {
	padding-bottom: 15px;
}

.menu-highlight {
	font-weight: bold;
	color: #333;
}
/* =Column 2
------------------------------------------ */
#content {
	padding: 14px;
	background-color: #fff;
}
#content li {
	list-style:disc;
	list-style-position:inherit;
	margin-left:20px;
	font-size:12px;
	line-height:18px;
}
.page-heading {
	overflow: hidden;
	margin-bottom: 12px;
}
*html .page-heading {
	zoom: 1;
}
.page-heading-simple {
/* see h1.page-title style below */
}
.photo-lead {
	float: left;
	width: 314px;
	margin-right: 15px;
	margin-bottom: 0px;
	padding-bottom: 10px;
}
.photo-lead-text {
	float: left;
	width: 208px;
}
.photo-story {
	float: left;
	width: 220px;
	margin-right: 15px;
	margin-bottom: 1px;
	padding-bottom: 0px;
}
.photo-story p.photo-caption {
	margin-bottom: 10px;
}
.photo-lead a.photo-link, .photo-story a.photo-link {
	margin-right: 0;
	margin-bottom: 5px;
}
.photo-thumb-wrap-statement {
	border:#0e4c92 thin solid;
	padding: 10px;
	display: block;
	margin-bottom: 20px;
}
.photo-thumb-wrap {
	display: block;
	margin-bottom: 20px;
}
.photo-thumb-text {  /* added to constrain story brief text */
	float: left;
	width: 378px;
	/* sets minimum height */
min-height: 120px;
	height: auto !important;
	height: 120px;
}
img.photo-border {
	border: 1px solid #6f7d89;
	margin: 2px 0 5px 0;
	display: block;
}
.photo {
	padding: 2px;
	border: 1px solid #6f7d89;
	margin-bottom: 5px;
}
/* =Photo Link/Caption
------------------------------------------ */
a.photo-link, a.photo-link-right, a.photo-link-lg {
	background-color: #fff;
	border: 1px solid #6f7d89;
	float: left;
	font-size: 16px;
	margin-top: 2px;
	margin-right: 10px;
}
a.photo-link-right {
	float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 10px;
}
a.photo-link-lg {
	margin: 0;
}
a.photo-link img, a.photo-link-right img, a.photo-link-lg img {
	display: block;
	padding: 2px;
	border: none;
}
a.photo-link:hover, a.photo-link-right:hover, a.photo-link-lg:hover {
	border-color: #39f;
}
a.photo-link img, a.photo-link-right img {
	display: block;
	padding: 2px;
	border: none;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #05442f;
	font-size: 20px;
	line-height: 1.2em;
	margin-top: 0;
	margin-bottom: 0.3em;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #05442f;
	font-size: 16px;
	line-height: 1.2em;
	margin-top: 0;
	margin-bottom: 0.3em;
}
h1.page-title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #6f7d89;
	font-size: 16px;
	line-height: 1.3em;
	float: left;
	margin: 0;
}
.page-heading-simple h1.page-title {
	float: none;
	padding-bottom: 6px;
	border-bottom: 1px solid #6f7d89;
	margin-bottom: 6px;
}
h1.found-in {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #6f7d89;
	font-size: 12px;
	line-height: 1.2em;
	float: left;
	margin: 0;
}
.page-title-arrow {
	display: block;
	text-indent: 20px;
	background: transparent url(/images/arrow_pagetitle.gif) no-repeat left center;
}
h1.article-title {
	padding-bottom: 5px;
	border-bottom: 1px solid #6f7d89;
	margin-bottom: 0.1em;
}
img.badge-right, img.badge-left {
	display: block;
	float: right;
	margin-top: 4px;
	border: none;
}
img.badge-left {
	float: none;
	margin-top: 8px;
}
/* =Column 3
--------------------------------------------- */
.dot-rule-gold, .dot-rule-gold-10, .dot-rule-gold-top20 {
	clear: both;
	background: transparent url(/images/dot_rule_gold.gif) repeat-x top left;
	width: auto;
	height: 3px;
	font-size: 1px; /* blasted IE6 needs this! */
	padding: 0;
}
.dot-rule-gold-10 {
	margin: 10px 0;
}
.dot-rule-gold-top20 {
	margin-top: 20px;
}
#col-3 p, #col-3 cite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	font-size: 11px;
	line-height: 1.3em;
	margin-top: 0.7em;
	margin-bottom: 0;
}

#col-3 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
	font-size: 11px;
	line-height: 1.4em;
	margin: 0 3px 10px 3px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00346a;
	font-size: 11px;
	line-height: 1.8em;
	text-transform: uppercase;
	margin: 1em 0 1em 0;
}

h4 {
	color: #4f4f4f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	margin:4px 0 3px 0;
}

/* =Tables
------------------------------------------ */
#content table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	color: #333;
	margin: 0; /* must for Firefox */
}
#content td {
	border: none;
	line-height: 1.3em;
	vertical-align: top;
}
#content table.rulled td {
	border-top: 1px solid #ccd9e5;
	padding: 8px 12px 8px 0;
}
#content table.rulled tr.rulled-top td {
	border-top: none;
}
#content table.rulled caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2em;
	color: #05442f;
	margin: 0;
	padding: 3px 0 10px 0;
}
table.rulled th {
	color: #00245b;
	text-transform: uppercase;
	border-top: 1px solid #ccd9e5;
	padding: 2px 0;
}

/* =Drop Down
---------------------------- */
.dropdown select {
	margin: 0 0 5px 6px;
	width: 180px;
	font-size: 10px;
}

/* =Footer
--------------------------------------------- */
#footer-datum #footer-datum-register p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 2em;
	text-transform: uppercase;
	text-align: right;
	padding: 2px 14px 0 0;
}
img.footer-yalesig {
	display: block;
	border: none;
	margin: 16px 0 0 32px;
	float: left;
}
*html img.footer-yalesig {
	margin-left: 16px;
}
#footer ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.2em;
	list-style-type: none;
	margin: 40px 0 0 38px;
	float: left;
	width: 500px; /* Dreamweaver needs set width */
}
#footer li {
	padding: 0 8px;
	display: inline;
	color: #fff;
	border-left: 1px solid #c0cfdf;
	float: left; /* keeps list items flush together */
}
#footer li.firstlink {
	border: none;
	padding-left: 0;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #39f;
}
#footer a:active {
	color: #fff;
}
#legal {
	width: 573px;
	margin-left: 165px;
	height: 25px;
}
.legaltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align:center;
	color: #dadada;
	font-size: 9px;
	line-height: 1.8em;
	margin-bottom: 2em;
	padding-top: 1.4em;
}

/* =Form Elements
-------------------------------------------------- */
label, input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 1.2em;
}
input[type="text"] {
	border: 1px solid #ccc;
	padding: 2px;
}
input[type="submit"] {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1px;
}
input[type="submit"]:hover {
	cursor: pointer;
}

input[type="reset"] {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1px;
}
input[type="reset"]:hover {
	cursor: pointer;
}
textarea, select {
	border: 1px solid #ccc;
	padding: 2px;
}
input, select {
	padding: 1px;
}
input[type="radio"], input[type="checkbox"] {
	vertical-align: middle;
}

/* =Email Form
--------------------------------------------- */
#emailform {
	font-weight: normal;
	font-size: 10px;
	color: #333;
}
#emailform label {
	display: block;
	width: 45px;
	vertical-align: top;
	text-align: right;
	float: left;
	font-weight: bold;
	font-size: 10px;
	margin: 7px 4px 0 0;
}
#emailform input {
	width: 125px;
	font-size: 10px;
	color: #333;
	margin: 4px 0;
}
#emailform input.btn {
	width: auto;
	padding: 2px 8px;
	margin-bottom: 10px;
}

/* =Misc.
--------------------------------------------- */
.mediaplayer {
	border: solid #0e4c92;
	border-width: 1px 1px 0 1px;
}

/* =Print Styles
-------------------------------------------------- */
@media print {
body {
	background-color: #fff;
	color: #000;
}
#header, #col-1, #col-3, #footer, h1.found-in {
	display: none;
}
#container, #column-wrap, #col-2, #content, #col-2-preview {
	width: auto;
	margin: 0;
	padding: 0;
	float: none;
	border: none;
	background: none;
}
#container *, #col-2-preview * {
	color: #000;
}
#footer-print {
	display: block;
	width: auto;
	margin-top: 30px;
	border-top: 1px solid #6f7d89;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 1.3em;
	text-align: left;
}
.photo-thumb-wrap {
	overflow: hidden;
}
} /* closes print styles */

/*header style
 ================================================== */
.image{
background:url(images/Teri-header_new.jpg) no-repeat 0 0;

height:150px;
font-family:  Arial Narrow, Helvetica, sans-serif;
font-weight: bold;
font-size: 35px;
color:#FFFFFF;
padding-left: 165px;
padding-top: 18px;
}
 
.tech{
font-family:  Arial Narrow, Helvetica, sans-serif;
font-weight: normal;
font-size: 28px;
color:#FFFFFF;
padding-left: 5px;
} 

.datesept{
font-family:  Arial Narrow, Helvetica, sans-serif;
font-weight: normal;
font-size: 22px;
color:#FFFFFF;
padding-left: 8px;
}




#content table{
	border-top:1px solid #2F3C00;
	border-right:1px solid #2F3C00;
}
#content table tr td{
	border-left:1px solid #2F3C00;
	border-bottom:1px solid #2F3C00;
	padding:2px 5px;
}