/* =============================================================================
   HTML5 element display
============================================================================= */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* =============================================================================
   Base
============================================================================= */

/*
 *  1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *     http://clagnut.com/blog/348/#c790
 *  2. Force vertical scrollbar in non-IE
 *  3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *     www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 *  4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *     www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

/*black version*/
@font-face {
    font-family: "Public Sans";
    src: url(" https://ace.edu/wp-content/themes/wp-ace/assets/fonts/PublicSans-Medium.woff2") format("woff2"),
        url(" https://ace.edu/wp-content/themes/wp-ace/assets/fonts/PublicSans-Medium.woff") format("woff"),
        url(" https://ace.edu/wp-content/themes/wp-ace/assets/fonts/PublicSans-Bold.ttf");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url(" https://ace.edu/wp-content/themes/wp-ace/assets/fonts/PublicSans-ExtraBold.woff2") format("woff2"),
        url(" https://ace.edu/wp-content/themes/wp-ace/assets/fonts/PublicSans-ExtraBold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url(" https://ace.edu/wp-content/themes/wp-ace/assets/fonts/PublicSans-SemiBold.woff2") format("woff2"),
        url(" https://ace.edu/wp-content/themes/wp-ace/assets/fonts/PublicSans-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Public Sans";
    src: url(" https://ace.edu/wp-content/themes/wp-ace/assets/fonts/PublicSans-Bold.woff2") format("woff2"),
        url(" https://ace.edu/wp-content/themes/wp-ace/assets/fonts/PublicSans-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Blacker Pro Display";
    src: url(" https://ace.edu/wp-content/themes/wp-ace/assets/fonts/Blacker-Pro-Display-Medium.woff2") format("woff2"),
        url(" https://ace.edu/wp-content/themes/wp-ace/assets/fonts/Blacker-Pro-Display-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

html {
	font-size: 100%;
	overflow-y: scroll !important;
	overflow-x: scroll
	width: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-size: 12pt;
	font-family:  Public Sans, Arial, Geneva, 'Helvetica Neue', Helvetica, 'Liberation Sans',  Tahoma, sans-serif;
	line-height: 1.6em;
	padding: 0;
	background-color: #fff;
}

header {
	height: 100px;
	border: 0;
	margin: 0;
	vertical-align: middle;
}
	/* class specifies the banner container */
	.banner,
	.video-banner {
		width: 800px;
		height: 100px;
		background-repeat: no-repeat;
		background-position: left top;
		border: 0;
	}
		/* id calls the banner image */
		#banner-01 { background-image: url(images/html-banners/html-banner-01.jpg); }
		
		#banner-001 { background-image: url(images/html-banners/banner-001.jpg); }
		
		#banner-002 { background-image: url(images/html-banners/banner-002.png); }
		
		#banner-02 { background-image: url(images/html-banners/html-banner-02.jpg); }
		
		#banner-03 { background-image: url(images/html-banners/html-banner-03.jpg); }
		
		#banner-04 { background-image: url(images/html-banners/html-banner-04.jpg); }
		
		#banner-05 { background-image: url(images/html-banners/html-banner-05.jpg); }
		
		#banner-06 { background-image: url(images/html-banners/html-banner-06.jpg); }
		
		#banner-07 { background-image: url(images/html-banners/html-banner-07.jpg); }
		
		#banner-08 { background-image: url(images/html-banners/html-banner-08.jpg); }
		
		#banner-09 { background-image: url(images/html-banners/html-banner-09.jpg); }
		
		#banner-10 { background-image: url(images/html-banners/html-banner-10.jpg); }
		
		#banner-11 { background-image: url(images/html-banners/html-banner-11.jpg); }
		
		#banner-12 { background-image: url(images/html-banners/html-banner-12.jpg); }
		
		#nso-1 { background-image: url(images/html-banners/nso-1.png); }
		
		#lead-1 { background-image: url(images/html-banners/lead-1.png); }

		#leadership-1 { background-image: url(images/html-banners/leadership-bc-banner.png); }
		
		#sem-1 { background-image: url(images/html-banners/sem-1.png); }
		
		#seminar-1 { background-image: url(images/html-banners/seminar-1.png); }
		
		#seminar-2 { background-image: url(images/html-banners/seminar-2.png); }
		
		#seminar-3 { background-image: url(images/html-banners/seminar-3.png); }
		
		#res-1 { background-image: url(images/html-banners/res-1.png); }

		#be6043-banner { background-image: url(images/html-banners/be6043-banner.png); }
		
		#be6053-banner { background-image: url(images/html-banners/be6053-banner.png); }

		#be6063-banner { background-image: url(images/html-banners/be6063-banner.png); }
		
		#be6073-banner { background-image: url(images/html-banners/be6073-banner.png); }

		#be6083-banner { background-image: url(images/html-banners/be6083-banner.png); }

		#be6123-banner { background-image: url(images/html-banners/be6123-banner.png); }
		
		#cap6923-banner { background-image: url(images/html-banners/cap6923-banner.png); }

		#ci6103-banner { background-image: url(images/html-banners/ci6103-banner.png); }

		#ci6113-banner { background-image: url(images/html-banners/ci6113-banner.png); }

		#ci6123-banner { background-image: url(images/html-banners/ci6123-banner.png); }

		#ci6133-banner { background-image: url(images/html-banners/ci6133-banner.png); }

		#ci6143-banner { background-image: url(images/html-banners/ci6143-banner.png); }

		#ci6163-banner { background-image: url(images/html-banners/ci6163-banner.png); }

		#ci6183-banner { background-image: url(images/html-banners/ci6183-banner.png); }

		#ec6013-banner { background-image: url(images/html-banners/ec6013-banner.png); }

		#ec6023-banner { background-image: url(images/html-banners/ec6023-banner.png); }

		#ec6033-banner { background-image: url(images/html-banners/ec6033-banner.png); }

		#ec6043-banner { background-image: url(images/html-banners/ec6043-banner.png); }

		#ec6053-banner { background-image: url(images/html-banners/ec6053-banner.png); }
		
		#ed6013-banner { background-image: url(images/html-banners/ed6013-banner.png); }
		
		#ed6023-banner { background-image: url(images/html-banners/ed6023-banner.png); }
		
		#ed6033-banner { background-image: url(images/html-banners/ed6033-banner.png); }
		
		#ed6043-banner { background-image: url(images/html-banners/ed6043-banner.png); }
		
		#ed6053-banner { background-image: url(images/html-banners/ed6053-banner.png); }

		#educ6143-banner { background-image: url(images/html-banners/educ6143-banner.png); }

		#he6143 { background-image: url(images/html-banners/he6143-banner.png); }
		
		#lead6011-banner { background-image: url(images/html-banners/lead6011-banner.png); }

		#lead6021-banner { background-image: url(images/html-banners/lead6021-banner.png); }

		#lead6031-banner { background-image: url(images/html-banners/lead6031-banner.png); }
		
		#lead6103-banner { background-image: url(images/html-banners/lead6103-banner.png); }
		
		#lead6113-banner-1 { background-image: url(images/html-banners/lead6113-banner.png); }

		#hlth6403-banner { background-image: url(images/html-banners/hlth6403-banner.png); }
		
		#hlth6413-banner { background-image: url(images/html-banners/hlth6413-banner.png); }

		#hlth6433-banner { background-image: url(images/html-banners/hlth6433-banner.png); }

		#hlth6443-banner { background-image: url(images/html-banners/hlth6443-banner.png); }

		#hlth6453-banner { background-image: url(images/html-banners/hlth6453-banner.png); }

		#hlth6473-banner { background-image: url(images/html-banners/hlth6473-banner.png); }

		#hlth6483-banner { background-image: url(images/html-banners/hlth6483-banner.png); }

		#hlth6493-banner { background-image: url(images/html-banners/hlth6493-banner.png); }
		
		#lead6123-banner-1 { background-image: url(images/html-banners/lead6123-banner.png); }
		
		#lead6133-banner-1 { background-image: url(images/html-banners/lead6133-banner.png); }
		
		#lead6143-banner-01 { background-image: url(images/html-banners/lead6143-banner-01.png); }
		
		#lead6153 { background-image: url(images/html-banners/lead6153-banner.png); }
		
		#lead6163-banner-01 { background-image: url(images/html-banners/lead6163-banner-01.png); }
		
		#lead6173-banner { background-image: url(images/html-banners/lead6173-banner.png); }
		
		#lead6183-banner-01 { background-image: url(images/html-banners/lead6183-banner.png); }
		
		#lead6203-banner { background-image: url(images/html-banners/lead6203-banner.png); }
		
		#lead6213-banner { background-image: url(images/html-banners/lead6213-banner.png); }
		
		#lead6233 { background-image: url(images/html-banners/lead6233-banner.png); }
		
		#lead6223-banner-1 { background-image: url(images/html-banners/lead6223-banner.png); }
		
		#lead6243-banner { background-image: url(images/html-banners/lead6243-banner.png); }
		
		#lead6253-banner { background-image: url(images/html-banners/lead6253-banner.png); }
		
		#lead6263 { background-image: url(images/html-banners/lead6263-banner.png); }
		
		#lead6273-banner { background-image: url(images/html-banners/lead6273-banner.png); }
		
		#lead6283-banner { background-image: url(images/html-banners/lead6283-banner.png); }
		
		#lead6293-banner { background-image: url(images/html-banners/lead6293-banner.png); }
		
		#lead6303-banner { background-image: url(images/html-banners/lead6303-banner.png); }
		
		#lead6313-banner { background-image: url(images/html-banners/lead6313-banner.png); }

		#lead6343-banner { background-image: url(images/html-banners/lead6343-banner.png); }

		#lead6353-banner { background-image: url(images/html-banners/lead6353-banner.png); }

		#lead6413-banner { background-image: url(images/html-banners/lead6413-banner.png); }

		#lead6423-banner { background-image: url(images/html-banners/lead6423-banner.png); }

		#lead6473-banner { background-image: url(images/html-banners/lead6473-banner.png); }

		#lead6483-banner { background-image: url(images/html-banners/lead6483-banner.png); }

		#lit6013-banner { background-image: url(images/html-banners/lit6013-banner.png); }

		#lit6023-banner { background-image: url(images/html-banners/lit6023-banner.png); }
		
		#lit6033-banner { background-image: url(images/html-banners/lit6033-banner.png); }

		#lit6043-banner { background-image: url(images/html-banners/lit6043-banner.png); }

		#lit6053-banner { background-image: url(images/html-banners/lit6053-banner.png); }

		#nur6003-banner { background-image: url(images/html-banners/nur6003-banner.png); }

		#nur6013-banner { background-image: url(images/html-banners/nur6013-banner.png); }

		#nur6023-banner { background-image: url(images/html-banners/nur6023-banner.png); }
		
		#org6203-banner { background-image: url(images/html-banners/org6203-banner.png); }
		
		#org6213-banner-1 { background-image: url(images/html-banners/org6213-banner-1.png); }
		
		#org6223-banner { background-image: url(images/html-banners/org6223-banner.png); }
		
		#org6233-banner-1 { background-image: url(images/html-banners/org6233-banner-1.png); }

		#pnp6013-banner { background-image: url(images/html-banners/pnp6013-banner.png); }
		
		#res6023 { background-image: url(images/html-banners/res6023-banner.png); }
		
		#res6003-banner-1 { background-image: url(images/html-banners/res6003-banner-1.png); }
		
		#res6011-banner-1 { background-image: url(images/html-banners/res6011-banner-1.png); }
		
		#res6021-banner-1 { background-image: url(images/html-banners/res6021-banner-1.png); }
		
		#res6031-banner-1 { background-image: url(images/html-banners/res6031-banner-1.png); }
		
		#res6041-banner { background-image: url(images/html-banners/res6041-banner.png); }
		
		#res6033-banner-01 { background-image: url(images/html-banners/res6033-banner-01.png); }
		
		#res6501-banner-1 { background-image: url(images/html-banners/res6501-banner-1.png); }
		
		#res6201-1 { background-image: url(images/html-banners/res6201-banner-1.png); }

		#res6222 { background-image: url(images/html-banners/res6222-banner.png); }

		#res6223-banner { background-image: url(images/html-banners/res6223-banner.png); }

		#res6233-banner { background-image: url(images/html-banners/res6233-banner.png); }

		#res6241-banner { background-image: url(images/html-banners/res6241-banner.png); }
		
		#res6301-banner { background-image: url(images/html-banners/res6301-banner.png); }

		#res6302-banner { background-image: url(images/html-banners/res6302-banner.png); }
		
		#res6303-banner { background-image: url(images/html-banners/res6303-banner.png); }

		#res6403-banner { background-image: url(images/html-banners/res6403-banner.png); }

		#res6500 { background-image: url(images/html-banners/res6500-banner.png); }

		#res6512 { background-image: url(images/html-banners/res6512-banner.png); }

		#res6521 { background-image: url(images/html-banners/res6521-banner.png); }

		#res6531 { background-image: url(images/html-banners/res6531-banner.png); }

		#res6541 { background-image: url(images/html-banners/res6541-banner.png); }

		#res6551 { background-image: url(images/html-banners/res6551-banner.png); }

		#res6561 { background-image: url(images/html-banners/res6561-banner.png); }
		
		#sci6203-banner { background-image: url(images/html-banners/sci6203-banner.png); }
		
		#sci6213-banner { background-image: url(images/html-banners/sci6213-banner.png); }
		
		#sci6223-banner { background-image: url(images/html-banners/sci6223-banner.png); }

		#sci6233-banner { background-image: url(images/html-banners/sci6233-banner.png); }

		#sci6243-banner { background-image: url(images/html-banners/sci6243-banner.png); }

		#sped6003-banner { background-image: url(images/html-banners/sped6003-banner.png); }
		
		#sped6023-banner { background-image: url(images/html-banners/sped6023-banner.png); }

		#sped6033-banner { background-image: url(images/html-banners/sped6033-banner.png); }

		#sped6043-banner { background-image: url(images/html-banners/sped6043-banner.png); }

		#sped6013-banner { background-image: url(images/html-banners/sped6013-banner.png); }
		
		#tech6313-1 { background-image: url(images/html-banners/tech6313-banner.png); }
		
		#tech6323-banner { background-image: url(images/html-banners/tech6323-banner.png); }
		
		#tech6303-banner-1 { background-image: url(images/html-banners/tech6303-banner.png); }
		
		#tech6333-banner { background-image: url(images/html-banners/tech6333-banner.png); }

		#tech6363-banner { background-image: url(images/html-banners/tech6363-banner.png); }

		#tech6373-banner { background-image: url(images/html-banners/tech6373-banner.png); }

		#tech6383-banner { background-image: url(images/html-banners/tech6383-banner.png); }
		
		
		.video-banner h1 { width: 100%; }
		
		
		/* class specifies the new banner container */ 
	.banner1,
	.video-banner1 {
		max-width: 100%;
		height: 160px;
		background-repeat: no-repeat;
		background-position: left top;
		border: 0;
	}
		/* id calls the new banner image */
		#banner1-vid1 { background-image: url(images/html-banners/html-banner-vid1.jpg); }
		
		#about-1 { background-image: url(images/html-banners/about-1.png); }
		
		#assign-1 { background-image: url(images/html-banners/assign-1.jpg); }
		
		#assign-2 { background-image: url(images/html-banners/assign-2.jpg); }

		#benchmark-1 { background-image: url(images/html-banners/benchmark.png); }

		#book-1 { background-image: url(images/html-banners/book-corner.png); }
		
		#capstone-exp { background-image: url(images/html-banners/capstone-exp-banner.png); }
		
		#discuss-1 { background-image: url(images/html-banners/discuss-1.jpg); }
		
		#el-intern-01 { background-image: url(images/html-banners/el-intern-01.png); }
		
		#extra-1 { background-image: url(images/html-banners/extra-1.png); }
		
		#guide-1 { background-image: url(images/html-banners/guide-1.jpg); }
		
		#guide-2 { background-image: url(images/html-banners/guide-2.jpg); }
		
		#help-1 { background-image: url(images/html-banners/help-1.jpg); }
		
		#help-2 { background-image: url(images/html-banners/help-2.jpg); }
		
		#help-3 { background-image: url(images/html-banners/help-3.jpg); }
		
		#intro-1 { background-image: url(images/html-banners/intro-1.jpg); }
		
		#intro-2 { background-image: url(images/html-banners/intro-2.jpg); }
		
		#island-1 { background-image: url(images/html-banners/island-scenario.png); }
		
		#intro-3 { background-image: url(images/html-banners/intro-3.jpg); }
		
		#lo-1 { background-image: url(images/html-banners/lo-1.jpg); }
		
		#ob-1 { background-image: url(images/html-banners/ob-1.jpg); }
		
		#oc-1 { background-image: url(images/html-banners/oc-1.jpg); }
		
		#oc-2 { background-image: url(images/html-banners/oc-2.jpg); }
		
		#other-1 { background-image: url(images/html-banners/other-01.png); }
		
		#other-2 { background-image: url(images/html-banners/other-02.png); }
		
		#other-3 { background-image: url(images/html-banners/other-03.png); }
		
		#pd-1 { background-image: url(images/html-banners/pd-1.jpg); }
		
		#po-1 { background-image: url(images/html-banners/po-1.jpg); }
		
		#po-2 { background-image: url(images/html-banners/po-2.jpg); }
		
		#po-3 { background-image: url(images/html-banners/po-3.jpg); }
		
		#policies-1 { background-image: url(images/html-banners/policies-1.jpg); }
		
		#read-1 { background-image: url(images/html-banners/read-1.jpg); }
		
		#read-2 { background-image: url(images/html-banners/read-2.jpg); }
		
		#read-3 { background-image: url(images/html-banners/read-3.jpg); }
		
		#read-4 { background-image: url(images/html-banners/read-4.jpg); }
		
		#res-2 { background-image: url(images/html-banners/res-2.jpg); }
		
		#review-1 { background-image: url(images/html-banners/review-1.jpg); }
		
		#review-2 { background-image: url(images/html-banners/review-2.jpg); }
		
		#review-3 { background-image: url(images/html-banners/review-3.jpg); }
		
		#scenario { background-image: url(images/html-banners/scenario.png); }
		
		#studio-1 { background-image: url(images/html-banners/studio-1.jpg); }
		
		#syllabus-1 { background-image: url(images/html-banners/syllabus-1.jpg); }
		
		#syllabus-2 { background-image: url(images/html-banners/syllabus-2.jpg); }
		
		#syllabus-3 { background-image: url(images/html-banners/syllabus-3.jpg); }
		
		#thinking-1 { background-image: url(images/html-banners/thinking.png); }
		
		#toolbox-1 { background-image: url(images/html-banners/toolbox.png); }

		#tutor-1 { background-image: url(images/html-banners/tutor-1.png); }
		
		#video-1 { background-image: url(images/html-banners/video-1.jpg); }
		
		#video-2 { background-image: url(images/html-banners/video-2.jpg); }
		
		#video-3 { background-image: url(images/html-banners/video-3.jpg); }
		
		#video-4 { background-image: url(images/html-banners/video-4.jpg); }
		
		#video-5 { background-image: url(images/html-banners/video-5.jpg); }
		
		#vocabulary-1 { background-image: url(images/html-banners/vocabulary.png); }
		
		#writing-1 { background-image: url(images/html-banners/writing.png); }
		
		#writing-center { background-image: url(images/html-banners/writing-center.png); }

		.banner1 h1 { 
		padding: 60px 0 30px 0;
		width: 80%; 
	}

#main {
  	margin: 20px 0 0 15px;
  	width: auto;
	padding: 0 35px 0 15px;
	border: 0;
}


/* =============================================================================
   HTML Page Footer
============================================================================= */

footer  {
		color: #797979;
		font-size: 8pt;
		text-align: right;
		margin: 25px 10px;
		font-style: italic;
		background-image: url(images/bottom-seal.png);
		background-repeat: no-repeat;
		background-position: right center;
		padding: 0 10px 0 0;
	}

	footer.instructions:before {
		color: #a2a2a2;
		content: "Use the Next and Previous buttons below to navigate within the module.";
		padding: 0 20px 0 0;
	}

/* =============================================================================
   Links
============================================================================= */

a { 
	color: #b70404;	
	text-decoration: none; 
	border-bottom: thin dotted; 
	outline: 0; 
	cursor: pointer;
}

	a:hover { 
		color: #A50404; 
		border-bottom: thin solid; 
		outline: 0; 
		cursor: pointer; 
	}

	a:active { 
		color: #b70404; 
		border-bottom: thin dotted; 
		outline: 0; 
	}

	a:visited { 
		color: #b70404; 
		border-bottom: thin dotted; 
		outline: 0; 
	}

	a:focus { outline: thin dotted; }

.video-gallery a,
.video-gallery a:visited {
	text-decoration: none;
	border-bottom: none;
}

	.video-gallery a:hover { opacity: 0.4;}

/* =============================================================================
   Typography
============================================================================= */

/* Heading styles */
h1, h2, h3, h4, h5, h6 { 
	margin: 1em 0 -.5em 0;
	font-family: "Blacker Pro Display", Geneva, 'Helvetica Neue', Helvetica, 'Liberation Sans', Tahoma, sans-serif;
}

	h1 {
		padding: 30px 0 15px 0;
		margin: 0 1em auto 2.8em;
		font-size: 240%;
		color: #fff;
		width: auto;
		text-shadow: 2px 2px 2px #000;
		display: block;
		line-height: 1.1em;
	}

		h2 {
			font-size: 150%;
			/*color: #045695;*/
			margin: 1.1em 0 -.6em 0;
			padding: .4em 0 .2em .9em;
			line-height: 1.1em;
			font-weight: normal;
			background-image:url(images/icon-h2.png);
			background-repeat: no-repeat;
			background-position: left center;
		}

			h3 {
				font-size: 125%;
				color: #16457c;
				margin: 1em 0 -.8em 0;
				font-weight: normal;
				padding: 2px 18px;
				text-transform: uppercase;
				line-height: 1.1em;
			}

				h4 {
					font-size: 110%;
					color: #333333;
					margin: 1em 0 -.9em 0;
					padding: .8em 0 .2em 2.1em;
				}

					h5 {
						font-size: 100%;
						color: #00250a;
						margin-top: 1.1em;
					}

						h6 {
							font-size: 80%;
							color: #6f6f6f;
							margin-top: 1.1em;
						}
						
						   h7 {
				               font-size: 125%;
				               color: #005596;
				               padding: 5px 18px 0px 18px;
	                           margin: .8em 0 ;
				               font-weight: bold;
				               text-transform: none;
				               line-height: 1.1em;
			               }
						    

/* Paragraph styles */
p {
	padding: 5px 18px 0px 18px;
	margin: .8em 0 ;
}

ps {
   display: block;
   -webkit-margin-before: 1em;
   -webkit-margin-after: 1em;
   -webkit-margin-start: 0px;
   -webkit-margin-end: 0px;
}

pp {
   display: block;
   -webkit-margin-before: 1em;
   -webkit-margin-after: 1em;
   -webkit-margin-start: 0px;
   -webkit-margin-end: 0px;
}

pz {
   display: block;
   -webkit-margin-before: 1em;
   -webkit-margin-after: 1em;
   -webkit-margin-start: 0px;
   -webkit-margin-end: 0px;
}

/*The <abbr> tag describes an abbreviated phrase. By marking up abbreviations you can give useful information to browsers, spell checkers, translation systems and search-engine indexers.*/
abbr[title] { border: 0; }

/* Bold*/
strong { font-weight: bold; }

/*The dfn element is used to identify the defining instance of a term?that is, the point in the document at which a given term is first explained.*/
dfn { font-style: italic; }

/* Horizontal rule */
hr { 
	display: block; 
	height: 1px; 
	border: 0; 
	border-top: 1px solid #ccc; 
	margin: 1em 0; padding: 0; 
}

/* The ins element is used to indicate a change to the document that saw the author insert content which wasn?t included in an earlier version.*/
ins { 
	background: #ff9; 
	color: #000; 
	text-decoration: none; 
}

/* The <mark> tag defines marked text. Use the <mark> tag if you want to highlight parts of your text.*/
mark { 
	background: #ff0; 
	color: #000; 
	font-style: italic; 
	font-weight: bold; 
}

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, kbd, samp { 
	font-family: monospace, monospace; 
	_font-family: 'courier new', monospace; 
	font-size: 1em; 
}

/* The <pre> tag defines preformatted text. Text in a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks. */
pre { 
	white-space: pre; 
	white-space: pre-wrap; 
	word-wrap: break-word; 
}

/*The <q> tag defines a short quotation. Use <blockquote> to mark up long quotations.*/
q { quotes: none; }

	q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { 
	font-size: 70%; 
	line-height: 0; 
	position: relative; 
	vertical-align: baseline; 
}

	sup { top: -0.6em; }
	
	sub { bottom: -0.5em; }

/* Generic text modification styles */
.left { text-align: left !important; }

.center { text-align: center !important; }

.right { text-align: right !important; }

.normal { font-weight: normal !important; }

.code {	font-family: "Times New Roman", Times, serif; letter-spacing: 1px; }

.underline { text-decoration: underline !important; }

.highlighted { 
	border: 0; 
	background: -moz-linear-gradient(top, rgba(255,248,119,1), rgba(255,242,0,1)); 
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,248,119,1))), to(rgba(255,242,0,1))); 
	padding: 3px; 
}

