#wrapper {
	margin: 0 auto;
	width: 97.50%;
	 overflow: hidden;
}

#header form{
	float: right;
	width: 	240px;
	margin: -1.25em -1.75em .5em 0;
}

#header img{
	width: 260px;	
}

#header h2 {
	color: #ccce8b;
	font-size: .75em;
	text-transform: uppercase;
	font-style:italic;
	letter-spacing: .04em;
	margin: -.75em 0 1em 5.25em;
}

#search #searchWord{
    width: 150px;
    height: 20px;
    padding: 0 35px 0 5px; /* puts padding on the right side, so text doesn't go under the button. NOTE: TOTAL WIDTH IS 240 + 25 = 265px */
    float: left; /* some browsers display correctly without this, but better to leave it for cross browser compatibility */
    border: 1px solid #FFEDE8; /* sets new color for border of the field */
	color: #ccc;
	
}
#search #searchSubmit{
    background: transparent url("/courses/chemistry/images/general/search_button.png") no-repeat;
    width: 15px;
    height: 15px;
    border: none;
	border-left: 1px solid #ccc;
    cursor: pointer;
	margin-left: -22px; /* image is 20x20px, so leave little extra */
    margin-top: 2px; /* leave some space from the top, so button looks in the middle */
}

#search_mobile{
	display: none;	
}


div.nav ul#nav_menu a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	padding: 1.75em 0 1.25em 0;
	font-size: 12px;
}
div.nav ul#nav_menu li {
	font-weight: bold;
	letter-spacing: .05em;
	float: left;
	display: inline;
	width: auto;
	margin-top: 0;
	padding: 0 1.5%;
	[padding: 0 1.5%;
	padding: 0 1.95%;]
	}
div.nav ul#nav_menu li:hover ul, div.nav ul#nav_menu li.sfhover ul {
	left: auto;
	margin-left: -15px;
}
	


.flexslider {
	position: relative;
	width: 100%;
	margin: 0 auto;
	float: left;
	background: #000000;
	height: 16.125em;
	border-bottom: 8px solid #68b9d8;
}
.flexslider img {
	max-width: 100%;
	width: 100%;
	float: left;
	margin-left: 1em;
	height: 15em;
	position: relative;
}

.flexslider h2 {
	padding: 1em 0 .5em 0;
	color: #ffffff;
	font-size: 1.2em;
	width: 35%;
	float: left;
	margin-left: 55%;
	position: absolute;
	font-weight: bold;
	letter-spacing: .03em;
}
 .flexslider p {
	padding: 4em 0 0 0;
	color: #ffffff;
	font-size: .78em;
	[font-size: .78em;
	font-size: .83em;]
	width: 35%;
	float: left;
	margin-left: 55%;
	position: absolute;
	line-height: 1.25;
}

#nav2 ul{
	float: left;
	width: 46.75%;
}

#nav2 li ul.current {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 46.35%;
	height: 31.5em;
	background: #fff;
	padding: 0 2%;
}


#nav2 li:hover ul {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 46.35%;
	height: 31.5em;
	background: #fff;
	z-index: 200;
	padding: 0 2%;
}

#nav2 a{
	font-size: .6em;
	[font-size: .6em;
	font-size: .65em;]
	text-transform:uppercase;
	letter-spacing: .03em;
	width: 100%;
	display : block;
	color: #293C4A;
	font-weight: bold;
	text-decoration : none;
}

#nav2 h3{
	font-size: 1em;
	color: #293C4A;
	font-weight: bold; 
	padding: .75em 0 1em 0;
}

#nav2 img {
	width: 175px;
	}

#nav2 p{
	font-size: .8em;
	color: #293C4A;
	padding-bottom: 1em;
	line-height: 1.4;
}

#btmnav li {
	float: left;
	display: inline;
	padding: .75em .5em 2em .5em;
	font-size: .7em;
	font-weight: bold;
	letter-spacing:.05em;
}

#btmnav li {
	float: left;
	display: inline;
	padding: .75em .5em 2em .5em;
	font-size: .7em;
	font-weight: bold;
	letter-spacing:.05em;
}

#btmnav li.img {
	padding:0;
	float: right;
	width: 200px;
}

#btmnav li.img img {
width: 100%;
}

ul#nav_mobile{
	display: none;	
}

