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

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

#search #searchWord{
    width: 220px;
    height: 20px;
    padding: 0 25px 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: 18px;
    height: 18px;
    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 {
	font-size: 13px;
	padding-top: 1.5em;
}

div.nav ul#nav_menu li {
	font-weight: bold;
	letter-spacing: .05em;
	float: left;
	display: inline;
	width: auto;
	margin-top: 0;
	padding: 0 2.05%;
	[padding: 0 2.05%;
	padding: 0 2.625%;]
	}
	
	div.nav ul#nav_menu li:hover ul, div.nav ul#nav_menu li.sfhover ul {
	left: auto;
	margin-left: -25px;
}
	


.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: .83em;
	width: 35%;
	float: left;
	margin-left: 55%;
	position: absolute;
	line-height: 1.25;
}

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

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

#btmnav li.img {
	padding:0;
	/*margin-left: 5.5em;*/
	float: right;
	width: 220px;
}

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

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: .9em;
	font-weight: bold;
	padding: 1em;
	margin: 0;
	width: 94%;
}

.video_div{
	height: 235px;	
}

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

.course_interactives p, .interactives_all p {
	font-size: .9em;	
}

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

.main_text, .guide_unit, .glossary_main {
	width: 69%;
	min-height: 30em;
	padding-right: 1em;
}

.glossary_main{
width: 67%;
}
.main_text{
	min-height: 36.25em;
}
.main_text p{
width: 93%;
font-size: .9em;
padding-right: 1em;
}
.course_guide, .glossary_main, .visual_main, .video_main{
border-left: 250px solid #edf0f1;
min-height: 46em;
}

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

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

.unit1nav, .unit6nav, .unit11nav{
border-left: 15.625em solid #eeefdc;
}

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

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

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

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

.unit_navgen{
	float: left;
	width: 25%;
	margin-right: -25%;
	position: relative;
}

ul.unit_nav, ul#guide_nav, ul.nav_to_units {
	padding: .5em 0 .5em .75em;
}
ul.unit_nav li, ul.nav_to_units 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, ul.nav_to_units 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, ul.nav_to_units a:hover{
	color: #563134;
	text-decoration: underline;
}

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

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


.sidebar_left h4, .sidebar_left_underhead h4, .sidebar_right h4, .sidebar_right_underhead h4 {/* ---- currently exactly the same as content h5 ---- */
	font-size: .85em;
	line-height: 1.2em;
	font-style: italic;
	letter-spacing: .03em;
	padding: 0;
	margin: 0 .25em .5em .25em;
}
.sidebar_left p, .sidebar_left_underhead p, .sidebar_right p, .sidebar_right_underhead p {
	font-style: italic;
	font-size: .8em;
	margin: 0 .25em;
}
.sidebar_left p.caption, .sidebar_left_underhead p.caption, .sidebar_right p.caption, .sidebar_right_underhead p.caption {
	font-size: .7em;
	font-style: normal;
	line-height: 1.5em;
}

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

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


/*.video_player, .video_player_byunit {
	width: 512px;
	padding-bottom: 50%;
	margin-bottom: 2em;
}

.video_player img {
	width: 512px;	
}

.video_player_lg{
	padding-bottom: 56.25%;
	width: 580px;
	margin-bottom: 1.75em;
}

.video_player_lg img {
	width: 580px;
}
*/
.video_unit p{
	font-size: .85em;
}

.course_interactives, .course_guide_unit, #glossary{
	padding: 1.5em 5%;
	overflow: hidden;
	width: 88.5%;
	}
.course_interactives p, .course_guide_unit p, interactives_all p{
	float: none;
	padding: 0 1em .5em 0;
	width: 97%;
	font-size: .85em;
}


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


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

ul.glos_type{
	font-size: .85em;	
}

.pdf_list li{
	padding: 0;
	font-style:italic;
	text-align:right;
	padding-bottom: 1.14em;
}

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

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

}

.pdf_list li a:hover{
text-decoration: underline;
		color: #563134;	
}

.tinynav {display: none;}


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

.unit_overview p{
	font-size: .88em;
	line-height: 1.35;
	padding-bottom: .5em;
}
.center {
	float: none;
	width: 88%;
	margin: .5em 1.75em 1em 1.75em;
}

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

div.overlay1 p, div.overlay2 p{
	width: 95%;
}

.visual p {
	font-size: .75em;
	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;
}