.black { color: #000; }

.blue { color: #0066ff; }

.red { color: #cc0000; }

.pink { color: #ff3399; }

.green { color: #009933; }

.purple { color: #9933cc; }

.orange { color: #ff9900; }

.yellow { color: #ffff00; }

/* Generic paragraph modification styles */
p.indent { 	margin-left: 75px; }



/* =============================================================================
   Lists
============================================================================= */

ul, ol { margin: -.4em 0 1em 0; }

/* Unordered list styles */
ul li {
		list-style-type: none;
		padding-left: 20px;
		margin-bottom: 5px;
		background-image: url(images/bullet.png);
		background-repeat: no-repeat;
		background-position: left 6px;
}

	ul.none li {
		list-style: none;
		margin-left: 137px;
		text-indent: -135px;
		padding-left: 17px;
		background-image: none;
	}

	ul.hyphen li {
		list-style-type: none;
		background-image: url();
		padding-left: 0px;
		text-indent: -18px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
		li.hyphen:before {
			margin-top: 0px;
			margin-bottom: 0px;
			list-style-type: none;
			content: " - ";
		}

/* Ordered list styles */
ol li {
	padding-left: 3px;
	margin-bottom: 5px;
	margin-left: 20px;
	list-style-type: decimal;
}

	ol.alpha li { list-style: lower-alpha; }
	
	ol ol.alpha { margin: -.1em 0 1em 0; }
	
	ol.ualpha li { list-style: upper-alpha; }
	
	ol ol.ualpha { margin: -.1em 0 1em 0; }
	
	ol.lroman li { list-style: lower-roman; }
	
	ol ol.lroman { margin: -.1em 0 1em 0; }
	
	ol.uroman li { list-style: upper-roman; }
	
	ol ol.uroman { margin: -.1em 0 1em 0; }

/* Definition styles */

/* Definition list */
dl {
  	font-style: normal;
  	background-color: #fff;
	width: auto;
	max-width: 650px;
	min-width: 300px;
  	padding: 1px;
  	margin: 1.6em auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #d4d4d4;
	-moz-box-shadow: 4px 2px 5px #ccc;
	-webkit-box-shadow: 4px 2px 5px #ccc;
	box-shadow: 1px 2px 5px #ccc;
}

/* Definition term */
dt {
	background-image: url(images/define.png);
	background-repeat: repeat-x;
	background-position: bottom;
  	color: #000;
  	font-size: 120%;
  	padding: 7px;
  	line-height: 1.0em;
	color: #c79506;
  	margin: 2px 2px 2px 2px;
}

/* Definition content */
dd {
  	background-color: #fff;
  	padding: 10px 20px 10px 20px;
  	line-height: 1.3em;
  	font-weight: normal;
	font-size: 100%;
	color: #5b4504;
  	margin: 2px 2px 2px 2px;
}

/* =============================================================================
   Quotes / Code Styles
============================================================================= */

/* Formulas/Code */
code {
	display:inline-block;
	width: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #dedede;
	-moz-box-shadow: 1px 2px 5px #ccc;
	-webkit-box-shadow: 1px 2px 5px #ccc;
	box-shadow: 1px 2px 5px #eee;
	font-family: "Times New Roman", Times, serif;
	margin: 10px auto 10px 90px;
	padding: 10px 20px;
	text-align: center;
	background-color: #fefefe;
	font-size: 125%;
	letter-spacing: 1px;
}

/* Quotations */
.quotations {
	width: 70%;
	margin: .7em auto;
	padding: .1em 1em;
	background: url(images/quotation_top-left.png) top left no-repeat;
}

	.quotations.noquote {
		background: none;
	}

	.quotations blockquote {
		margin: 0 auto;
		padding: 0 1em 0 .2em;
		font-size: 123%;
		color: #333333;
		background: url(images/quotation_bottom-right.png) bottom right no-repeat; 
	}
	
	.quotations.noquote blockquote {
		background: none;
	}

	/* Right quotation mark */
	blockquote p {
		margin: 0 0 10px 0;
	
		text-align: center;
		font-family:"Times New Roman", Times, serif;
		font-style: italic;
	}
	
	/* Left quotation mark */
	p.cite {
		font-size: 10pt;
		font-style: italic;
		color: #aaa;
		text-align: right;
		margin: -1.5em 30px 20px 0;
	}

/* =============================================================================
   Tables
============================================================================= */

table {
	width: auto;
	margin: .7em auto;
	padding: 3px;
	font-size: 100%;
}

	table caption { color:#996600; font-weight:700; }

/* Table Head styles */
thead tr { padding-left: 10px; }

	thead td {
		font-weight: bold;
		vertical-align: middle;
		text-align: center;
		padding: 6px 15px;
		border-bottom: 1px solid #ccc;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		background: -moz-linear-gradient(top, rgba(249,211,101,1), rgba(255,198,33,1));
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(249,211,101,1)), to(rgba(255,198,33,1)));
	}

/* Table Body styles */
tbody tr:nth-child(even) { background: #efefef; }

	tbody tr:nth-child(odd) { background: #fdfdfd; color: #000; }

td { padding: 10px;	vertical-align: top; }

/* Table Footer Styles */
tfoot td {
	vertical-align: middle;
	text-align: right;
	padding: 6px 20px;
	border-bottom: 1px dotted #ccc;	
	font-size: 85%;
	color: #666;
}

/* =============================================================================
   Table-2
============================================================================= */

#table-2 {
           width: auto;
           margin: 0px 30px;
           padding: 0px;
           font-size: 100%;
}

/* Table-2 Head styles */
#table-2 thead tr {
                    padding-left: 0px; 
                }

#table-2 thead td {
                    padding: 0px;
                    border-bottom: 0px;
                    -moz-border-radius: 0px;
                    -webkit-border-radius: 0px;
                    border-radius: 0px;
                    background: #FFF;
                }

/* Table-2 Body styles */
#table-2 tbody tr:nth-child(even) { background: #FFF; }
#table-2 tbody tr:nth-child(odd) { background: #FFF; }

#table-2 td { padding: 0px 2px; margin: 0px; vertical-align: top; text-align:left; }


/* =============================================================================
   Figures / Images
============================================================================= */

/* Image/Figure Main Container, allows multiple images to be in a row  */
.figContainer {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 0;
}

/* Image/Figure Container, individual image captions and styles  */
figure {
	margin: 0 auto auto auto;
	display: block;
	text-align: right;
}

/* Citation & Annotation styles  */
.citation {
  	position: relative;
  	display: inline-block;
  	font-style: italic;
  	font-size: 11pt;
  	color: #666;
  	margin-right: 10px;
  	margin-left: 10px;
}

	.citation img { display: block; }
	
	.citation b { position: absolute; left: -99999px; }

/* Citation right or left alignment  */
.citationRight {
  	font-style: italic;
  	font-size: 10pt;
  	color: #999;
	margin: .6em auto 0 auto;
	padding: 10px 10px 5px 20px;
	float: right;
	text-align: right;
}

.citationLeft {
  	font-style: italic;
  	font-size: 10pt;
  	color: #999;
	margin: 0 auto 0 auto;
	padding:10px 20px 5px  10px;
	float:left;
	text-align: left;
}

.annotation {
  	position: relative;
  	display: inline-block; 
  	font-style: italic;
  	font-size: 10pt;
  	color: #999;
  	margin-right: 10px;
  	margin-left: 10px;
}

	.annotation img { display: block; }
	
	.annotation b { position: absolute; left: -99999px; }

/* Annotation right or left alignment  */
.annotationRight {
  	font-style: italic;
  	font-size: 10pt;
  	color: #999;
	margin: 0 auto 1.2em auto;
	padding:5px 0 5px 25px;
	float:right;
	text-align: right;
}

.annotationLeft {
  	font-style: italic;
  	font-size: 10pt;
  	color: #999;
	margin: 0 auto 1.2em auto;
	padding:5px 25px 5px 0px;
	float:right;
	text-align: left;
}

/* Image style: drop shadow, round corners & border  */
img.border {
	display: block;
	margin: 0px auto 10px auto;
  	border: 1px solid #e2e2e2 ;
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
  	-moz-box-shadow: 1px 2px 5px #ccc;
  	-webkit-box-shadow: 1px 2px 5px #ccc;
  	box-shadow: 1px 2px 5px #ccc;
}
	
/* Image style: drop shadow, square corners & NO border */
img.noBorder {
	display: block;
	margin: 0px auto 10px auto;
  	-moz-box-shadow: 1px 2px 5px #ccc;
  	-webkit-box-shadow: 1px 2px 5px #ccc;
  	box-shadow: 1px 2px 5px #ccc;
}

/* Image style: NO drop shadow, square corners, NO border  */
img.plain {
	display: block;3
	margin: 0px auto 10px auto;
}

/* Text under image  */
figcaption {
	display: block;
	text-align: right;
	margin: 5px;
}

figcaptionleft {
	display: block;
	text-align: left;
	margin: 5px;
}

/* =============================================================================
   Image Gallery interaction
============================================================================= */

.imageGallery {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.6em;
	width:70%;
	padding:15px;
	font-size:100%;
	background:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 2px solid #bbb;
	-moz-box-shadow:4px 2px 5px #ccc;
	-webkit-box-shadow:4px 2px 5px #ccc;
	box-shadow:4px 2px 5px #ccc;
}

	a img.imageGallery {
		width: 15%;
		height: 15%;
		padding: 10px;
		border: 1px solid #ccc;
		margin: 2px;
	}
	
	.imageGallery p { margin: 6px 0px 18px -12px; }

/* =============================================================================
   Call-out and Titled Call-out styles

============================================================================= */

/* Call out (no separate title), centered */
.callOut {
	margin: 25px auto;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border: 1px solid #fff;
	width: auto;
	max-width: 700px;
	min-width: 300px;
	-moz-box-shadow:4px 2px 5px #ccc;
	-webkit-box-shadow:4px 2px 5px #ccc;
	box-shadow:1px 2px 5px #ccc;
	background-image: url(images/call-out-info.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFF;
}

	.callOut p {
		text-align: left;
		color: #666;
		font-size: 125%;
		padding: 3px 8px;
		margin: 15px 8px 5px 20px;
		line-height: 1.3em;
	}

/* Call out (no separate title), centered and full width of screen */
.callOutWide {
	margin: 25px auto;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border: 1px solid #fff;
	width: auto;
	max-width: 100%;
	min-width: 300px;
	-moz-box-shadow:4px 2px 5px #ccc;
	-webkit-box-shadow:4px 2px 5px #ccc;
	box-shadow:1px 2px 5px #ccc;
	background-image: url(images/call-out-info.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFF;
}

	.callOutWide p {
		text-align: left;
		color: #666;
		font-size: 100%;
		padding: 3px 8px;
		margin: 15px 8px 5px 20px;
		line-height: 1.3em;
	}

/* Call out (no separate title), right-aligned */
.callOutRight-01 {
	margin: 15px auto 15px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	border: 1px solid #fff;
	-moz-box-shadow:4px 2px 4px #ddd;
	-webkit-box-shadow:4px 2px 4px #ddd;
	box-shadow:1px 2px 4px #ddd;
	background-image: url(images/call-out-seal.png);
	background-repeat: repeat;
	background-position: middle;
	overflow: hidden;
	float: right;
	text-align: right;
	width: 360px;
}

	.callOutRight-01 p {
		line-height: 1.3em;
		text-align: left;
		color: #fff;
		font-size: 145%;
		padding: 6px 13px;
		margin: 8px;
		text-shadow: 2px 2px 2px #000;
	}

.callOutRight-02 {
	margin: 15px auto 15px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	border: 1px solid #fff;
	-moz-box-shadow:4px 2px 4px #ddd;
	-webkit-box-shadow:4px 2px 4px #ddd;
	box-shadow:1px 2px 4px #ddd;
	background-image: url(images/call-out-seal.png);
	background-repeat: repeat;
	background-position: middle;
	overflow: hidden;
	float: right;
	text-align: right;
	width: 360px;
}

.callOutRight-02 p {
	line-height: 1.3em;
	text-align: right;
	color: #fff;
	font-size: 145%;
	padding: 6px 13px;
	margin: 8px;
	text-shadow: 2px 2px 2px #000;
}
	
/* Call out (no separate title), right-aligned */
.callOutLeft-01 {
	margin: 15px auto 15px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	border: 1px solid #fff;
	-moz-box-shadow:4px 2px 4px #ddd;
	-webkit-box-shadow:4px 2px 4px #ddd;
	box-shadow:1px 2px 4px #ddd;
	background-image: url(images/call-out-seal.png);
	background-repeat: repeat;
	background-position: middle;
	overflow: hidden;
	float: left;
	text-align: left;
	width: 360px;
}

	.callOutLeft-01 p {
		line-height: 1.3em;
		text-align: left;
		color: #fff;
		font-size: 145%;
		padding: 6px 13px;
		margin: 8px;
		text-shadow: 2px 2px 2px #000;
	}

.callOutLeft-02 {
	line-height: 1.3em;
	margin: 10px 20px ;
	border: 0;
	float: left;
	text-align: left;
	width: 360px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

	.callOutLeft-02 p {
		line-height: 1.35em;
		text-align: left;
		color: #666;
		font-size: 115%;
		padding: 10px 15px;
		margin: 0;
	}

/* Titled Call-out */
.callOutTitled {
  	font-style: normal;
	background-image: url(images/call-out-light.png);
	width: auto;
	max-width: 650px;
	min-width: 300px;
  	padding: 1px;
  	margin: 1.6em auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 1px solid #d4d4d4;
	-moz-box-shadow:4px 2px 5px #ccc;
	-webkit-box-shadow:4px 2px 5px #ccc;
	box-shadow:1px 2px 5px #ccc;
}

	.callOutTitled h1 {
		font-style: italic;
		font-weight: bold;
		background-image: none;
		color: #000;
		font-size: 120%;
		padding: 7px;
		line-height: 1.0em;
		color: #bf222a;
		margin: 2px 2px 2px 2px;
	}

	.callOutTitled p {
		background-color: #fff;
		padding: 10px 20px 10px 20px;
		line-height: 1.5em;
		font-weight: normal;
		font-size: 100%;
		color: #333;
		margin:0;
	}

/* =============================================================================
   Display Toggle
============================================================================= */

.toggleButton { margin: 2px auto; text-align: center; }

.toggleHide { display: none; text-align: center; }

button.toggle { padding: 4px 10px; }

/* =============================================================================
   Pop-up Window
============================================================================= */

.backgroundPopup {
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;
	border: 1px solid #cecece;
	z-index: 1;
}

.popupContact {
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	background-color: #fff;
	border: 1px solid #d4d4d4;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5 px;
	box-shadow: 1px 2px 5px #ccc;
	-moz-box-shadow: 4px 2px 5px #ccc;
	-webkit-box-shadow: 4px 2px 5px #ccc;
	z-index: 2;
	font-size: 12pt;
}

.popupContent {
	margin: 0 auto 0 auto;
	display: block;
	background-color: #fff;
}

.popupContent a {
	color: #005596;	
	text-decoration: none; 
	border-bottom: thin dotted; 
	outline: 0; 
	cursor: pointer;
}

.popupContent a:hover { 
	color: #1487de; 
	border-bottom: thin solid; 
	outline: 0; 
	cursor: pointer; 
	opacity: 1;
}

.popupContent a:active { 
	color: #005596; 
	border-bottom: thin dotted; 
	outline: 0; 
}

.popupContent a:visited { 
	color: #005596; 
	border-bottom: thin dotted; 
	outline: 0; 
}

.popupContent a:focus { 
	outline: thin dotted; 
}

.popupContact h3 {
	text-align: left;
	color: #444;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 6px;
	font-style: italic;
	z-index: 99999;
	display: inline-block;
	margin: 0 0 0 0;
	padding: 8px 8px 8px 8px;
	text-transform: none;
}

.popupContactClose {
	background-color: #F9D365;
	background: -moz-linear-gradient(top, rgba(249,211,101,1), rgba(255,198,33,1));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(249,211,101,1)), to(rgba(255,198,33,1)));
	border: 1px solid #ccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 10px;
	font-family: Arial;
	font-size: 16pt;
	line-height: 8px;
	position: relative;
	top: -6px;
	right: 2px;
	box-shadow: 1px 2px 5px #ccc;
	-moz-box-shadow: 4px 2px 5px #ccc;
	-webkit-box-shadow: 4px 2px 5px #ccc;
	color: #000;
	font-weight: 700;
	display: inline-block;
	margin: 10px;
	z-index: 99999;
	width: 13px;
	float: right;
}

.contactAreaInstructions {
	text-align: center;
	font-size: 80%;
	margin-top: 20px;
}

/* =============================================================================
   Key / Legend
============================================================================= */

fieldset.key { 
	width: 40%; 
	padding: 10px 10px 0px 0px; 
	margin: 1em auto 1em auto; 
}

legend.key {
	background: -moz-linear-gradient(top, rgba(249,211,101,1), rgba(255,198,33,1));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(249,211,101,1)), to(rgba(255,198,33,1)));
	color: #575757;
	border: 1px solid #ccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 4px;
	margin-left: 12px;
}

/* =============================================================================
   Misc
============================================================================= */
/* Course Welcome Menu */
.welcome-menu {
	position: relative;
	margin: 0 auto;
	padding: 0 0;
	max-width: 790px;
	height: 238px;
}

.welcome-menu ul {
	position: absolute;
	right:70px;
	top:8px;
	margin: 0 0 0 0;
	padding: 0;
}

.welcome-menu ul li {
	display: block;
	list-style: none;
}

.welcome-menu ul li a {
	display: block;
	height: 58px;
	-width: 184px;
	background: #eee;
	margin: 1px 0;
}

.welcome-menu ul li a img {
	opacity: 0.9;
}

.welcome-menu ul li a:hover img {
	opacity: 1.0;
}

/* Storyline Container */
.storyline {
	width: 1000px;
	height: 563px;
	overflow: none;
	display: block;
	border: none !important;
	margin: auto;
}

/* Tooltip Styling */
.tooltip {
    display: none;
    width: 190px;
    height: 50px;
    font-size: 12px;
    padding: 9px 5px 0 13px;
    margin-left: 8px;
    color: #eee;
    background: url(images/tool-tip.png) no-repeat;
    z-index: 99999;
}

/*  Video JS */
.video-js {
	margin: auto;
	position: relative;
	max-width: 100%;
	height: 563px;
}

/* Transcript Link PDF*/
.transcripts {
	font-size: 1em;
	color: #4C9329;
	margin: 0.2em auto 1em auto;
	text-align: center;
	font-weight: 100;
	background-image: url();
}

.transcripts:before {
	position: relative;
	top: 10px;
	right: 10px;
	content: url(images/icon-pdf.png);
}

/* Transcript Link WWWW*/
.links {
	font-size: 1em;
	color: #4C9329;
	margin: 0.2em auto 1em auto;
	text-align: center;
	font-weight: 100;
	background-image: url();
}

.links:before {
	position: relative;
	top: 10px;
	right: 10px;
	content: url(images/icon-web.png);
}


/* =============================================================================
   Readings types
============================================================================= */

.reading-block {
	background-image: url(images/icon-database.png);
	background-repeat: no-repeat;
	margin: 25px 25px 25px 20px;
	padding: 0 0 10px 0;
}
	
	.reading-block h2 {
		font-size: 130%;
		color: #333;
		margin: 0 0 0 .8em;
		padding: 3px 20px 5px 20px;
		background-image:none;
		font-weight: 100;
	}

	.reading-block p {
		margin: .3em 0 -.9em 1em;
		line-height: 1.5em;
		font-size: 90%;
		color:#333;
		padding: 0 25px;
	}
	
	.reading-block ps {
		margin: .3em 0 -.9em 1em;
		line-height: 1.5em;
		font-size: 90%;
		color:#f00;
		padding: 0 25px;
	}
		
	.reading-block pp {
		margin: .3em 0 -.9em 1em;
		line-height: 1.5em;
		font-size: 90%;
		color:#0051BA;
		padding: 0 25px;
	}
	
	.reading-block pz {
		margin: .3em 0 -.9em 1em;
		line-height: 1.5em;
		font-size: 90%;
		color:#003366;
		padding: 0 25px;
	}
	
	.reading-block ul { 
		margin: 1.5em 2em -.9em 2.6em; 
		background-color: #e8e8e8;
		padding: 10px 15px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		border: 1px solid #fff;
	}
	
	.reading-block ul li {
		list-style-type: square;
		padding: 0;
		margin: 0 0 0 8px;
		background-image: none;
	}

	.reading-block .consider {
		list-style: none;
		margin-left: -10px;
	}

.database {
	background-image: url(images/icon-database.png);
}

.web {
	background-image: url(images/icon-web.png);
}	

.pdf {
	background-image: url(images/icon-pdf.png);
}

.doc {
	background-image: url(images/icon-doc.png);
}

.excel {
	background-image: url(images/icon-excel.png);
}

.ppt {
	background-image: url(images/icon-ppt.png);
}

.book {
	background-image: url(images/icon-book.png);
}

.video {
	background-image: url(images/icon-video.png);
}

.reading ul {
	margin: 1.5em 2em -.9em 2.6em; 
		background-color: #ffffff;
		padding: 10px 15px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		border: 0px;
        }

	.reading ul li {
		list-style-type: square;
		padding: 0;
		margin: 0 0 0 8px;
		background-image: none;
	}


#pdfList ul,
#bookList ul,
#webList ul,
#dbList ul,
#docList ul,
#excelList ul,
#pptList ul,
#videoList ul { 
	margin: .5em 2em -.9em 2em; 
	padding: 0 15px 0px 15px;
	display: inline-block;
}

	#pdfList ul li,
	#bookList ul li,
	#webList ul li,
	#dbList ul li,
	#docList ul li,
	#excelList ul li,
	#pptList ul li, 
	#videoList ul li {
		list-style-type: none;
		padding: 6px 35px;
		margin:  5px 15px 10px 5px;
		background-repeat: no-repeat;
		line-height: 1.1em;
		background-position: left top;
	}

	#pdfList ul li {
		background-image: url(images/icon-pdf.png);
	}
	
	#bookList ul li {
		background-image: url(images/icon-book.png);
	}
	
	#webList ul li {
		background-image: url(images/icon-web.png);
	}
	
	#dbList ul li {
		background-image: url(images/icon-database.png);
	}
	
	#docList ul li {
		background-image: url(images/icon-doc.png);
	}
	
	#excelList ul li {
		background-image: url(images/icon-excel.png);
	}
	
	#pptList ul li {
		background-image: url(images/icon-ppt.png);
	}

	#videoList ul li {
		background-image: url(images/icon-video.png);
	}
	
