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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sup, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th /*td*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

 ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
.img_half table.onlinetext {
	margin-bottom:1.5em;
	margin-left:1.5em;
	
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
em {
	font-style: italic;
}
/*sub {
	font-size: .7em;
	line-height: 1px;
	color: green;
	padding:0;
	vertical-align:top;
}*/

strong{
	font-weight: bold;	
}

/* ----	BASIC ELEMENTS ---*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	line-height: 1.5em;
	color: #333366;
	text-align: center;
	background: url(/courses/physics/images/bkgnd.gif);
}

p {
	margin: 1em 0;
}

p, ul, ol, dl, blockquote {
	font-size: .75em;
}

blockquote{
	line-height: 1.75em;
	margin: 1em 2.5em;
}

/* ---- TITLES AND HEADERS -----*/
#header	{/* ----	Annenberg Header Placeholder ---*/
	width: 100%;
	background-color:#3D5E8B;
	margin: 0;
	margin-bottom: 2em;
	text-align: left;
	line-height: normal;
}
h1 {
	font-size: 1.5em;
	letter-spacing: .10em;
	font-weight: normal;
	font-style: italic;
	color: #CC3300;
}
h2 {
	font-size: 1.1em;
	letter-spacing: 0.05em;
	font-weight: normal;
	font-style: italic;
	color: #333366;
	margin: 0;
	padding-top: 1em;
}
h3	{
	list-style: none;
	padding: 0;
	margin: .83em 0;
	font-size: 1em;
	letter-spacing: 0.05em;
	font-weight: normal;
	font-style: italic;
}
h4 {
	font-size: .80em;
	color: #333366;
}
h5	{
	font-size: .74em;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 0;
	margin: 1.5em 0 0 0;
}
.small {
	font-size: .50em;
}
.sm_head	{ /* ---- for the little part of the page titles  ---*/
	text-transform: uppercase;
	font-size: .5em;
	font-weight: bold;
	font-style: italic;
	letter-spacing: .25em;
}
#wrapper_popup .glossary_title {
	margin: -1.2em 0 0 .15em;
	font-size: 1.2em;
	letter-spacing: 0.05em;
	font-style:italic;
	color: #CC3300;
}
.sub_header {
	font-size: 1.1em;
	letter-spacing: 0.05em;
	font-style: italic;
	margin: 1em 0 0 0;
}
sup {
	font-size:.7em;
	vertical-align:super;
	line-height: 1px;
}
sub {
	font-size:.68em;
	line-height:1px;
	vertical-align:sub;
	}

/* ----	MENUS (VISUALS, GLOSSARY, AND SCIENTISTS) ---*/
dl {
	margin: 1em 0 1.25em 0;
	padding: 0;
}
dt {
	font-size: 110%;
	font-weight:bold;
	letter-spacing: 0.02em;
}
dd {
	margin: 0;
	padding: 0 0 1em 0;
	font-size:103%;	
}
dd.sci {
	height:10em;
}
dd.vis {
	min-height:5em;
}
span.img {
	float:left;
	margin: .33em 1em 0 0;
	padding: 0;
	width: 108px;
}
span.img img {
	padding:3px;
	border:1px dashed #AEAEC7;
	margin-bottom: 0em;/*makes the text of the dd wrap closer to the bottom of the image thumbnail*/
}
span.img img a:hover {
	background:white;
	border:none;
}	
span.hilite {
	margin-top:0;
	padding-top:0;
	padding-left:.25em;
}

/* --- LISTS VISUALS, GLOSSARY MENU PAGES - check to see if all are used! ---*/
ol.menu	{/* ---- used for visuals, glossary menu pages---*/
	margin: 1em 0 0 1.5em;
	padding: 0;
	line-height: 150%;
}
ul.menu { /* ---- used for visuals, glossary menu pages ---*/
	margin: 1em 0 0 0;
	padding: 0;
	line-height: 150%;
}
ol li.nonum	{/* ----  printable online text link on unit home---*/
	margin-left: -18px;
	padding-left: 0;
	list-style: none;
}


/* ----	Lists (online text pdfs menu) ---*/
.lists ul	{
	padding: 0;
	margin: .5em 0 .5em 0;
	font-size: .8em;
	letter-spacing: 0.05em;
	font-weight: normal;
	font-style: italic;
}
.lists li	{
	margin-top: .05em;
}


