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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0; 
	padding: 0;
	text-align: center;
}

A:LINK, A:VISITED {
	color: #ed1f24;
	text-decoration: none;
}

A:HOVER {
	color: black;
}

.links A:LINK, .links A:VISITED {
	color: #737373;
}

.links A:HOVER {
	color: #ed1f24;
}

#content LI A:LINK,
#content LI A:VISITED {
	padding-right: 20px;
	background: url(../images/link-lightgrey.gif) right center no-repeat;
}

#content LI A:HOVER {
	background-image: url(../images/link-over.gif);
}

#wrapper {
	width: 800px;
	text-align: left;
	margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	margin: 0 0 0 0;
	line-height: 1em;
	letter-spacing: -2px;
}	


h1 {
	font-size: 500%;
	color: #ec2426;
	margin: 0;
	padding-top: 6px;
}

h2 {
	font-size: 400%;
	color: black;
	font-weight: normal;
	margin: 0 0 0.1em 0;
}

h3 {
	color: #2b2b2b;
	font-size: 320%;
	font-weight: normal;
	margin: 0.25em 0 0.1em 0;
}

h4 {
	color: #ec2426;
	font-size: 240%;
	font-weight: normal;
	margin: 0 0 0.25em 0;
	letter-spacing: -1px;
}

h5 {
	color: #2b2b2b;
	font-size: 280%;
	line-height: 1.1em;
	 font-weight: normal;
	 margin: 0.25em 0 0.5em 0;
	 letter-spacing: -1px;
	 text-transform: none;
}

h6 {
	font-size: 120%;
	text-align: right;
	color: #999999;
	letter-spacing: 0;
	text-transform: none;
}

P, LI {
	font-size: 240%;
}

BLOCKQUOTE {
	font-size: 210%;
}

p {
	font-size: 240%;
	line-height: 1.2em;
	margin: 0.25em 0 0.5em 0;
	color: #5b5b5b;
	padding-right: 10px;
}

P.small {
	font-size: 100%;
}

UL, OL {
	margin: 0 0 1em 25px;
	padding: 0;
}

UL UL {
	margin: 0 0 1em 50px;
}


LI {
	font-size: 240%;
	line-height: 1.1em;
	margin: 0 0 0.25em 0;
	color: #5b5b5b;
	padding: 0 10px 0 0;
}

UL.checkmark {
	list-style-image: url(../images/bullet-check-red.gif);
	margin-top: 2em;
	font-size: 120%;
}

UL UL LI {
	color: #737373;
	font-size: 240% !important;
	font-size: 100%;
}


.red {
	color: #ed1f24;
}

.moretop {
	margin-top: 20px;
}

IMG {
	border: 0;
}

#content IMG {
	margin: 0 20px 0 0;
}

TABLE {
	margin: 5px 0 10px 0;
}

TABLE TH {
	font-size: 120%;
	background: #ed1f24;
	color: white;
	line-height: 1.2em;
	padding: 3px 5px;
}

TABLE TD {
	font-size: 120%;
	line-height: 1.2em;
	padding: 3px 5px;
}

TABLE TR.section TD {
	background: #333333;
	color: white;
	text-transform: uppercase;
	font-size: 100%;
	font-weight: bold;
}

TABLE TR TD,
TABLE TR.alt TD {
	border-bottom: 1px solid #dcdcdc;
}

TABLE TR.alt {
	background: #efefef;
}


BLOCKQUOTE {
	line-height: 1.2em;
	background: #efefef;
	color: #333333;
	padding: 10px 20px;
	margin: 0 40px 0.75em 0;
}

BLOCKQUOTE:first-letter {
	margin-left: -9px;
}

STRONG {
	color: #333333;
	font-weight: bold;
}

EM {
	color: #212121;
}

.banner {
	clear: both;
	background: #5b5b5b url(../images/logo-cmec-new.gif) 12px center no-repeat;
	padding: 12px;
	text-align: right;
}

#content {
	border-left: 70px solid #ed1f24;
	height: 490px;
	overflow: auto;
	padding: 0 20px 0 40px;
	clear: left;
}

#fr #content {
	height: 520px;
}


#footer {
	clear: both;
	padding: 5px 0 0 0;
}