.outer_video {
	float: left;
	width: 47%;
	overflow:hidden;
	margin: 1em 1em 1em 0;
}

#content h2.videos{
	clear: both;
	font-size: .78em;
	font-weight: bold;
	padding: 1em;
	margin: 0;
	width: 94%;
}

.video_div {
	height: 250px;		
}

.video_div img{
	float: left;
	width: 125px;
	height: 83px;
	margin: 0.25em .75em .25em 0;	
}


.video_div p{
	padding: 0;
	padding-bottom: 1em;
	font-size: .8em;
	line-height: 1.4;
}



.video_div p a{
	float: right;
	font-weight: bold;
}



.main_text, .video_unit, .interactives_unit, .course_guide, .glossary_main, .guide_unit{
	float: left;
	width: 73.5%;
	background-color: #fff;
	border-left: 250px solid transparent;
	color: #293C4A;
	overflow: hidden;
}

.main_text, .guide_unit, .glossary_main {
	width: 73%;
	min-height: 32em;
	padding-right: 4%;
}

.main_text{
	min-height: 36.5em;	
}

.glossary_main {
	width: 70.5%;	
}


.main_text p{
	font-size: .8em;
	width: 92%;	
	padding-right: 4%;
}
.main_text ul.intext {
	font-size: .8em;
}
.main_text .footnote p {
	font-size: .7em;
}
.main_text ul.text_nav{
	float: right;
	padding-top: 1em;
	padding-right: 2%;
}

.main_text table.full_table, div.sidebar_para table.full_table{
	width: 90%;}


.main_text table.small_table caption, .main_text table.full_table caption, div.sidebar_para table.small_table caption, div.sidebar_para table.full_table caption{
	font-size: .8em;	
}

.main_text th, div.sidebar_para th{
	font-size: .75em;
	
}
.main_text td, div.sidebar_para td{
		font-size: .75em;
}

.main_text fmath td{
	font-size: 12px;	
}

.course_guide, .glossary_main, .visual_main, .video_main{
border-left: 200px solid #edf0f1;
min-height: 51em;
}

.visual_main, .video_main{
width: 72.5%;	
}

.center {
	float: none;
	width: 88%;
	margin: .5em 1.75em 1em 1.75em;
}


.interactives_unit{
	width: 76%;	
}

.othernav, .unitoverlay {
	background-color: #C1D1D6;
}

.intronav{
border-left: 200px solid #edf0f1;		
}

.unit1nav, .unit6nav, .unit11nav{
border-left: 200px solid #eeefdc;
}

.unit2nav, .unit9nav{
border-left: 200px solid #F7EBDC;
}

.unit3nav, .unit7nav, .unit13nav{
border-left: 200px solid #F9F3DC;
}

.unit4nav, .unit8nav, .unit12nav{
border-left: 200px solid #E6F7FF;
}

.unit5nav, .unit10nav{
border-left: 200px solid #F4E8E4;
}

.unit_navgen{
	float: left;
	width: 200px;
	margin-right: -200px;
	position: relative;
}

ul.unit_nav, ul#guide_nav {
	padding: .5em .5em .5em .75em;
}

ul.nav_to_units {
	padding: .5em .5em .5em .75em;	
}
ul.unit_nav li {
	text-transform: uppercase;
	border-bottom: 1px solid #293C4A;
	padding: .75em;
}

ul#guide_nav li, ul.nav_to_units li{
	padding: .75em 0 .75em .75em;	
}

ul.unit_nav a{
	font-size: 12px;
	color: #293C4A;	
	text-decoration: none;
}

ul#guide_nav a, ul.nav_to_units a{
	font-size: 10px;	
}

ul.unit_nav a:hover{
	color: #563134;
	text-decoration: underline;
}

ul.unit_nav a.current{
		color: #563134;
		font-weight: bold;	
}

ul.unit_nav ul{
	font-size: 11px;
}


.video_container{
	padding: .5em 5%;
	overflow: hidden;
	width: 93%;
}

.video_container_byunit{
	margin: 0 1em;
	width: 93%;
	}

/*.video_player, .video_player_byunit {
	width: 90%;
	height: 100%;
	padding-bottom: 50%;	
}

.video_player a.player, .video_player_byunit a.player{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}*/

.video_player_container{
	width: 490px;
 max-width: 100%;	
}

.video_unit p, .video_container_byunit p{
	font-size: .8em;
}