/* --- TOP LEVEL ANCHOR LINKS --- */
#content a:link, #content_home a:link, #wrapper_popup a:link, #wrapper_popup_gloss a:link {
	color:#3333FF;
	text-decoration: none;
}
#content a:visited, #content_home a:visited, #wrapper_popup a:visited, #wrapper_popup_gloss a:visited {
	color:#3333CC;
	text-decoration: none;
}
#content a:hover, #content_home a:hover, #wrapper_popup a:hover, #wrapper_popup_gloss a:hover {
	color: #3333FF;
	text-decoration: none;
	background-color:#CED6E6;
}

#content a img{
	background-color:#FFFFFF;
	/*border: none;*/
}

#content a:hover img{
	background-color:#FFFFFF;
	/*border: none;*/
}

#content .img_full a, #content .img_half a, #content .img_half_right a, #content .img_half_sb a, #content .img_half_sb_left a, #content .img_half_header a, #content .img_half_left_header a {
	background-color:#FFFFFF;
	border: none;
	padding-bottom: 0.15em;
}

#content .img_full a:hover, #content .img_half a:hover, #content .img_half_right a:hover, #content .img_half_sb a:hover, #content .img_half_sb_left a:hover, #content .img_half_header a:hover, #content .img_half_header a:hover {
	background-color:#FFFFFF;
	border: none;
}
#content .img_full p a, #content .img_half p a, #content .img_half_right p a, #content .img_half_sb p a,  #content .img_half_sb_left p a, #content .img_half_header p a, #content .img_half_left_header p a {
	background-color:#FFFFFF;
	border: none;
}
#content .img_full p a:hover, #content .img_half p a:hover, #content .img_half_right p a:hover, #content .img_half_sb p a:hover, #content .img_half_sb_left p a:hover, #content .img_half_header p a:hover, #content .img_half_left_header p a:hover {
	background-color:#CED6E6;
	border: none;
}

/* ---- IMAGES W CAPTIONS USED IN ONLINE TEXT AND SCIENTIST POPUP, AND UNIT HOME PAGES, AND TEXT DOWNLOAD, AND COURSE GUIDE PAGES, VISUAL POPUP PAGES ---- */
.img_half	{ /* ---- small, half-column images in online text ---- */
	width: 280px;
	float: left;
	margin: .5em 1.25em 0 0;
}
.img_half_right {/*---small, half-column images---*/
	width:280px;
	float:right;
	margin: .5em 0 0 1.25em;
}
.img_half_header {/*---small, half-column images---*/
	width:280px;
	float:right;
	margin: 1.15em 0 0 1.25em;
}
.img_half_left_header {/*---small, half-column images---*/
	width:280px;
	float:left;
	margin: 1.15em 1.25em 0 0;
}
.img_half_sb	{ /* ---- small, half-column images in online text ---- */
	width: 280px;
	margin: .5em 0 0 0;
}
.img_half_sb_left	{ /* ---- small, half-column images in online text ---- */
  	width:280px;
	float: right;
	margin: .5em .5em .5em 0;
}
.img_full	{ /* ---- large, full-column images in online text ---- */
	width: 580px;
	margin: .75em 1.25em 0 0;
}
.img_lrg {
	margin-top:1em;
}
.img_lrg img { /* ----  images in visuals popup windows, because img width may vary ---- */
	padding: .5em;
	margin-bottom: .5em;
	border: 1px dashed #AEAEC7;
}
.img_lrg p	{
	/*font-size: .8em;*/
	line-height: 1.5em;
	color: #333366;
	margin: .15em 0 .75em 0;
}
.img_lrg p img{
	border: none;
}
.img_lrg p.source {/* ----	for the source info on visuals popup pages ---*/
/*	font-size: .60em;*/
	color:#999999;
	line-height:1.2em;
}
#content .img_unithome	{ /* ---- small image on unit home page and scientist popup...should rename ---- */
	float: left;
	width: 170px;
	margin: 1.2em 1.25em -.25em 0;
}
#content .img_half, #content .img_half_right, #content .img_full, #content .img_half_sb, #content .img_half_sb_left, #content .img_half_header, #content .img_unithome, #content .img_half_left_header {
	padding: .5em;
	border: 1px dashed #AEAEC7;
}
#content .img_full p, #content .img_half p, #content .img_unithome p, #content .img_half_sb p, #content .img_half_sb_left p, #content .img_half_right p, #content .img_half_header p, #content .img_half_left_header p	{
	font-size: .65em;
	line-height: 1.25em;
	color:#666699;
	margin: 0;
}
.leftcol_menu	{  /* ---- used on visual index page ---- */
	float: left;
	width: 44%;
}
.rightcol_menu	{  /* ---- used on visual index page ---- */
	margin-left: 48%;
	padding-top: 1px;
}