/* HEADER NAVIGATION 
================================ */



#header IMG.logo {
	float: left; margin: 5px 0 0 12px; padding: 0;
}

#header UL {
	list-style: none outside;
	margin: 0 0 0 70px;
	padding: 15px 0 0 0;
	height: 30px;
}

#header LI {
	display: inline;
	margin: 0; padding: 0;
	font-size: 140%; line-height: 30px;
}

#header LI A:LINK,
#header LI A:VISITED {
	display: block;
	float: left;
	height: 30px;
	margin: 0 10px 0 0;
	color: #919191;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 0 10px;
}

#header LI A:HOVER {
	color: white;
	background: #333;
}

#header LI.selected A:LINK, #header LI.selected A:VISITED {
	color: #333;
	background: #dfdfdf;
}	

/* 

#header UL {
	list-style: none outside;
	margin: 0 0 0 70px; 
	padding: 15px 0 0 0;
	height: 30px;
}

#header LI {
	display: inline;
	margin: 0; padding: 0;
}	

#header LI A:LINK,
#header LI A:VISITED {
	display: block;
	float: left;
	height: 30px;
	text-indent: -9000px;
	margin: 0 3px 0 0;
}

#header LI A {
	cursor: default;
}

LI.min A:LINK,
LI.min A:VISITED {
	width: 84px;
	background: url(../images/fullnav-en.gif) -14px 0 no-repeat;
}

/* LI.min A:HOVER {
	background-position: -13px -30px;
} 

LI.high A:LINK,
LI.high A:VISITED {
	width: 90px;
	background: url(../images/fullnav-en.gif) -100px 0 no-repeat;
}

/*
LI.high A:HOVER {
	background-position: -100px -30px;
}


LI.key A:LINK,
LI.key A:VISITED {
	width: 80px;
	background: url(../images/fullnav-en.gif) -196px 0 no-repeat;
}

/*
LI.key A:HOVER {
	background-position: -196px -30px;
}


LI.mod A:LINK,
LI.mod A:VISITED {
	width: 80px;
	background: url(../images/fullnav-en.gif) -286px 0 no-repeat;
}

LI.mod A:HOVER {
	background-position: -286px -30px;
}

LI.min A.selected:LINK,
LI.min A.selected:VISITED {
	width: 94px;
	background: url(../images/fullnav-en.gif) -7px -60px no-repeat;
}

LI.high A.selected:LINK,
LI.high A.selected:VISITED {
	width: 98px;
	background: url(../images/fullnav-en.gif) -97px -60px no-repeat;
}

LI.key A.selected:LINK,
LI.key A.selected:VISITED {
	width: 94px;
	background: url(../images/fullnav-en.gif) -190px -60px no-repeat;
}

LI.mod A.selected:LINK,
LI.mod A.selected:VISITED {
	width: 86px;
	background: url(../images/fullnav-en.gif) -284px -60px no-repeat;
}

#header LI.mod A:HOVER {
	cursor: pointer;
}




/* FRENCH MAIN NAV

#fr LI.min A:LINK,
#fr LI.min A:VISITED {
	width: 84px;
	background: url(../images/fullnav-fr.gif) -14px 0 no-repeat;
}

/*
 #fr LI.min A:HOVER {
	background-position: -14px -30px;
}


#fr LI.high A:LINK,
#fr LI.high A:VISITED {
	width: 109px;
	background: url(../images/fullnav-fr.gif) -108px 0 no-repeat;
}


/*
#fr LI.high A:HOVER {
	background-position: -108px -30px;
}



#fr LI.key A:LINK,
#fr LI.key A:VISITED {
	width: 123px;
	background: url(../images/fullnav-fr.gif) -230px 0 no-repeat;
}

/*
#fr LI.key A:HOVER {
	background-position: -230px -30px;
}


#fr LI.mod A:LINK,
#fr LI.mod A:VISITED {
	width: 50px;
	background: url(../images/fullnav-fr.gif) -364px 0 no-repeat;
}

/*
#fr LI.mod A:HOVER {
	background-position: -364px -30px;
}


#fr LI.min A.selected:LINK,
#fr LI.min A.selected:VISITED {
	width: 94px;
	background: url(../images/fullnav-fr.gif) -7px -60px no-repeat;
}

#fr LI.high A.selected:LINK,
#fr LI.high A.selected:VISITED {
	width: 122px;
	background: url(../images/fullnav-fr.gif) -102px -60px no-repeat;
}

#fr LI.key A.selected:LINK,
#fr LI.key A.selected:VISITED {
	width: 137px;
	background: url(../images/fullnav-fr.gif) -223px -60px no-repeat;
}

#fr LI.mod A.selected:LINK,
#fr LI.mod A.selected:VISITED {
	width: 82px;
	background: url(../images/fullnav-fr.gif) -358px -60px no-repeat;
}

*/