#content h1{
	color: #293C4A;
	font-style: italic;
	font-size: .9em;
	padding: 1em .75em 1em 1.5em;
	letter-spacing: .02em;
}
#content h1 a {
color: #293C4A;
	font-style: italic;
	font-size: .9em;
	letter-spacing: .02em;
	text-decoration: none;
}

.guide_all p{
	font-size: .8em;	
}


.course_interactives, .course_guide_unit, #glossary{
	padding: 1.5em 5%;
	overflow: hidden;
	width: 88%;
}

.course_interactives img, .interactives_all img{
		width: 200px;
		height: 136px;	
}

.interactives_all img{
	margin-bottom: .5em;	
}
.course_interactives p, .course_guide_unit p, interactives_all p{
	float: none;
	padding: 0 1em .5em 0;
	width: 96%;
	font-size: .8em;
	line-height: 1.4;
}


.course_interactives p, interactives_all p{
	width: 100%;	
}

.course_units_visuals, .course_units, .course_units_glossary{
float: left;
width: 68%;
margin: 1.5em;
}

.pdf_col {
	float: left;
	width: 17%;
	margin:  1.5em 1.5em 1.5em 1.15em;
}
.course_units{
	width: 72%;
	margin: 1.5em 0 1.5em 1.5em;	
}


#content h2.bytype_header{
	font-size: .9em;
}

.course_units p, .course_units_visuals p, .visuals_type p, .course_units_glossary p, .glossary_type p{
	padding-top: .1em;
	float: left;
	font-size: .75em;
}


.visuals_type li, .glossary_type li{
	font-size: .9em;
}	

.glossary_type li{
	font-size: .85em;	
}

ul.glos_type {
	width: 180px;
	font-size: .85em;	
}
.pdf_list li{
	padding: 0;
	font-style:italic;
	text-align:right;
	margin-left: -10px;
	padding-bottom: 1.3em;
}

.pdf_list li.entire_course{
	padding: .25em 0 1em 0;
	font-style:italic;
	margin-left: -50px;
	
}

.pdf_list li a{
	color: #293C4A;
	font-size: 9.5px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	padding: .35em 0;

}

#glossary dt {
	font-weight: bold;
	font-size: .85em;
}

#glossary dd{
	line-height: 1.2;
	padding: .25em 0 .5em 0;
	font-size: .8em;	
}

.tinynav {display: none;}

ul.glos_type_alpha {
	font-style:normal;
	font-size: .8em;
}
ul.glos_type_alpha li {
	text-transform: uppercase;
	color: #ccc;
	float: left;
	padding: .25em 1.25em 1em 0;
}

.wrap_definitions {
	padding-top: .75em;
}

.unit_overview p{
	font-size: .8em;
	line-height: 1.35;
	padding-bottom: .5em;
}

.unit_navhome ul a{
	font-size: 11px;
	color: #293C4A;	
	text-decoration: none;
}

.nonhover_state p{
	margin-bottom: 1.5em;
	font-size: .8em;
	font-style: italic;
}	

.nonhover_state li{
	padding-bottom: .5em;
	font-size: .8em;	
}

.nonhover_state p.author{
	color: #293C4A;
	font-style: italic;
	font-size: .75em;
	margin: 1.25em 0 0 0;
}

div.overlay1, div.overlay2{
display: none;
width: 500px;
}

.block{
	display: block;
	margin: 0 auto 1em auto;
	width: 60%;	
}

.visuals_box a {
	font-size: .85em;
}

.sidebar_left h4, .sidebar_left_underhead h4, .sidebar_right h4, .sidebar_right_underhead h4	{/* ---- currently exactly the same as content h5 ---- */
	font-size: .8em;
}

.sidebar_left p, .sidebar_left_underhead p, .sidebar_right p, .sidebar_right_underhead p {
	font-size: .8em;
	margin: 0;
	padding:  0 .25em;
}

.sidebar_left a, .sidebar_left_underhead a, .sidebar_right a, .sidebar_right_underhead a {
	font-size: .85em;
}

.visual p {
	font-size: .72em;
	padding:.25em 0;
	margin: 0 .25em;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}
.visual a {
	color: #293C4A;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .85em;
}



#about ul.map li a{
	font-size: .9em;
}

.search_site li, .search_site a, #content div.nextpage_se{
		font-size: .95em;
}