/* --- Video --- */
#video {
	margin:2.5em 0 0 2.75em;
	padding:0;
}
#content .vid_full {
	width: 580px;
	margin: .75em 1.25em 0 0;
	padding: .5em;
	border: 1px dashed #AEAEC7;
}
#content .vid_full a {
	background-color:#FFFFFF;
	border: none;
	padding-bottom: 0.15em;
}
#content .vid_full a:hover {
	background-color:#FFFFFF;
	border: none;
}
#content .vid_full p {
	font-size: .65em;
	line-height: 1.25em;
	color:#666699;
	margin: 0;
}
#content .vid_full p a {
	background-color:#FFFFFF;
	border: none;
}
#content .vid_full p a:hover {
	background-color:#CED6E6;
	border: none;
}
#content .vid_half {
	width: 280px;
	float: left;
	margin: .5em 1.25em 0 0;
	padding: .5em;
	border: 1px dashed #AEAEC7;
}
#content .vid_half a {
	background-color:#FFFFFF;
	border: none;
	padding-bottom: 0.15em;
}
#content .vid_half a:hover {
	background-color:#FFFFFF;
	border: none;
}
#content .vid_half p {
	font-size: .65em;
	line-height: 1.25em;
	color:#666699;
	margin: 0;
}
#content .vid_half p a {
	background-color:#FFFFFF;
	border: none;
}
#content .vid_half p a:hover {
	background-color:#CED6E6;
	border: none;
}

/* --	TABLES IN ONLINE TEXT --*/

#content .img_half table.onlinetext	{
	width: 260px;
	line-height: 150%;
	border-top: 1px solid #AEAEC7;
	border-left: 1px solid #AEAEC7;
	border-collapse: collapse;
	margin: .25em 0 .5em .75em;
}
#content .img_half table.onlinetext th	{
	font-size: 80%;
	border-right: 1px solid #AEAEC7;
	border-bottom: 1px solid #AEAEC7;
	padding: 3px;
	background: #CED6E6;
	text-align: left;
}
#content .img_half table.onlinetext td	{
	font-size: 80%;
	border-right: 1px solid #AEAEC7;
	border-bottom: 1px solid #AEAEC7;
	padding: 3px;
	
}
#content .img_half table.onlinetext caption	{
	font-size: 75%;
	text-align: left;
}
#content .img_full table.onlinetext	{
	width: 560px;
	line-height: 105%;
	border-top: 1px solid #AEAEC7;
	border-left: 1px solid #AEAEC7;
	border-collapse: collapse;
	margin: .25em 0 .5em .75em;
}
#content .img_full table.onlinetext th	{
	font-size: 75%;
	border-right: 1px solid #AEAEC7;
	border-bottom: 1px solid #AEAEC7;
	padding: 3px;
	background: #CED6E6;
	text-align: left;
}
#content .img_full table.onlinetext td	{
	font-size: 75%;
	min-width: 80px;
	border-right: 1px solid #AEAEC7;
	border-bottom: 1px solid #AEAEC7;
	padding: 3px;
}
#content .img_full table.onlinetext caption	{
	font-size: 80%;
	text-align: left;
}

/* --- WRAPPERS ---*/
#wrapper	{
	margin: 0 auto 0 auto;
	width: 900px;
	text-align: left;
}
#wrapper_popup	{
	padding: 0 2em .75em 2em;
	margin: 0;
	text-align: left;	
}
#wrapper_popup p  {
	font-size:80%;
}
#wrapper_popup h1 {
	top: 1.8em;
	left: 1.5em;
	position:absolute;
	z-index:100;
}
#wrapper_popup h1	{
	margin-top: -30px;
	font-size: 1.5em;
	letter-spacing: .075em;
	font-weight: normal;
	font-style: italic;
	color: #CC3300;
}
.popup	{
	margin: 0;
	padding: 0;
	border-top: 45px solid #CED6E6;
	background: url(/courses/physics/images/bkgnd_home.gif);
}
.popup_content {
	margin:1.5em 0 1em 0;
}
.popup_content p	{
	font-size:95%;
}
.popup_content img {
	float:left;
	width:200px;
	margin-right: 1em;
}

/*---- MISC ----- */