/* SUBNAV 
================================ */


UL.subnav {
	list-style: none outside;
	margin: 0; padding: 0 0 10px 20px;
	border-left: 70px solid #ed1f24;
}

UL.subnav LI {
	display: inline;
	margin: 0; padding: 0;
	font-size: 100%; 
	line-height: 2.5em;
}

UL.subnav LI A:LINK,
UL.subnav LI A:VISITED {
	color: #959595;
	text-decoration: none;
	margin: 0 5px 0 0;
	padding: 7px 5px;
}

UL.subnav LI A:HOVER {
	color: #212121;
}

UL.subnav LI.selected A:LINK,
UL.subnav LI.selected A:VISITED {
	color: #454545;
	background: #e5e5e5;
}

#fr UL.subnav LI A {
	margin-right: 10px;
}	


/* BOTTOM NAVIGATION 
================================ */

.bottomnav {
	height: 70px;
	border-left: 400px solid #ed1f24;
	
}

.bottomnav P {
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

.bottomnav IMG {
	float: left;
	margin: 0 25px 0 15px;
}

.bottomnav UL {
	list-style: none outside;
	margin: 0; padding: 0;
	height: 70px;
	float: left;
}

.bottomnav LI {
	display: inline;
	margin: 0; padding: 0;
}

.bottomnav LI.current {
	float: left;
	display: block;
	width: 40px;
	color: #ed1f24;
	font-size: 160%;
	font-weight: bold;
	line-height: 70px;
	text-align: center;
}

.bottomnav LI.vidcurrent {
	float: left;
	display: block;
	width: 120px;
	color: #ed1f24;
	font-size: 160%;
	font-weight: bold;
	line-height: 70px;
	text-align: center;
}

.bottomnav LI A:link,
.bottomnav LI A:visited {
	float: left;
	display: block;
	height: 70px;
	text-indent: -9000px;
}

 LI.skipback A:LINK,
 LI.skipback A:VISITED {
 	width: 20px;
	background: url(../images/arrows-subnav.gif) 0 0 no-repeat;
 }
 
 LI.skipback A:HOVER {
 	background-position: 0 -70px;
 }
 
 LI.back A:LINK,
 LI.back A:VISITED {
 	width: 30px;
	background: url(../images/arrows-subnav.gif) -25px 0 no-repeat;
 }
 
 LI.back A:HOVER {
 	background-position: -25px -70px;
 }
 
  LI.skipforward A:LINK,
 LI.skipforward A:VISITED {
 	width: 20px;
	background: url(../images/arrows-subnav.gif) -130px 0 no-repeat;
 }
 
 LI.skipforward A:HOVER {
 	background-position: -130px -70px;
 }
 
 LI.forward A:LINK,
 LI.forward A:VISITED {
 	width: 30px;
	background: url(../images/arrows-subnav.gif) -95px 0 no-repeat;
 }
 
 LI.forward A:HOVER {
 	background-position: -95px -70px;
 }
 
  /* OFF */
 
 LI.skipback-off A:LINK,
 LI.skipback-off A:VISITED,
 LI.skipback-off A:HOVER {
 	width: 20px;
   	background: url(../images/arrows-subnav.gif) 0 -140px no-repeat;
   }
   
 LI.back-off A:LINK,
 LI.back-off A:VISITED,
 LI.back-off A:HOVER {
 	width: 30px;
   	background: url(../images/arrows-subnav.gif) -25px -140px no-repeat;
   }
   
 LI.forward-off A:LINK,
 LI.forward-off A:VISITED,
 LI.forward-off A:HOVER {
 	width: 30px;
   	background: url(../images/arrows-subnav.gif) -95px -140px no-repeat;
   }
   
 LI.skipforward-off A:LINK,
 LI.skipforward-off A:VISITED,
 LI.skipforward-off A:HOVER {
 	width: 20px;
   	background: url(../images/arrows-subnav.gif) -130px -140px no-repeat;
   }
 
 
 LI.pageback A:LINK,
 LI.pageback A:VISITED {
 	width: 55px;
	background: url(../images/video-nav-en.gif) 0 0 no-repeat;
 }
 
 LI.pageback A:HOVER {
 	background-position: 0 -70px;
 }
 
  LI.video A:LINK,
 LI.video A:VISITED {
 	width: 60px;
	background: url(../images/video-nav-en.gif) -60px 0 no-repeat;
 }
 
 LI.video A:HOVER {
 	background-position: -60px -70px;
 }
 
 LI.nextvideo A:LINK,
 LI.nextvideo A:VISITED {
 	width: 60px;
	background: url(../images/video-nav-en.gif) -120px 0 no-repeat;
 }
 
 LI.nextvideo A:HOVER {
 	background-position: -120px -70px;
 }
 
 
 /* FRENCH VIDEO */
 
#fr LI.pageback A:LINK,
 #fr LI.pageback A:VISITED {
 	width: 55px;
	background: url(../images/video-nav-fr.gif) 0 0 no-repeat;
 }
 
 #fr LI.pageback A:HOVER {
 	background-position: 0 -70px;
 }
 
 #fr LI.video A:LINK,
 #fr LI.video A:VISITED {
 	width: 60px;
	background: url(../images/video-nav-fr.gif) -60px 0 no-repeat;
 }
 
 #fr LI.video A:HOVER {
 	background-position: -60px -70px;
 }
 
 #fr LI.nextvideo A:LINK,
 #fr LI.nextvideo A:VISITED {
 	width: 60px;
	background: url(../images/video-nav-fr.gif) -120px 0 no-repeat;
 }
 
 #fr LI.nextvideo A:HOVER {
 	background-position: -120px -70px;
 }
 
 
 /* VIDEO INDEX */
 
 ul.vidindex {
 	width: 640px;
	margin: 0; padding: 0;
	list-style: none;
 }
 