#pdfUList ul,
#bookUList ul,
#webUList ul,
#dbUList ul,
#docUList ul,
#pptUList ul{ 
	margin: 0 auto 0 7.5em;
	padding: 10px 0 0 10px;
	display: table;
}

	#pdfUList ul li,
	#bookUList ul li,
	#webUList ul li,
	#dbUList ul li,
    #docUList ul li,
    #pptUList ul li {
		list-style-type: none;
		padding: 5px 0 10px 30px;
		background-repeat: no-repeat;
		line-height: 1.1em;
		background-position: left top;
	}

	#pdfUList ul li {
		background-image: url(images/icon-pdf.png);
	}
	
	#bookUList ul li {
		background-image: url(images/icon-book.png);
	}
	
	#webUList ul li {
		background-image: url(images/icon-web.png);
	}
	
	#dbUList ul li {
		background-image: url(images/icon-database.png);
	}
	
	#docUList ul li {
		background-image: url(images/icon-doc.png);
	}
	
	#pptUList ul li {
		background-image: url(images/icon-ppt.png);
	}
	
#description p {
	padding: 10px 0 0 10px;
	display: table;
}

#description h2 {
	padding: 10px 0 0 10px;
	display: table;
	background-image: none;
}

/* =============================================================================
   Kaltura containers
============================================================================= */