.top	{ /* ---- for top of page link in the middle of the page ---- */
	float:right;
	width:100px;
	margin: 0.75em 0 0 0;
	padding:0;
	text-transform: uppercase;
	font-size: 0.77em;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.25em;
}
img.bar  { 
	border:none;
	margin:0 0 -0.25em 0;
	padding:0;
}
img.paren_sup	{ 
	margin-bottom:-0.21em;
	border:none;
	padding:0;
}
img.multi_eq {
	margin-bottom:-0.35em;
	border:none;
	padding:0;
}
img.position1 {
	margin-bottom:-0.5em;
	border:none;
	padding:0;
}
img.position2 {
	margin-bottom:-0.4em;
	border:none;
	padding:0;
}
img.position3 {
	margin-bottom:-0.18em;
	border:none;
	padding:0;
}
img.position4 {
	margin-bottom:-.6em;
	border:none;
	padding:0;
}
img.position5 {
	margin-bottom:-.8em;
	border:none;
	padding:0;	
}
.position6 {
	margin-bottom:2em;
	line-height:1em;
}
img.position7 {
	margin: 0 35%;
}
img.sub  {
	border:none;
	margin:0;
	padding:0;
	margin-bottom:-0.7em;
}
#content p.sm_caption {
	font-size:.55em;
	margin-bottom:-0.25em;
	letter-spacing:.035em;
}
.textOrdered {
	margin-left: 3em;
	line-height:1.5em;
}
.textOrdered li {
	padding: .75em 0;
}
.textUnordered {
	list-style-type:disc;
	margin-left: 3em;
	line-height: 1.5em;
}
.textUnordered li {
	padding: .75em 0;
}


/* ----	NAVIGATION ---*/
#allnav	{
	float: left;
	
}	
/* ---- Horizontal Drop-down menus (from www.alistapart.com/articles/horizdropdowns---*/
#globalnav, #localnav, #homenav { /* ----	styles for leftnav background area ---*/
	background-color: #1B2238;
	width: 220px;
	border: 1px solid #6F7FA7;	
}
#globalnav h3, #localnav h3, #homenav h3	{/* ----	styles for leftnav headers ---*/
	width: 210px;
	height: 14px;
	margin: 0;
	padding: 0 0 8px 1em;
	background-color: #6f7fa7;
	color: #DED8C0;
	font-size: 11px;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: .2em;
	border-bottom: solid 1px #1B2238;
}
/* ----	GLOBAL NAVIGATION ---*/
#globalnav	{
	margin-top: 0.3em;
	height:134px;
	border-bottom:none;	
}

#nav {
	background-color: #1B2238;
	width: 220px;
	margin-top: 0.5em;
}
#nav, #nav ul { /*--- to remove the indents and bullets from the unordered list and define the width of our menu items ---*/
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1em;
	width: 220px;
	display: block;
}
#nav a {
	display: block;
	text-decoration: none;
	padding: 1.2em;
	color: #6F7FA7;
	background-color: #1B2238;
	font-size:10px;
}
#nav li {
	float:left;
	width:220px;
	text-transform: uppercase;
	border-bottom: 1px solid #6F7FA7;
	letter-spacing: .15em;
	font-style: italic;
}
#nav li ul {
	position: absolute;
	left: -999em;
	top: auto;
	height: .1%;
	width: 220px;	
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav ul li {
	position: relative;
	text-transform: none;
	left: 220px;
	top: -4.1em;
	padding-right:1.6em;	
}
#nav ul li a {
	display: block;
	text-decoration: none;
	color: #6F7FA7;
	background-color: #1B2238;
	padding:  1.19em;
	text-transform: none;
	font-size: 115%;
	font-style: normal;
	letter-spacing: normal;
	line-height: 1.2em;
	width:210px;
}
#nav ul li li {
	font-size: inherit;
	font-style: normal;
	text-transform: none;
}
#nav li:hover ul, #nav li.over ul {
	display: block;
	z-index: 100;
}
* html #nav ul li {
		float:left; 
		height:1%;
}
* html #nav ul li a {
	height:1%;
}
#nav a:hover {
	background-color: #6F7FA7;
	color:#DED8C0;
}
#nav a.selected	{
	color: #DED8C0;
}

