/* PSI Main Style Sheet */
* {margin: 0; padding: 0;}
body {margin: 0; padding: 0; background: #000 url('/cms_images/education/psi/bkrd1.jpg') top center no-repeat;}
img {border: none;}

p {font-family: "Courier New", Courier, monospace; font-size: 0.8em; line-height: 1em; color: #cff; margin: 0 0 10px 0;}
p a:link, p a:visited, p a:active {text-decoration: underline; color: #3F0;}
p a:hover {color: white;}

.column {float: left; width: 350px; padding: 5px;}

#player img {border: 1px solid black;}

/* Teacher Video Category Boxes */
.box {height: 131px; margin-bottom: 10px; padding: 5px 5px 10px 5px;}
.box2 {height: 23px; margin-bottom: 10px; padding: 5px 5px 10px 5px;}
#air .box, #air .box2 {background-color: #96c;}
#density .box, #density .box2 {background-color: #639;}
#forces .box, #forces .box2 {background-color: #609;}
#energy .box, #energy .box2 {background-color: #306;}

/* Comments */
.comment_sub {color: #3F0;}

#title_teacher {position:relative; top:70px; left: -90px; width: 268px; height: 65; padding: 0px; overflow: auto; margin: 0 auto; padding: 0;}

#teacher tabs {position:relative; top:0px; left: 5px; width: 727px; height: 14px; padding: 0px; overflow: auto; margin: 0 auto; padding: 0;}

#tabs_container {position:relative; top:120px; left: 5px; width: 727px; height: 20px; padding: 0px; overflow: auto; margin: 0 auto; padding: 0;}

#tab_experiments {position:relative; top:140px; left: 5px; width: 727px; height: 19px; padding: 100px; overflow: auto; margin: 0 auto; padding: 0; background: url('/cms_images/education/psi/tab_experiments2.png') top center no-repeat;}

#tab_videos_resources {position:relative; top:140px; left: 5px; width: 727px; height: 19px; padding: 100px; overflow: auto; margin: 0 auto; padding: 0; background: url('/cms_images/education/psi/tab_videos-resources.png') top center no-repeat;}

#tab_videos_teacher {position:relative; top:120px; left: 5px; width: 727px; height: 19px; padding: 100px; overflow: auto; margin: 0 auto; padding: 0; background: url('/cms_images/education/psi/tab_videos-resources_teachers.png') top center no-repeat;}


.experiments_copy {font: 0.8em/1em Courier New, Courier, mono; color: white; position: absolute; top: 20px; padding: 0px; font-weight:bold;margin-left: 10px;}
.nav_right {font: 0.8em/1em "Courier New", Courier, mono; color: white; position: absolute; top: 0; padding: 0; font-weight:bold; margin-left: 570px; text-decoration: underline;}
.nav_right a {text-decoration: underline; color: white;}
.nav_right a:hover {text-decoration: none; color: #33ff00;}
.nav_right2 {font: 0.8em/1em Courier New, Courier, mono; color: white; position: absolute; top: 0px; padding: 0px; font-weight:bold;margin-left: 610px; text-decoration: underline; color: white;}
.nav_right2 a {text-decoration: underline; color: white;}
.nav_right2 a:hover {text-decoration: none; color: #33ff00;}

#container {position:relative; top:140px; left: 5px; width: 727px; height: auto; padding: 0px; overflow: auto; margin: 0 auto; padding: 0;}

#container_main {position:relative; top:138px; left: 5px; width: 727px; height: auto; padding: 10px; overflow: auto; margin: 0 auto; padding: 0; background: url('/cms_images/education/psi/bkrd-main_folder.png');}

#container_teacher_main {position:relative; top:115px; left: 5px; width: 727px; height: auto; padding: 10px; overflow: auto; margin: 0 auto; padding: 0; background: url('/cms_images/education/psi/bkrd-main_teacher.png');}

#container_video {position:relative; top:138px; left: 5px; width: 727px; height: auto; padding: 10px; overflow: auto; margin: 0 auto; padding: 10px; background: url('/cms_images/education/psi/bkrd-video_student');}

#container_video_teacher {position:relative; top:118px; left: 5px; width: 727px; height: auto; padding: 10px; overflow: auto; margin: 0 auto; padding: 10px; background: url('/cms_images/education/psi/bkrd-video_teacher.png') no-repeat;}

#text_box_main  {position:relative; top:0px; left: 5px; width: 680px; height: auto; padding: 10px; overflow: auto; margin: 0 auto; padding: 0;}

#text_box_teacher  {position:relative; top:2px; left: 5px; width: 330px; height: auto; padding: 0px; overflow: auto; margin: 0 auto; padding: 0;}

#s_video_folder {position:relative; top:140px; left: 5px; width: 727px; height: 452px; padding: 0; overflow: auto; margin: 0 auto; padding: 0; background: url('/cms_images/education/psi/bkrd-video_folder.png') top center no-repeat;}

#footer {position: relative; bottom: -130px; width: 825px; margin: 0 auto; padding: 5px; color: #00CC00; font: 0.7em/1em Courier New, Courier, mono; text-align: center;}

/* Rollover images for experiments */
.displace {position: absolute; left: -5000px;}


a.momentous {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/momentous_thumb.jpg);}
a.momentous:hover {background-position: -147px 0;}

a.balancing {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/balancing_thumb.jpg);}
a.balancing:hover {background-position: -147px 0;}

a.bigdeal {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/bigdeal_thumb.jpg);}
a.bigdeal:hover {background-position: -147px 0;}

a.blown {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/blown_thumb.jpg);}
a.blown:hover {background-position: -147px 0;}

a.bottled {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/bottled_thumb.jpg);}
a.bottled:hover {background-position: -147px 0;}

a.bowled {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/bowled_thumb.jpg);}
a.bowled:hover {background-position: -147px 0;}

