@charset "utf-8";
/* CSS Document */
/**********************                       *******************/
                        /*Reset css!*/
/**********************                      ******************/
.contentpaneopen, .contentheading { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; outline: none; line-height: normal; vertical-align: top; }
/**********************                       *******************/
                        /*Globle Reset css!*/
/**********************                      ******************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
/**ol, ul { list-style: none; }**/
ol {margin: 20px}
ol li {margin-bottom: 10px}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
.fltlt { float: left; }
.fltrt { float: right; }
.clear { clear: both; font-size: 1px !important; line-height: 1px !important; margin: 0 !important; padding: 0 !important; }
.clr { clear: both; font-size: 1px; line-height: 1px; }
.clear1 { clear: both; height: 1px; }
p, ol, ul { font-size: 14px; color: #000;margin-bottom: 15px;line-height: 26px; }
a { transition: color 0.2s ease-out 0s, background 0.2s ease-out 0s; text-decoration: none; color: #3C5BA5}
p.clear { clear: both; font-size: 1px !important; line-height: 1px !important; margin: 0 !important; padding: 0 !important; }

/**********************                       *******************/
                        /*Template Style !*/
/**********************                      ******************/
body { font-size: 14px; font-family: 'Muli', sans-serif; font-weight: 300; background: url(../images/mainbg-strip.png) repeat-y 0 0; }
strong {font-weight: 400}
hr {margin: 30px 0; 
	border: 0;
    height: 0;
    border-top: 2px solid #9CBADA;
}
.MainWarp { width: 958px; height: auto; /*margin: 0 auto;*/ }
.MainWarp_innerBg { width: 100%; height: auto;  }
.AsideLeft { float: left; width: 206px; height: auto; text-align: center; background-color: #234699}
.AsideRight { width: 752px; float: right; height: auto; }
.footerWarp { width: 100%; height: auto; background: #FFF; }
/*logo style*/
.Logo { padding-left: 11px; padding-right: 12px; }
/*common image class */
.highway { background-image: url(../images/shap2.png); background-repeat: no-repeat; }
.ems { background-image: url(../images/shap1.png); background-repeat: no-repeat; }
.rightShap { background-image: url(../images/shap-3.png); background-repeat: no-repeat; }
/*left side bar style is here */
div.nav {position: fixed;top:0;}
#leftMenu div.nav {
  left: 0;
}
.Leftbox1 {  height: auto;  cursor: pointer; }


.Leftbox1 a { color:#fff}
.Leftbox1 .LeftboxInenr {margin-left: 11px; margin-right: 12px; padding-top: 13px; padding-bottom: 13px;  
	border-bottom: solid 1px #3C5BA5;
	display:block; 
	cursor: pointer;}
.Leftbox1:hover {background:#4763A9;}

.Leftbox1.active {background:#4763A9;}

.AsideLeft h3 { font-size: 18px; color: #fff; padding-top: 50px; background-position: center top; padding-bottom: 2px; }

.AsideLeft h3 a { color:#fff;font-weight: 300}
.AsideLeft h6 { color:#fff;font-size: 14px;font-weight: 300 }
.AsideLeft p { font-size: 13px; color: #fff; line-height: 14px;font-weight: 300 }
.LeftMenu { width: 100%; height: auto; }
.LeftMenu ul { margin: 0; padding: 0; list-style-type: none; }
.LeftMenu ul li { margin: 0; padding: 0; line-height: 0; font-size: 0; }
.LeftMenu ul li a { display: block; background: #234699; text-align: center; font-size: 15px; color: #FFF; line-height: 17px; padding-left: 11px; padding-right: 12px; }
.LeftMenu ul li a span { display: block;  border-top: solid 1px #3C5BA5; padding-top: 16px; padding-bottom: 11px; }
.LeftMenu ul li a:hover { background: #4764A9; }
.LeftMenu ul li.active a { background: #4764A9; }
.LeftMenu ul li:first-child a span {border-top:0}
.LeftMenu ul li.main a span {border-bottom: 1px solid #3C5BA5;}

	/*Menu Active*/
	body.main .main,
	body.whyems .whyems,
	body.whyhighway .whyhighway,
	body.keyplayers ul li.keyplayers a,
	body.reachingout ul li.reachingout a,
	body.joinforces ul li.joinforces a,
	body.successstories ul li.successstories a,
	body.glossary ul li.glossary a { background: #4764A9; }


/*left side bar style is end */

/*right Content style  is here */

.bannerMain { width: 100%; height: 241px; }
.bannerMain img { width: 752px; height: 241px; }
.contentGloblepad { padding-top: 0px; padding-left: 35px; padding-right: 24px; }
.BlogHome { width: 100%; height: auto; }
.btnStart { height: 137px; position: relative; top: 24px }
.btnStart a { 
	background: url("../images/arrow.png") no-repeat scroll 24px center #234699; 
	color: #FFFFFF; 
	display: block; 
	font-size: 21px; 
	height: 50px; 
	padding-left: 46px;  
	text-align: left;
	padding-top: 20px}
.btnStart a span{font-size:10px}

.btnStart a:hover { background: url(../images/arrow.png) no-repeat 24px center #4764A9; }
small {font-size: 80%}

blockquote {
	width: 319px;
	float: right;
	background: #9fb9da /**#0D85F4**/;
	padding-left: 17px;
	padding-top: 6px;
	padding-right: 6px;
	color: #fff;
	padding: 30px;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	margin-left: 20px
	}
	
blockquote small {
	font-size: 12px;
	margin-top: 20px;
	display: block;
}


blockquote h2 {
	width: 349px;
	color: #fff;
	background: #234699;
	margin: -30px -30px 10px -30px;
	padding: 15px;
	font-size: 20px;
	line-height: 1.3;
	border-bottom: 5px solid white
}

blockquote ul {
	font-size: 13px;
	margin-left: 0 !important
}

blockquote ul li {
	margin-bottom: 10px
}

/*home page blog style*/
.hptout {
	position: absolute;
	 top: 27px;
	 left: 250px;
	 color: #234699}
.hptout h1 {
	
} 

.hptout p {
	font-size: 23px;
	line-height: 35px;
	left: 70px;
	position: relative;
	color: #234699
	} 
	 
.HomeLeft { width: 275px; float: left; }
.HomeRight { width: 374px; float: right; padding-top: 18px }
.BlogCol1 { padding-top: 20px; padding-left: 45px; padding-right: 48px; text-align: center; }
.HomeLeft h3 { font-size: 25px; color: #000; padding-bottom: 8px; }
.HomeLeft p { font-size: 13px; color: #000; line-height: 18px; }
.BlogHome h5 { font-size: 20px; color: #234699 }

.HomeRight p {margin-bottom: 18px; }
.HomeRight a { color: #0D85F4; }
.HomeRight a:hover { color: #000; }
/*footer style is here */
.Footlogo { padding-left: 16px; padding-top: 38px; float: left; width: 224px; }
.footerRight { width: 512px; float: left; height: auto; padding-top: 9px; }
.MenuFooter { width: 100%; height: auto; }
.MenuFooter ul { margin: 0; padding: 0; list-style-type: none; }
.MenuFooter ul li { float: left; margin: 0; padding: 0; line-height: 0; font-size: 0; }
.MenuFooter ul li a { display: block; color: #082BFF; background: url(../images/footermenu-divider.png) no-repeat left center; line-height: 11px; font-size: 11px; padding: 0 6px; }
.MenuFooter ul li a:hover { color: #000; }
.MenuFooter ul li:first-child a { background: -9999px -9999px; }
.Copyright { padding-top: 5px; }
.Copyright p { color: #000; font-size: 12px; line-height: 14px; padding-left: 12px; }
.customLink { padding-top: 14px; text-align: center; }
/*inner page content style is here*/
.innerWarp { padding-top: 24px; }
.innerWarp ul {margin-left:30px}
.innerWarp ul li {list-style:disc;padding-left:5px;margin:10px 25px 10px 18px;line-height:18px}
.innerWarp ul.dash li:before {content:"-"; position:relative; left:-5px; }
.innerWarp ul.dash li{ text-indent:-5px;list-style: none}

h2, h3, h5, h6 {
font-weight: 300; color: #000;line-height: 130%}
h1 { font-size: 32px}
h2 { font-size: 25px}
h3 { font-size: 20px}
h4 { font-size: 16px}
.BoxStyle1 { width: 100%; height: auto; padding: 8px 0; padding-bottom: 0; }
.BoxStyle1_box1 { width: 344px; float: left; }
.BoxStyle1_box1 p { margin-bottom: 15px; line-height: 18px; font-size: 13px; color: #000; }
.BoxStyle1_box2 { width: 319px; float: right; background: #0D85F4; padding-left: 17px; padding-top: 6px; padding-right: 6px; }
.BoxStyle1_box2 h3 { padding-left: 45px; font-size: 20px; color: #FFF; background-position: 0 5px; padding-bottom: 5px; }
.BoxStyle1_box2 p { color: #fff; line-height: 16px; margin-bottom: 5px; padding-right: 40px; }
.BoxStyle1_box2 a.redmore { font-size: 12px; color: #0D85F4; background: url(../images/arrow-shap2.png) no-repeat 10px center #fff; display: block; width: 80px; height: 22px; line-height: 22px; float: right; padding: 0 10px; padding-left: 24px; margin-bottom: 6px }
.BoxStyle1_box2 a.redmore:hover { background: url(../images/arrow-shap2.png) no-repeat 10px center #fff; color: #000; }
/*box style 2 is here */
.BoxStyle2 { width: 100%; height: auto; }
.BoxStyle2 h3 { font-size: 20px; color: #fff; padding-left: 62px; background-position: left center; height: 43px; line-height: 43px; }
.BoxStyle2_box1 { width: 290px; padding-left: 27px; padding-top: 17px; padding-bottom: 24px; padding-right: 27px; background: #234699; float: left; }
.BoxStyle2_box2 { width: 288px; padding-left: 27px; padding-top: 17px; padding-bottom: 24px; padding-right: 27px; background: #234699; float: right; }
.Question { width: 100%; height: auto; position: relative; text-align: center; min-height: 83px; padding-bottom: 7px; }
.Question h6 { background: url("../images/number.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 35px; height: 51px; left: 45.9%; line-height: 58px; position: absolute; text-align: center; top: -12px; width: 58px; }
.Question h5 { font-size: 25px; color: #234699; padding-top: 45px; padding-bottom: 5px; }
.Question span { color: #0D85F4; font-size: 16px; }
/*box style 3 */
.BoxStyle3 { width: 100%; height: auto; padding-bottom: 40px; }
.BoxStyle3_box1 { width: 290px; padding-left: 27px; padding-top: 25px; padding-bottom: 24px; padding-right: 27px; float: left;position: relative; }
.BoxStyle3_box1 h4 {margin: 30px 0 10px 0}
.BoxStyle3_box1 h4.first {margin: 0 0 10px 0}
.BoxStyle3_box2 { width: 288px; padding-left: 27px; padding-top: 25px; padding-bottom: 24px; padding-right: 27px; float: right; min-height: 220px; }
.BoxStyle3 h4 { font-size: 12px; color: #000; }

.BoxStyle3_box1 a.btn {
	background: url("../images/arrow.png") no-repeat scroll 15px center #234699;
	font-size: 14px;
	color: #fff;
	padding: 10px;
	display: block;
	line-height: 25px;
	padding-left: 36px;
	margin-top: 10px;
	position: absolute;
	bottom: 20px;
	width: 240px;
	}
	
	a.quiz-btn:hover {
		background: url(../images/arrow.png) no-repeat 15px center #4764A9;
	}

.keyplayers .BoxStyle3_box1 {
	height: 1125px; background: #D2E4F3;}
.keyplayers .columnone {
	height: 435px
}
.keyplayers .columntwo {
	height: 252px;
	}
.keyplayers .columnfour {
	height: 214px;
	}
.keyplayers .columnthree {
	height: 120px;
	}
	
.keyplayers .columntwo, .keyplayers .columnthree, .keyplayers .columnfour {
	border-top: 8px solid #ddecf6;
	margin: 10px -27px;
	padding: 0 30px;
}



.keyplayers .BoxStyle3_box1 h4 {
	margin: 18px 0 10px 0;
}

/***box style 4 ***/
.BoxStyle4 p { margin-bottom: 15px; line-height: 18px; margin-top: 7px; font-size: 13px; }
/***box style 5 ***/

.BoxStyle5 { width: 100%; height: auto; padding-bottom: 50px; }
.BoxStyle5 p { font-size: 13px; line-height: 18px; margin-bottom: 15px; }
.BoxStyle5 h3 { font-size: 20px; color: #fff; padding-left: 62px; background-position: left center; height: 43px; line-height: 43px; }
.BoxStyle5_box1 { width: 344px; float: left; }
.BoxStyle5_box2 { width: 342px; float: right; }
.BoxStyle5 .BoxStyle2_box1, .BoxStyle5 .BoxStyle3_box1 { float: none; }
.BoxStyle5 .BoxStyle2_box2, .BoxStyle5 .BoxStyle3_box2 { float: none; }
.BoxStyle5 h4 { font-size: 19px; }
.nopad { padding-bottom: 0 !important;}

.BoxStyle6 { width:100%; height:auto;}
.BoxStyle6 h3 { font-size:20px; line-height:20px; padding-bottom:5px;}
.BoxStyle6 h3 a { color:#000; text-decoration:underline;}
.BoxStyle6 p { margin-bottom:15px;}
.BoxStyle6 a { color:#0D84F4;}
.BoxStyle6 a:hover { color:#000;}
.BoxStyle6 h1 { padding-left:54px; padding-bottom:22px; background-position:left 0px; line-height:45px; margin-top:25px;}
.readmore1 { margin-top:-12px;}
.readmore1 a {color:#0D84F4;}
.readmore1 a:hover {color:#000;}
a.Offsitelink { padding-right:12px; background:url(../images/offsitelink.png) no-repeat right 3px;}
.mines-merg { margin-top:-12px; margin-bottom:0 !important;}


table td {border: 1px solid #234699; font-size: 12px; line-height: 1.5}
table td, table th {padding: 10px}
table th {background: #234699; color: #fff; border: 1px #fff solid}

/**** Glossary Popups ******/
a.glossaryTerm,a.glossaryTerm:visited,a.glossaryTerm:link{border-bottom:2px dotted #234699;text-decoration:none;color: #234699}
a.glossaryTerm:hover{text-decoration:none;/*color:#0D85F4;*/ font-weight: bold; letter-spacing: -1px; line-height: 1}
#glossaryTip{display:none;position:absolute;top:0;left:0;z-index:99999;cursor:default;}
#glossaryContent{line-height:125%;background-color:#2c80f4;padding:10px 25px 10px 12px}
#glossaryContent h6{font-size:15px;font-weight:700;color:#fff}
#glossaryContent p{margin:0;color:#fff;line-height: 1.2;font-size:12px;}
#glossaryClose{position:absolute;right:3px;top:3px;width:20px;height:20px;background:url(../images/ui_close_sm.gif) no-repeat;cursor:pointer;}
#glossaryTip > #glossaryClose{background:url(../images/ui_close_sm.png) no-repeat;}
/**** END Glossary Popups ******/


/*	--------------------------------------------------
	Quiz Modal Window
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		/*background: rgba(0,0,0,.8);*/
		filter:alpha(opacity=80);
		opacity:.8;
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		zoom: 1;
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
		
	a.quiz-btn {
		background: url("../images/arrow.png") no-repeat scroll 15px center #234699;
		font-size: 19px;
		color: #fff;
		padding: 10px;
		display: block;
		line-height: 25px;
		padding-left: 36px;
		margin-top: 10px
		}
		
	a.quiz-btn:hover {
		background: url(../images/arrow.png) no-repeat 15px center #4764A9;
	}
	
	.reveal-modal ul li {
		margin-left: 10px;
		list-style-type: disc;
		margin-bottom: 25px	
		}

/***** Why EMS Page ****/
.whyems table {
	margin-top: 20px
}


.whyems table th {
	font-size: 10px;
	position: relative
}

.whyems table th strong {
	font-size: 18px
}

.whyems table th hr {
	margin: 10px 0;
	border: 1px
}
.whyems table th a {
	color: #9cbada;
	font-size: 9px;
	padding: 10px;
	display: block;
	margin-top: 10px;
	/*border: 1px solid #315ca3;*/
	width: 53px;
	font-weight: normal
	}
.whyems table th a:hover {
	color: #fff;
	background-color: #315ca3;
}

/***** Why Highway Safety Page ****/
/***** DOESN'T WORK ON FF
table.haddon td {padding: 0; position:relative}
table.haddon td img {width: 190px}
table.haddon th {vertical-align: middle;white-space: nowrap;}
table.haddon th, table.haddon td {border: 5px solid #234699; background-color: #234699}

#haddonmore{position:absolute;right:3px;top:89px;width:20px;height:20px;background:url(../images/ui_close_sm.png) no-repeat;cursor:pointer;}
#haddonmore{background:url(../images/ui_more_sm.png) no-repeat;}
#haddonmore:hover {background-image:none}
 ****/

/***** Why Highway Safety Page ****/
table.haddon td {padding: 0; position:relative}
table.haddon td img { 
	position: relative;
    width: 190px;
    z-index: 1;}
table.haddon th {vertical-align: middle;white-space: nowrap;}
table.haddon th, table.haddon td {border: 5px solid #234699; background-color: #234699}

#haddonmore, .haddonmore{
	cursor: pointer;
    float: right;
    height: 20px;
    margin: -20px 3px 0 0;
    position: relative;
    width: 20px;
    z-index: 100;
}
#haddonmore, .haddonmore{background:url(../images/ui_more_sm.png) no-repeat;}
#haddonmore:hover, .haddonmore:hover {background-image:none}

 



.matrixc {
	background: #5873B1;
	padding: 10px;
	color: #fff;
	display: none
	}
.matrixc a.glossaryTerm {
	color: #fff
}
.fadeout {
	filter: alpha(opacity=50);
	opacity: 0.5;	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
	}
#haddonmore.fadeout, .haddonmore.fadeout{
	filter: alpha(opacity=0);
	opacity: 0;	-webkit-transition: opacity .5s ease-in-out;
}
.fadein {
	filter: alpha(opacity=100) !important;
	opacity: 1 !important;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	}



		
/***** Reaching Out Page ****/	
.reachingout ul {
	margin-left: 0
}


.reachingout .columnbckgrd {
	background: url(../images/table-background-2col.gif) repeat-y
}


.reachinghdr {
	position: fixed;top:0;padding-top:24px;z-index: 10000;background:#fff;width: 693px;
}
.reachingquote {
	width: 639px;
	padding-left: 27px;
	padding-top: 25px;
	padding-bottom: 24px;
	padding-right: 27px;
	background: #9fb9da;
	position: relative;
	margin-top: 6px;
	font-size: 18px;
	color: #fff
	}
.reachingquote p, .reachingquote h3, .reachingquote a, .reachingquote a.glossaryTerm {
	color: #fff
}
.reachingquote a {
	text-decoration: underline
}
.reachingout .btop {
padding-bottom: 0	
}

.reachingout .BoxStyle3_box1 {

}



/***** Join Forces Page ****/
.joinforces .anchor {position:relative;top: -135px;}


/***** Success Stories Page ****/
.successstories .innerWarp h3 {
	color: #3C5BA5;
	font-size: 25px;
	border-top: 1px solid #9fb9da;
	padding-top: 20px;
	margin-top: 10px
}



.statebox {
	width: 200px;
	padding: 7px;
	font-size: 15px;
	margin-bottom: 10px;
	color: #666;
	text-align: center;
	float: right;
		}

.statebox img {
	opacity: .8;
	filter:alpha(opacity=80);
	vertical-align: middle;
	margin-right: 10px;
	width: 200px
}
.statebox span {
	width: 200px;
	color: #fff;
	background-color: #234699;
	display: block;
	text-align: center;
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 30px;
	font-size: 26px;
}

.innerWarp ul.dash {
	margin-left: 0
}

.successstories blockquote p {
	color: #fff !important;
	font-size: 12px
}


.show h3 {

}
.show div {
  padding: .5em .25em;
}

.readmore.hover {
	text-decoration: underline;
	cursor:pointer
}

.show .hidden {
	display: none
}


/***** Glossary Page ****/
.glossaryhdr {
	position: fixed;top:0;padding-top:24px;z-index: 10000;background:#fff;width:700px;
	border-bottom: 1px solid #000}
.glossarynav {
	padding-bottom: 15px;
	font-size: 13px;
}
.glossary h2 {
  margin-top: 140px;
}



/******* partnering funding *********/

blockquote {
	margin-top:10px;  
}



/*************************/
hr.border_white{
	border-top: 2px solid #FFFFFF;
}

.section_405c{
	padding-left:30px;
}

.BoxStyle2_box1 .highway, .BoxStyle2_box2 .ems {
  line-height: 24px;
}
.mtop240{
	margin-top:240px;
}
.pbotton236{
	padding-bottom:208px;
	position:relative;
}

.height20{
	height:20px;
}
.anchor_scroll{
	position: relative; top: -280px;
}

.reachingquote_style{
	background-color:#cee4f3; color:#000; line-height:130%; margin-bottom:50px
}
.successstories .reachinghdr{
	position: fixed;top: 0;padding-top: 24px;z-index: 10000;background: #fff;width: 693px;border-bottom:2px solid #9CBADA;
}

.successstories .pbotton94{
	padding: 0 0 94px;
}
.successstories .anchor_scroll{
	position: relative; top: -132px;
}
.mleft20{
	margin-left:20px
}
.shsp-graphic{
	margin:0 auto 19px 70px;
}

.mtop20{
	margin-top:20px;
}

.reset_p_m{
	margin:0; padding:0
}