/* ----	LOCAL NAVIGATION ---*/
#localnav {
	margin: 1.25em 0 1em 0;
	clear:both;
}
#localnav h5	{/* ---- link to unit home---*/
	padding: 0 .5em .25em .75em;
	margin-top: 13px;
	margin-bottom: 5px;
	font-size: .9em;
	font-style: italic;
	letter-spacing: .05em;
	font-weight: normal;
	text-transform: none;
	line-height: 1.3em;
}
#localnav h5 a:link, a:visited	{
	text-decoration: none;
	color: #DED8C0;
}
#localnav h5 a:hover	{
	text-decoration: underline;
}
#localnav p {/* ---- used on home page ---*/
	padding: 0 1em 2em 1em;
	color: #DED8C0;
	font-size: .65em;
}
#localnav ul {/* ---- list of content for this unit items ---*/
	padding: .5em 1em .25em 1em;
}
#localnav ul ul li	{
	font-size: 130%;
	line-height: 120%;
	padding: 0;
	text-transform: none;
}
#localnav ul li	{
	margin-bottom: .75em;
	color: #6F7FA7;
	font-size: .85em;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: .2em;
}
#localnav ul li a:link	{
	font-size: 1em;
	color: #6F7FA7;
	text-decoration: none;	
}
#localnav ul li a:visited	{
	font-size: 1em;
	color: #6F7FA7;
	text-decoration: none;	
}
#localnav ul li a:hover	{
	font-size: 1em;
	color: #DED8C0;
	text-decoration: underline;	
}
#localnav ol	{ /* ---- online text list of sections ---*/
	list-style-position: outside;
	margin: .5em 0 2em 0;
	padding: 0;
}
#localnav ol li	{
	font-size: 130%;
	line-height: 150%;
	margin: 0 0 1.15em 20px;
	color: #6F7FA7;
	font-style: normal;
	text-transform: none;
	letter-spacing: .025em;
}
#localnav ol li a:link	{
	font-style: normal;
	text-decoration: none;	
}
#localnav ol li a:visited	{
	font-style: normal;
	text-decoration: none;	
}
#localnav ol li a:hover	{
	font-style: normal;
	color: #DED8C0;
	text-decoration: underline;	
}
#localnav ol, #localnav ul li.selected	{
	color: #DED8C0;
}
#localnav ol ul{
	font-size: 98%;
	margin-top: -.75em;
	line-height: 1em;
}

#localnav ol ul a {
	padding-top: 0em;
}
#localnav ol ul a:hover {
	text-decoration:underline;
}

/* ----	MAIN CONTENT AREA ---*/
#content {
	background-color: #FFFFFF;
	border-left: 1px solid #CED6E6;
	border-right: 1px solid #CED6E6;
	border-bottom: 30px solid #CED6E6;
	width: 600px;
	margin-left: 240px;
	padding: 0 3em 2em 3em;
	z-index:1000;	
}
#content h1	{ /* ---- to put the page title into the top border of white pages ---*/
	padding: 47px 0 8px 2.5em;
	margin: 0 -48px 1em -48px;
	background-color: #CED6E6;
	font-size: 1.2em;
	letter-spacing: .15em;
}
#content h1.unit1	{ /* ---- to put the logo into the top border of white pages ---*/
	background-image: url(/courses/physics/unit/images/icon_unit1.gif);
	background-position: 344px 7px;
	background-repeat: no-repeat;
}
#content h1.unit2	{
	background-image: url(/courses/physics/unit/images/icon_unit2.gif);
	background-position: 339px 8px;
	background-repeat: no-repeat;
}
#content h1.unit3	{
	background-image: url(/courses/physics/unit/images/icon_unit3.gif);
	background-position: 340px 5px;
	background-repeat: no-repeat;
}
#content h1.unit4	{
	background-image: url(/courses/physics/unit/images/icon_unit4.gif);
	background-position: 343px 5px;
	background-repeat: no-repeat;
}
#content h1.unit5	{
	background-image: url(/courses/physics/unit/images/icon_unit5.gif);
	background-position: 348px 7px;
	background-repeat: no-repeat;
}
#content h1.unit6	{
	background-image: url(/courses/physics/unit/images/icon_unit6.gif);
	background-position: 343px 5px;
	background-repeat: no-repeat;
}
#content h1.unit7	{
	background-image: url(/courses/physics/unit/images/icons_unit7.gif);
	background-position: 343px 3px;
	background-repeat: no-repeat;
}
#content h1.unit8	{
	background-image: url(/courses/physics/unit/images/icon_unit8.gif);
	background-position: 343px 5px;
	background-repeat: no-repeat;
}
#content h1.unit9	{
	background-image: url(/courses/physics/unit/images/icon_unit9.gif);
	background-position: 345px 5px;
	background-repeat: no-repeat;
}
#content h1.unit10	{
	background-image: url(/courses/physics/unit/images/icon_unit10.gif);
	background-position: 343px 5px;
	background-repeat: no-repeat;
}
#content h1.unit11	{
	background-image: url(/courses/physics/unit/images/icon_unit11.gif);
	background-position: 343px 5px;
	background-repeat: no-repeat;
}
/* ---- to put the logo without the unit title into the top border of the unit home pages ---*/
#content h1.unithome1	{ 
	background-image: url(/courses/physics/unit/images/icon_unithome1.gif);
	background-position: 344px 7px;
	background-repeat: no-repeat;
}
#content h1.unithome2	{
	background-image: url(/courses/physics/unit/images/icon_unithome2.gif);
	background-position: 339px 8px;
	background-repeat: no-repeat;
}
#content h1.unithome3	{
	background-image: url(/courses/physics/unit/images/icon_unithome3.gif);
	background-position: 340px 5px;
	background-repeat: no-repeat;
}
#content h1.unithome4	{
	background-image: url(/courses/physics/unit/images/icon_unithome4.gif);
	background-position: 343px 5px;
	background-repeat: no-repeat;
}
#content h1.unithome5	{
	background-image: url(/courses/physics/unit/images/icon_unithome5.gif);
	background-position: 348px 7px;
	background-repeat: no-repeat;
}
#content h1.unithome6	{
	background-image: url(/courses/physics/unit/images/icon_unithome6.gif);
	background-position: 343px 5px;
	background-repeat: no-repeat;
}
#content h1.unithome7	{
	background-image: url(/courses/physics/unit/images/icon_unithome7.gif);
	background-position: 343px 7px;
	background-repeat: no-repeat;
}
#content h1.unithome8	{
	background-image: url(/courses/physics/unit/images/icon_unithome8.gif);
	background-position: 343px 5px;
	background-repeat: no-repeat;
}
#content h1.unithome9	{
	background-image: url(/courses/physics/unit/images/icon_unithome9.gif);
	background-position: 345px 5px;
	background-repeat: no-repeat;
}
#content h1.unithome10	{
	background-image: url(/courses/physics/unit/images/icon_unithome10.gif);
	background-position: 343px 5px;
	background-repeat: no-repeat;
}
#content h1.unithome11	{
	background-image: url(/courses/physics/unit/images/icon_unithome11.gif);
	background-position: 343px 5px;
	background-repeat: no-repeat;
}
#content h1.unit1home1	{
	background-image: url(/courses/physics/unit/images/icon_unithome1.gif);
	background-position: 343px 5px;
	background-repeat: no-repeat;
}

