/* Icons used on this site are available here: http://www.pinvoke.com/ */

/*
	font sizes - relative to 12px being the default, which equals 1em.
	[h1] 22pt: 22 / 11 = 2em
	[h2] 15pt:  15 / 11 = 1.363em
	[h3] 12pt = 12 / 11 = 1.091em
	[h4] 12pt = 12 / 11 = 1.091em
	20pt = 20 / 11 = 1.818em
	16pt = 16 / 11 = 1.454em
	15pt = 15 / 11 = 1.363em
	14pt = 14 / 11 = 1.272em
	12pt = 12 / 11 = 1.091em
	11pt = 11 / 11 = 1em
	10pt = 10 / 11 = 0.909em

	Note: values limited to two decimal places in most cases
	Note: content area is 768px

*/

body{font-family: Verdana, Arial, Helvetica, sans-serif;}
body.fullwidth #main {color: #515151;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
p, ul, ol, dl {padding:0 13px;margin: .75em 0 .75em;line-height: 1.8;}
* html p {overflow: visible;} /*fix frustrating ie6 italic problem*/
blockquote {margin: 0 13px .75em;}
h1, h2, h3, h4, h5, h6 {padding:0 13px;}
pre{margin: 13px;}
table h1,table h2,table h3, table h4, table h5, table h6, table ul, table ol, table dl {padding:0;margin:0;}
/* ====== Elements ====== */
em{font-style: italic;}
strong{font-weight:bold;}
code{color:#0B8C8F;}
sup {font-size:.75em;line-height:1em;vertical-align:super;}
sub {font-size:.75em;line-height: 1em;vertical-align:sub;}
/* links */
a {color: #574397; text-decoration: none;}
a:focus, a:hover { text-decoration: underline;}
.links a { background: url(../images/icons/link-icon.png) no-repeat right center; padding-right: 15px;}
* html .links a { background: url(../images/icons/link-icon.gif) no-repeat right 10%; padding-right: 15px;}

/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1 {font-size: 1.454em; line-height: 1.5em; margin: 15px 0 0 13px; font-weight:normal; color: #912752; clear: left; padding-left: 0; padding-bottom: 5px; border-bottom: 1px solid #ccc;}
.unitpage h1 {padding-right: 12em;}
h2 {font-size: 1.454em; line-height: 1.2em; margin: 24px 0 16px; font-weight:normal; color: #000; clear: left;}
h2.vgallery {color: #669900; padding-left: 0;}
h2.worksheets {color: #515151; padding-left: 0;}
h3{font-size:1.272em; line-height: 1.5em; margin: .75em 0; font-weight: normal; font-style: normal; color: #000;}
h3.vscenes {font-size: 1.272em; font-weight: normal; color: #515151; padding-left: 0; margin-bottom: 22px; clear: both;}
h4{font-size:1em; line-height: 1.5em; margin: .75em 0; font-weight:bold; font-style: normal; color: #515151;}
h5{font-size:1em; line-height: 1.5em; margin: 0; font-weight:normal; font-style: normal; color: #333333;}
h6{font-size:1em; line-height: 1.5em; margin: 0; font-weight:normal; font-style: italic;}
/* image headings */
/*h1.image {text-indent: -9000px; height: 44px; width: 100%; margin-bottom: 15px; padding: 0; ^float: left;}
h1.home {background: url(../images/headings/welcome.png) no-repeat 12px 0;_background: url(../images/headings/welcome-ie6.png) no-repeat 12px 0;}
h1.units {background: url(../images/headings/units-page.png) no-repeat 12px 0; _background: url(../images/headings/units-page-ie6.png) no-repeat 12px 0;}
h1.video-gallery {background: url(../images/headings/video-gallery-page.png) no-repeat 12px 0; margin-bottom: 3px;}
h1.worksheets {background: url(../images/headings/worksheets-page.png) no-repeat 12px 0; margin-bottom: 3px;}
h2.image {text-indent: -9000px; height: 26px; width: 100%; margin-bottom: 15px; padding: 0; margin-top: 13px;}
h2.scenes {background: url(../images/headings/scenes-in-this-unit.png) no-repeat 70px 0;}
*/
h2.units {padding-left: 65px;}
/* home page content styles */
.intro {font-size: 1.091em;}
.object-center .embedded-image img {float: none;}
.object-left, .object-right {margin: 9px 13px;}
.object-left .embedded-image {float: left;}
.object-right .enlarge-link {margin-left: 13px;}
.object-right .embedded-image {float: right;}
.object-left .embedded-image img {margin:0 13px 9px 0; -moz-box-shadow: 1px 1px 3px #cccccc;-webkit-box-shadow: 1px 1px 3px #cccccc;}
.object-right .embedded-image img {margin:0 0 9px 13px; -moz-box-shadow: -1px 1px 3px #cccccc;-webkit-box-shadow: -1px 1px 3px #cccccc;}
.object-center {margin: 9px auto; text-align: center;}
.object-center .embedded-image img {-moz-box-shadow: -1px 1px 3px #cccccc;-webkit-box-shadow: -1px 1px 3px #cccccc;}
/* special paragraphs */
/* special spans */
.warning {color: #dd0000;}
/* ====== content containers ====== */
/*factbox*/
.factbox {background: #E1E0E8; border: 1px dotted #978FB6; color: #333333; padding: 0; margin: 1.5em 13px 1.5em;overflow:hidden; height: 1%;}
.factbox-grey {background: #E4E4E4; border: 1px dashed #999999; color: #333333; padding: 0; margin: 1.5em 13px 1.5em;overflow:hidden; height: 1%;}
/*errorbox*/
.errorbox, div.warning, div.notice {border: 1px solid #D5D2CC;padding: 0;margin: 1.5em 13px 1.5em;}
/* ====== Lists ======*/
/* numbered list */
ol {margin-left: 20px;*margin-left: 25px}/* ugh i hate inconsistencies of ordered lists*/
ol.simple-list {margin-left: 0;}
ol.simple-list li {margin-left:20px; padding: 0; list-style-type: decimal;}
ul li ol.simple-list li, ol li ol.simple-list li {margin-left:10px; padding: 0; list-style-type: decimal;}
/* standard list */
ul {list-style: none;}
ul ul, ol ol {margin-top: 0; margin-bottom: 0;} /* ????????????????????????????????????????????????? */
ul.simple-list li {list-style: outside disc; margin-left:15px; padding-left: 5px; zoom: 1;}/* zoom 1 for hasLayout - just for now... */
ol li ul.simple-list, ul li ol.simple-list {margin: 0;}
ol li ul.simple-list li, ul li ul.simple-list li {list-style: outside disc; margin-left:10px; padding-left: 0; zoom: 1;}/* zoom 1 for hasLayout - just for now... */
/* link list */
ul.link-list {padding: 0; margin: 0;}
ul.link-list a {color: #666666;}
ul.link-list li {background: url(../images/link-list.gif) no-repeat 13px .75em; border-bottom: 1px dotted #368bae; padding: 2px 13px 2px 23px;}
ul.link-list li.last {border-bottom: 0px none;}
/* document list */
ul.document-list  {padding: 0;margin: 0;}
ul.document-list li {border-bottom: 1px dotted #368bae;padding: 5px 13px 5px 13px;}
ul.document-list .document .icon {float: left;}
ul.document-list .document .icon img {float: left;top: 0;left: 0;}
ul.document-list .document a {color: #666666;display: inline-block;padding-left: 19px;*padding-left: 2px;_padding-left: 0px; }
ul.document-list li.last {border-bottom: 0px none;}
/* flat list */
ul.flat-list, ol.flat-list {margin-left: 0;}
ul.flat-list li, ol.flat-list li {display: inline;}
	/* options (extends flat list) */
	.options li {color: #368bae;}
	.options li.current span {color: #666666; font-weight: bold;}
	/* crumbs (extends flat list) */
	.crumbs {font-size: 0.833em;margin-top: 16px;}
	.crumbs li a {color: #369; text-decoration: underline;}
	.crumbs li a:hover {color: #368bae;}
/* ====== highlighted text ====== */
.highlight {display:inline-block; background: #FFFF99;}
/* ====== Tables ====== */
.data{clear: both;padding: 0 13px; margin: 1.5em 0; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;_border-right: 0px none;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #d5d2cc;} /* nested table within data table */
.data caption {font-weight: bold; line-height: 1.5em; margin: 0 0 .75em; padding:0; text-align: left;}
.data th, .data td{vertical-align:top;border:1px solid #333;text-align: left;}
.data th,.data td{padding: 5px 10px; line-height: 1.5em;}
.data th{color: #333333;font-weight: bold; background: #CBC9E5;}
.renderedtable th, .renderedtable td {padding: 5px 10px; line-height: 1.5em; vertical-align: top; text-align: left;}
/* ====== blockquote ====== */
blockquote {background: #E8F3FA; border: 1px solid #D5D2CC;padding: 0 10px; margin: 1.5em 13px 1.5em;overflow: hidden; height: 1%;}
	.careers-quote {background: #F7F1D4; border-width: 1px 0; padding: 0;}
	.careers-quote .inner {border: solid #ffffff;border-width: 1px 0;padding: 0 10px;}
cite{display:block; text-align:right; padding-top: 10px;}
/* ====== separators / clearers ====== */
.separator {border-top:1px dotted #368BAE;clear:both;margin:9px 13px;} /* provides dotted line for loaders */
	.post-separator {margin: 0 13px;}
.clear {clear: both; margin: 9px 13px;} /*used by content loaders to clear floated elements */
.clearleft {clear: left;}
/* other modifiers */
.ar {text-align: right;} /*align right*/
.ac {text-align: center;}
.right {float: right;}
.left {float: left;}
/* ====== very specific things ====== */
/* video gallery */
.setwidth {width: 100%;float: left;}
.units-gallery {margin-top: 18px;}
.gallery  {padding-left: 13px;}
/*.gallery .skiplinks {margin-bottom: 16px; clear: both; float: left; width: 984px; background: red; position: relative; display: inline;}
.gallery .skiplinks ul {padding-left: 0; clear: both; width: 984px;}
*//* .gallery .scroll-pane {height: 471px; overflow:auto;} HIDE FOR NOW UNTIL AS DECISION WAS MADE TO REMOVE SCROLL FROM PAGE CONENT */
.gallery .row {float: left; margin-bottom: 10px; clear: both; width: 920px;}
.video-style .row {margin-bottom: 13px;}
.gallery .item {width: 288px; float: left; margin-right: 28px;}
.worksheet-style .item {width: 209px; float: left; margin-right: 28px;}
.gallery .last {margin-right:0;}
.gallery .item .image {background:url(../images/layout/gallery-image-bg.png) no-repeat; width: 117px; height: 88px; padding: 10px; float: left;}
.gallery .item .image:hover {background:url(../images/layout/gallery-image-bg-hover.png) no-repeat;}
.video-style .item .image:hover {background:url(../images/layout/video-gallery-image-bg-hover.png) no-repeat;}
.worksheet-style h2 {margin-top: 10px;}
.gallery .item .text {width: 140px; float: right;}
.worksheet-style .item .text {width: 140px; float: left;}
.gallery .item .text p, .gallery .item .text h3 {padding-left: 0; padding-right: 0;}
.gallery .item .text p {margin: 0;}
.gallery .item .text h3 {font-weight: normal; font-size: 1em; margin-bottom: 0;}
.gallery .over .image {background:url(../images/layout/gallery-image-bg-hover.png) no-repeat;}
.video-style .over .image {background:url(../images/layout/video-gallery-image-bg-hover.png) no-repeat;}
/* scroll-pane */
.gallery .scroll-outer {margin-top: 18px;}
.gallery .jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1; height: 471px;}
.gallery .jScrollPaneTrack {background: url(../images/nav/scrollbar-gallery-bg.png) no-repeat right 0; width: 10px; height: 471px; position: absolute; right: 0;}
.gallery .jScrollPaneDrag {background:transparent url(../images/nav/scrollbar.gif) repeat-y scroll 2px 0; cursor:pointer; height:44x !important; overflow:hidden; position:absolute; right: 0;}
/* hide text using negative text indent */
.hide-text a {display: inline-block; text-indent: -9999px; padding-right: 12px;}
.gloss {display: inline-block; position: relative; border-top: 1px solid #000; line-height: 1; margin: .2em 0 0;}
.gloss b {font-weight: normal;}
.gloss b.sup {font-weight: normal; font-size: 0.8em; position: relative; bottom: 1px;}
.gloss span {display: block; position: absolute; top: -1em; right: 0; font-family: "Courier New", Courier, monospace;}

p.totop {clear: both; padding-top: 30px;}
.hidden {position: absolute; top: -999px; z-index: 50; width: 1px; font-size: 1px; height: 1px; overflow: hidden; display: block; line-height: 0;}

/* sitemap */
.sitemapdiv {font-size: 1.091em;}
.sitemapdiv .column_1 {width: 300px; float: left;}
.sitemapdiv .column_2 {widot: 300px; float: left;}
.sitemapdiv ul {padding-left: 0;}
.sitemapdiv ul li {margin-bottom: 1.5em;}
.sitemapdiv ul li ul {padding-left: 13px;}
.sitemapdiv ul li ul li {margin-bottom: 0;}
.sitemapdiv h4 {margin-top: 0; margin-bottom: 0.3em;}

/* Float containers */
/*
* See http://positioniseverything.net/easyclearing.html
* for a description of this code.
*/
.clearfix:after,
fieldset:after /* Safari 2 required */ {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */

.clearboth {
clear: both;
}
/*    *** end hide items ***    */

.external-video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.external-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}