a.breaking {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/breaking_thumb.jpg);}
a.breaking:hover {background-position: -147px 0;}

a.can {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/can_thumb.jpg);}
a.can:hover {background-position: -147px 0;}

a.clearing {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/clearing_thumb.jpg);}
a.clearing:hover {background-position: -147px 0;}

a.impact {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/impact_thumb.jpg);}
a.impact:hover {background-position: -147px 0;}

a.fast {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/fast_thumb.jpg);}
a.fast:hover {background-position: -147px 0;}

a.fill {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/fill_thumb.jpg);}
a.fill:hover {background-position: -147px 0;}

a.whirl {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/whirl_thumb.jpg);}
a.whirl:hover {background-position: -147px 0;}

a.egg {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/egg_thumb.jpg);}
a.egg:hover {background-position: -147px 0;}

a.bag {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/bag_thumb.jpg);}
a.bag:hover {background-position: -147px 0;}

a.spheres {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/spheres_thumb.jpg);}
a.spheres:hover {background-position: -147px 0;}

a.buoy {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/buoy_thumb.jpg);}
a.buoy:hover {background-position: -147px 0;}

a.ball {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/ball_thumb.jpg);}
a.ball:hover {background-position: -147px 0;}

a.turn {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/turn_thumb.jpg);}
a.turn:hover {background-position: -147px 0;}

a.red {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/red_thumb.jpg);}
a.red:hover {background-position: -147px 0;}

a.sink {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/sink_thumb.jpg);}
a.sink:hover {background-position: -147px 0;}

a.heat {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/heat_thumb.jpg);}
a.heat:hover {background-position: -147px 0;}

a.tuned {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/tuned_thumb.jpg);}
a.tuned:hover {background-position: -147px 0;}

a.matter {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/matter_thumb.jpg);}
a.matter:hover {background-position: -147px 0;}

a.deal {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/deal_thumb.jpg);}
a.deal:hover {background-position: -147px 0;}

a.difference {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/difference_thumb.jpg);}
a.difference:hover {background-position: -147px 0;}

a.point {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/point_thumb.jpg);}
a.point:hover {background-position: -147px 0;}

a.wheeling {margin: 5px 17px; float: left; display: block; width: 147px; height: 121px; text-decoration: none; background: url(/cms_images/education/psi/wheeling_thumb.jpg);}
a.wheeling:hover {background-position: -147px 0;}