#content h1.onlinetext	{ 
	background-image: url(/courses/physics/unit/images/icon_onlinetext.gif);
	background-position: 540px 5px;
	background-repeat: no-repeat;
}
#content h1.video	{ 
	background-image: url(/courses/physics/video/images/icon_video.gif);
	background-position: 540px 5px;
	background-repeat: no-repeat;
}
#content h1.visual	{ 
	background-image: url(/courses/physics/visual/images/icons_visual.gif);
	background-position: 540px 0px;
	background-repeat: no-repeat;
}
#content h1.scientist	{ 
	background-image: url(/courses/physics/scientist/images/icon_scientist.gif);
	background-position: 540px 5px;
	background-repeat: no-repeat;
}
#content h1.interactive	{ 
	background-image: url(/courses/physics/interactive/images/icon_interactive.gif);
	background-position: 540px 5px;
	background-repeat: no-repeat;
}
#content h1.courseguide	{ 
	background-image: url(/courses/physics/courseguide/images/icons_courseguide.gif);
	background-position: 524px 5px;
	background-repeat: no-repeat;
}
#content h1.glossary	{ 
	background-image: url(/courses/physics/glossary/images/icon_glossary.gif);
	background-position: 540px 5px;
	background-repeat: no-repeat;
}
#content h2.section_title	{ /* -used for section titles and lab titles in white page-*/
	font-size: 1.25em;
	letter-spacing: .10em;
	font-weight: normal;
	font-style: italic;
	color: #CC3300;
	margin: 0;
	padding: 0;
}

#content ul.reading { /*for further reading section in online text*/
	 padding: 2em 0 0 0; 
	 margin: 0; 
	 line-height: 120%; 
	 list-style:disc;
}
#content ul.reading li	{
	margin-bottom: 2em;
}
#guide {
	margin-top: 4em;
}

/* ----	HOME PAGE ---*/
#wrapper_home {
	width:922px;
	margin:0 auto 2em auto;
	padding:0;
	overflow:hidden;
	text-align:left;
	
}
#content_home {
	background: url(/courses/physics/images/bkgnd_home.gif);	
	border-left: 1px solid #CED6E6;
	border-right: 1px solid #CED6E6;
	border-top: 1px solid #CED6E6;
	border-bottom: 30px solid #CED6E6;
	width: 920px;
	margin: 0 auto 1.5em auto;/* ----used to  have a top margin of 4em but hers is actually lower---- */
	float:left;
	background-color: #FFFFFF;
	padding-bottom:0;
}
#content_home h2 {/* ----for red-heads ---- */
	color: #CC3300;
	font-size: 1em;
}
#content_home img.home	{
	padding: .5em;
	border: 1px dashed #AEAEC7;
	margin-bottom: .5em;
	width:255px;
	height:150px;
}
#content_home .col_1 {
	float: left;
	width: 275px;
	margin: 2.5em 0 1.8em 1.72em;
	position: relative;
	border: 1px solid #AEAEC7;
	background:url(/courses/physics/images/bkgnd_leftnav.png);
	padding: 1em;
	line-height: 1.15em;
	text-align: left;
}
#content_home .col_1 p{
	font-size: .81em;
	letter-spacing: -.02em;
}