.kaltura-playlist {
	width: 800px;
	margin: auto;
}

.kaltura-single-442px {
	width: 442px;
	margin: auto;
}

.kaltura-single-542px {
	width: 542px;
	margin: auto;
}

.kaltura-single-642px {
	width: 642px;
	margin: auto;
}

.kaltura-single-742px {
	width: 742px;
	margin: auto;
}

.kaltura-single-842px {
	width: 842px;
	margin: auto;
}

.kaltura-single-942px {
	width: 942px;
	margin: auto;
}

.page-top-ace-banner {
  	background-color: #05213b;
	height: 70px;
	border-radius: 15px;
	margin: 0px 1px 15px 1px;
	justify-content: left;
	box-shadow: 0px 7px 7px -2px rgba(5, 33, 59, 0.5)
}
.page-top-ace-banner img {
  	padding: 10px 10px 10px 15px;
	max-height: 70%;
}

/* id calls the banner image */
#page-top-banner-ace-logo-2024 {background-image: url('https://aceedu.s3.amazonaws.com/production-files/images/logos/page-top-ace-banner-logo_2024.png');  
	background-size: 135px 49px; 
	background-position: 15px 10px; 
	padding: 0px 0px 0px 15px;
	background-repeat: no-repeat;
}

.gold-callout-box00 {
	border-radius: 10px;
	padding: 0px 12px 0px 12px;
	margin: 5px 0px 5px 50px;
	background: #fff9ec;
	border: solid 1px #efac21; 
}
		.gold-callout-box00 img {
		height: 22px;
		vertical-align: top;
}
.teal-callout-box00 {
	border-radius: 10px;
	padding: 0px 12px 0px 12px;
	margin: 5px 0px 5px 50px;
	background: #e0f6f8;
	border: solid 1px #3aafb9; 
}
		.teal-callout-box00 img {
		height: 22px;
		vertical-align: top;
}
.red-callout-box00 {
	border-radius: 10px;
	padding: 0px 12px 0px 12px;
	margin: 5px 0px 5px 50px;
	background: #fff5f5;
	border: solid 1px #b70404; 
}
		.red-callout-box00 img {
		height: 22px;
		vertical-align: top;
}
.navy-callout-box00 {
	border-radius: 10px;
	padding: 0px 12px 0px 12px;
	margin: 5px 0px 5px 50px;
	background: #edf5ff;
	border: solid 1px #144282; 
}
		.navy-callout-box00 img {
		height: 22px;
		vertical-align: top;
}