#content UL.vidindex LI {
 	display: inline;
	text-align: center;
	margin: 0; padding: 0;
 }
 
 #content UL.vidindex A:LINK IMG,
 #content UL.vidindex A:VISITED IMG {
 	border: 2px solid white;
 }
 
 #content UL.vidindex A:HOVER IMG {
 	border: 2px solid #ed1f24;
 }
 
 #content UL.vidindex LI A:LINK,
  #content UL.vidindex LI A:VISITED {
 	display: block;
	float: left;
	font-size: 60%;
	font-weight: bold; 
	width: 154px;
	height: 104px;
	padding: 0;
	margin: 0 3px 3px 0;
	background: none;
	position: relative;
	line-height: 1.3em;
 }
 
 #content UL.vidindex A:HOVER SPAN {
 	background: #ed1f24;
	color: white;
 }
 
 #content UL.vidindex SPAN {
 	padding: 0px 7px;
	position: absolute;
	top: 2px; left: 5px;
	background: white;
 }
 
 .pptvid {
 	width: 240px;
	float: left;
 }
 
 .pptslide {
 	width: 380px;
	height: 285px;
	float: left;
	margin: 0 0 0 15px;
	border: 1px solid #dcdcdc;
 }
 
 
 .leftfloat, .rightfloat {
 	width: 300px;
	padding: 4px 8px;
	margin: 0 5px 5px 0;
	float: left;
	background: #ed1f24;
	color: white;
 }
 
 .leftfloat P, .rightfloat P {
 	font-size: 160%;
	font-weight: bold;
	padding: 0;
	color: white;
	margin: 0;
 }
 
 .clear {
 	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
 }
 
 UL.leftfloat, UL.rightfloat {
 	background: none;
	color: black;
	padding: 0;
	margin: 0 0 1em 20px;
	font-size: 95%;
 }
 
 UL.leftfloat LI, UL.rightfloat LI {
 	padding-right: 0;
 }