#content_home .col_1 span.nobold{
	font-style:italic;
}

#content_home .col_2 {
	float: left;
	width: 165px;
	position: relative;
	padding: 0 0 0 .15em;
	margin: 1.75em 0 6em 1.52em;
}
#content_home .col_3 {
	float: left;
	position: relative;
	padding: 0;
	margin: 1.75em 0 1em 1.2em;
}
#content_home ul li.list_subhead {
	color: #CC3300;
	font-size: .8em;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-weight: bold;
}
#content_home ul li.flushleft {
	margin-left:.5em;
}
#content_home ul.home_byunit, #content_home ul.home_bytype	{
	list-style: none;
	padding: 0;
	margin: 1em 0 0 0;
	font-size: .8em;
	letter-spacing: 0.05em;
	font-weight: normal;
	font-style: italic;
}
#content_home ul.home_byunit li img, #content_home ul.home_bytype li img	{
	vertical-align: middle;
}
#content_home ul.home_byunit li	{
	margin-top: .2em;
}
#content_home ul.home_bytype li	{
	margin-top: 1.5em;
}
#content_home ul.home_byunit li a:link	{
	color: #3333FF;
	text-decoration: none;
}
#content_home ul.home_byunit li a:visited	{
	color: #3333CC;
	text-decoration: none;
}
#content_home ul.home_byunit li a:hover, #content_home ul.home_bytype li a:hover	{
	color: #3333FF;
	text-decoration: none;
	background-color: #CED6E6;
	padding: .5em .5em .5em 0;
}
#content_home ul.home_bytype li a:link	{
	color: #3333FF;
	text-decoration: none;
}
#content_home ul.home_bytype li a:visited	{
	color: #3333CC;
	text-decoration: none;
}
#wrapper_home .logo_hs_wrap {
	margin-left:-7.9em;
	width:910px;
	padding:0;
}

/* ---end home page ---*/


/* ---- UNIT HOME PAGES ---- */
#unithome 	{
	margin-top:.5em;
	border:1px solid white;
}
#unithome h2	{
	background-color: #CED6E6;
	color: #CC3300;
	margin: 1em -2.35em 0 -2.35em;
	padding: .15em 0 .15em 2.5em;
}
#unithome h5	{
	font-size: .65em;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: .2em;
	padding: 0 0 0 3.25em;
	margin: -.5em 0 1em 0;
}
#unithome h3	{
	list-style: none;
	padding: 0;
	margin: 2em 0 0 0;
	font-size: 1em;
	letter-spacing: 0.05em;
	font-weight: normal;
	font-style: italic;
}
#unithome ul	{
	list-style: none;
	padding: 0;
	margin: 2em 0 0 0;
	font-size: 1em;
	letter-spacing: 0.05em;
	font-weight: normal;
	font-style: italic;
}
#unithome ul li	{
	margin-top: 12px;
	margin-bottom: 1.25em;
}
#unithome ul li a:link	{
	color:#3333FF;
	text-decoration: none;
	padding: 0.25em;
}
#unithome ul li a:visited	{
	color:#3333CC;
	text-decoration: none;
	padding: 0.25em;
}
#unithome ul li a:hover	{
	color: #3333FF;
	text-decoration: none;
	background-color:#CED6E6;
	padding: 0.25em;
}
#unithome ul li a:hover	img{
	color: #3333FF;
	text-decoration: none;
	background-color:#CED6E6;
}
#unithome .rightcol	ol	{
	padding-left: 4.4em;
	margin-top: -1em;
}
#unithome .leftcol	{
	float: left;
	width: 35%;
	margin-bottom: .5em;
}
#unithome .leftcol img, #unithome .rightcol img{
	margin-bottom: -.5em;
	padding: 0;
}

#unithome .rightcol	{
	margin-left: 38%;
	padding-top: .005em;
}
.img_unithome img {
	padding-bottom: 2px;
}

/* ---- SIDEBARS IN ONLINE TEXT ---- */
.sidebar_right, .sidebar_right_underhead	{
	float: right;
	margin: .5em 0 .5em 1.25em;
}

.sidebar_right_underhead{
	margin-top: 1.25em;	
}

.sidebar, .sidebar_left_underhead	{
	float: left;
	margin: .5em 1.25em 0 0;
}

.sidebar_left_underhead{
	margin-top: 1.25em;	
}

.sidebar, .sidebar_left_underhead, .sidebar_right, .sidebar_right_underhead	{	
	width: 250px;
	background: #CED6E6;
	padding: .5em;
	border: 1px dashed #AEAEC7;
	color:#666666;
}
.sidebar h5, .sidebar_left_underhead h5, .sidebar_right h5, .sidebar_right_underhead h5	{/* ---- currently exactly the same as content h5 ---- */
	font-size: .65em;
	line-height: 1.5em;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: .2em;
	padding: 0;
	margin: 0 0 .5em 0;
}
.sidebar p, .sidebar_left_underhead p, .sidebar_right p, .sidebar_right_underhead p {
	font-style: italic;
	font-size: .7em;
	
}
.sidebar p.caption, .sidebar_left_underhead p.caption, .sidebar_right p.caption, .sidebar_right_underhead p.caption	{
	font-size: .6em;
	font-style: normal;
	line-height: 1.5em;
}
.sidebar ul li {
	list-style-type:none;
	margin-left:2em;
}
/* ----	SITE MAP ---*/
#content div.col1{
	width:300px; 
	float:left; 
	padding-right:.6em;
}

#content div.col2{
	width:250px;
	float:left;
	padding-left:1em;
}
ul.map	{
	padding: 0;
}

dl.map dt	{
	font-size: 102%;
	margin: .75em 0 0 0;
	padding: 0 0 0 0;
	font-style:italic;
	font-weight:450;
}

dl.map dd	{
	font-size: 100%;
	margin: 0;
	padding: 0 0 0 1em ;
}
span.units {
	font-size: 9px;
	text-transform:capitalize;
}
dl.credits dt {
	margin-top:.5em;
}
dl.credits dd {
	margin:0;
	padding:0;
}

/*---- BOTTOM LINKS---------*/

#content p.btm_links	{ /* ----	for top|next|previous links at the bottom of the page  ---*/
	text-transform: uppercase;
	font-size: .6em;
	font-weight: bold;
	font-style: italic;
	letter-spacing: .25em;
	margin-top: 4em;
	margin-bottom: -58px; /* ---- to get them into the bottom border-band ---- */
}
#content p.btm_links a:hover {
	text-decoration:underline;
}
#wrapper_popup p.btm_links	{/* ---- to make the bottom links on the popup pages not so far down the page ---- */
	margin-top: -.5em;
	margin-bottom: 1em;
}

/* ---- BOTTOM NAVIGATION ---- */
#btmnav {
	margin: 1em 0 8em 240px;
	padding: 0;
}
#btmnav ul	{
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}
#btmnav li {
	font-size: .9em;
	letter-spacing: .05em;
	margin: 0;
	float: left;
	display: block;
}
#btmnav a:link {
	padding: 0 2em 0 0em;
	color: #FFFFFF;
	text-decoration: none;
}
#btmnav a:visited	{
	padding: 0 2em 0 0em;
	text-decoration:none;
	color: #DED8C0;
}
#btmnav a:hover	{
	padding: 0 2em 0 0em;
	text-decoration:underline;
}
#btmnav li.logo_hs a img {
	width:208px;
	padding:0;
	margin:-2.25em 0 0 46em;
	float:left;
}
#footer	{
	position:relative;
	clear: left;
	width: 100%;
	padding:0;
	text-align:left;
	background-color: black;
	height: 75px;
}
#footer p {
	padding:0 0 0 15px; 
	margin-top: -.7em; color:#FFF; 
	font-size: 75%; 
}
#footer a {
	color:#FFF; 
	text-decoration:none; 
}
#footer a:hover, #learnerFooter a.active {
	text-decoration:underline;
}
p.vert_space {/* to add some white space at bottom of shorty-short pages */
	height: 100px;
	padding:0;
	margin:0;
}
p.vert_space2 {/* to add some white space at bottom of shorty-short pages */
	height: 25px;
	padding:0;
	margin:0;
}
p.height {
	line-height:1em;

}
.logo_credits {
	float:left;
	width:100px;
	padding-right:.5em;
}
ul.about_list  {
	margin-left:2em; 
	padding-top: 1em;
	list-style-type:disc;
}
ol.about_list {
	margin-left:2em; 
	padding-top: 1em;
}
