/*	MAIN.CSS - Stylesheet for the layout
	(margins, position, width, height, and floats)
	No color or background declarations should be here. */
.clear {clear: both;}
.section-inner { 
	width: 970px;
	margin: 0 auto;
	position: relative;
}
.w-w2 {	
	min-width: 970px;
	padding-top: 325px;  /* Change to height of header */
}

/* --HEADER-- */
#header, .h-w1, .h-w2 { height: 325px; } /* Change to correct height */
#header { 
	top: 0; left: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
}
	#mainnavigation, #utilities, #logo {
		position: absolute;
	}
	#mainnavigation {
		z-index: 20;
		bottom: 194px;
		right: 0;
	}
		#mainnavigation li { float: left; position: relative; }
			#mainnavigation li a {
				display: block;
				height: 1px;
				padding-top: 34px;
				overflow: hidden;
			}
			#mainnavigation li a:hover, #mainnavigation .sfHover a {background-position: 0 -35px;}
			#mainnavigation li a.active {background-position: 0 -70px;}
			
				#nav-calling a {background:url(../images/skin/nav/nav01_calling-911.png); width: 90px;}
				#nav-non-emergency a {background: url(../images/skin/nav/nav02_non-emergency-calls.png); width: 149px;}
				#nav-911 a {background: url(../images/skin/nav/nav03_911-education.png); width: 111px;} 
				#nav-dispatch a {background: url(../images/skin/nav/nav04_ecomm-dispatch.png); width: 127px;}
				#nav-radio a {background: url(../images/skin/nav/nav05_ecpmm-radio-system.png); width: 159px;}
				#nav-news a {background: url(../images/skin/nav/nav06_news-and-media.png); width: 113px;}
				#nav-about a {background: url(../images/skin/nav/nav07_about-ecomm-911.png); width: 114px;}
				#nav-join a {background: url(../images/skin/nav/nav08_join-our-team.png); width: 107px;}
				
				#mainnavigation ul ul {
					display: none;
					position: absolute;
					top: 35px;
					left: 0px;
					border: 3px solid #f00000;
					border-top: 5px solid #f00000;
				}
				#mainnavigation ul #nav-join ul {
					left: -82px;
				}			
					#mainnavigation ul ul li {
						float: none;
					}
						#mainnavigation ul .sfHover ul li a {
							display: block;
							width: 150px;
							height: auto;
							border-bottom: 1px solid #f00000;
							text-decoration: none;
							font-size: 12px;
							color: #0a0305;
							padding: 10px 10px 10px 24px;
							background: #ffffff url(/images/skin/bg/dhtml-normal.png) 10px 50% no-repeat;
						}
						#mainnavigation ul ul li a:hover {
							color: #fff;
							background: #f00000 url(../images/skin/bg/dhtml-active.png) 10px 50% no-repeat;
						}
					
	#logo {
		top: 20px;
		left: 0px;
	}
	#utilities {top: 10px; left: 275px;}
	#languages {position: absolute; top: 10px; right: 0px;}
		#utilities li, #languages li { float: left; }	
			#utilities li a, #languages li a {
				display: block;
				height: 1px;
				padding-top: 34px;
				overflow: hidden;
			}
			#utilities li a:hover, #languages li a:hover {background-position: 0 -35px;}
				#util-home {background: url(../images/skin/bg/utility_home.png); width: 71px;}
				#util-contact {background: url(../images/skin/bg/utility_contact-us.png); width: 99px;}
				#util-media {background: url(../images/skin/bg/utility_media.png); width: 62px;}
				#util-sitemap {background: url(../images/skin/bg/utility_site-map.png); width: 82px;}

				#lang-chinese {background:url(../images/skin/bg/language_chinese.png); width: 48px;}
				#lang-korean {background: url(../images/skin/bg/language_korean.png); width: 73px;}
				#lang-spanish {background: url(../images/skin/bg/language_spanish.png); width: 77px;}
				#lang-farsi {background: url(../images/skin/bg/language_punjabi.png); width: 59px;}
				#lang-vietnamese {background: url(../images/skin/bg/language_vietnamese.png); width: 80px;}
	
	.search-field {
		background: url(../images/skin/bg/bg-search.png) left top no-repeat;
		display: block;
		width: 282px;
		height: 25px;
		padding: 0px 5px;
		font-size: 12px;
		color: #a0aab4;
		position: absolute;
		right: 30px;
		top: 50px;
		line-height: 22px;
	}	
	#btn-search {
		display: block;
		width: 37px;
		height: 1px;
		padding-top: 32px;
		overflow: hidden;
		background: url(../images/skin/bg/search-button.png);
		position: absolute;
		top: 46px; right: 0px;
	}	
		#btn-search:hover {background-position: -37px 0px;}

	#breadcrumbs {
		color: #b9d2e9;
		font-size: 11px;
		position: absolute;
		left: 0px;
		bottom: 8px;
	}
		#breadcrumbs a {text-decoration: none; color: #b9d2e9;}
		#breadcrumbs a:hover {text-decoration: underline; color: #b9d2e9;}
		
/* --CONTENT-- */
#main { 
	position: relative; 
	/* margin-top: 200px; */
}
	#main .m-w1 {
	}
	#main .m-w2 { 
		overflow: hidden; 
	}
	#subnav-wrapper, #content {
		float: left;
	}
	#ctas {
		display: none;
		width: 175px;
		float: right;
		background: url(../images/skin/bg/bg_cta-nav.jpg) center top no-repeat;
		min-height: 440px;
		font-size: 12px;
		color: #000000;
		line-height: 18px;
	}
		.ctas-inner {}
			.did-you-know {padding: 0px 10px 0px 12px;}
			#cta-order {
				background: url(../images/skin/bg/order-free-education-materials.png);
				width: 175px;
				height: 1px;
				padding-top: 174px;
				overflow: hidden;
				display: block;
				margin-top: 20px;
			}
			#cta-order:hover {background-position: -175px 0px;}
			
			#cta-twitter {
				background: url(../images/skin/bg/social_twitter.png);
				width: 160px;
				height: 1px;
				padding-top: 44px;
				overflow: hidden;
				display: block;
				margin-left: 7px;
				margin-bottom: 2px;
			}
			#cta-twitter:hover {background-position: 0 -46px;}
			
			.ctas-upcoming {
				background: url(../images/skin/bg/news-events.png) center top no-repeat;
				min-height: 155px;
				padding: 35px 10px 0px 12px;
				line-height: 16px;
				color: #555a5a;
			}
				.ctas-upcoming p {line-height: 16px;}
				.upcoming-title {
					display: block;
					line-height:14px;
					font-weight: bold;
					color: #000;
				}
			
	/* Subnav appears after content-body in markup, 
		but often is shifted to the left */
	#subnav-wrapper {
		width: 175px;
		position: relative;
		left: -795px;
		top: 0;
		min-height: 440px;
	}
	#subnav { 
		 /* Negative width of #content */
		background: url(../images/skin/bg/bg_cta-nav.jpg) center top no-repeat;
		padding: 33px 0 0;
		min-height: 150px;
		overflow: hidden;
	}
		#subnav ul { padding: 0 15px;}
			#subnav ul li {margin-bottom: 5px;}
				#subnav ul li a {
					color: #565c61;
					font-size: 12px;
					text-decoration: none;
					background: url(../images/skin/bg/subnav-bullet.png) left 6px no-repeat;
					display: block;
					padding-left: 8px;
					display: none;
				}
				#subnav ul li a:hover {
					color: #f00000;
					background: url(../images/skin/bg/subnav-bullet-active.png) left 6px no-repeat;
				}
				#subnav ul ul li.active a {
					color: #f00000;
					background: url(../images/skin/bg/subnav-bullet-active.png) left 6px no-repeat;
				}
					#subnav ul ul {
						padding: 0px;
					}
						#subnav ul ul li a {
							display: block;
						}
						
	#content {
		width: 755px;
		padding: 12px 20px;
		position: relative;
		overflow: hidden;
		left: 185px; /* Positive width of #subnav */
		top: 0;
	}
		.top {
			display: block;
			width: 85px;
			height: 1px;
			padding-top: 34px;
			overflow:hidden;
			background: url(../images/skin/bg/back-to-top.png);
			margin-bottom: 30px;
		}
			.top:hover {background-position: 0 -35px;}
	.print-btn {
		position: absolute;
		top: 12px;
		right: 0;
	}
		.print-btn a {
			display: block;
			height: 1px;
			width: 76px;
			padding-top: 31px;
			overflow: hidden;
			background: url(/images/skin/bg/print-page.png) no-repeat -76px 0;
		}
		.print-btn a:hover {
			background-position: 4px 0px;
		}
	.back-to-top {
		height: 1px; 
		padding-top: 34px;
		width: 85px;
		overflow: hidden;
		display: block;
		background: url(/images/skin/bg/back-to-top.png) no-repeat 0 0;
	}
		.back-to-top:hover {
			background-position: 0 -35px;
		}	
/* --FOOTER-- */
#footer { font-size: 11px; color: #7f8c94;}
	#footer, .f-w1, f-w2 {
		height: 176px;
	}
		#footer a {
			font-size: 11px;
			color: #7f8c94;
			text-decoration: none;
		}
			#footer a:hover {text-decoration: underline;}
.f-w3 {overflow: hidden;}
	#counter {
		display: block;
		width: 294px;
		height: 58px;
		padding-top: 18px;
		background: url(/images/home/bg_counter.gif) center top no-repeat;
		position: relative;
	}
		#counter ul {
			font-family: impact;
			font-size: 25px;
			margin-left: 15px;
			color: #ffffff;
			
		}
			#counter ul li {
				list-style: none;
				float: left;
				width: 26px;
				height: 27px;
				margin-right: 5px;
				text-align: center;
			}
			.call_number {
				font-size: 11px;
				color: #6e7d8c;
				position: absolute;
				top: 49px;
				left: 15px;
			}
	#footer-cta {
		position: absolute;
		left: 300px; top: -8px;
		width: 246px;
	}			
		#footer-cta ul {margin: 0px; padding: 0px;}
			#footer-cta ul li {
				float: left;
				width: 82px;
			}
				#footer-cta ul li a {
					display: block;
					width: 82px;
					height: 1px;
					padding-top: 84px;
					overflow: hidden;
				}
					#footer-cta-faq {background: url(../images/skin/bg/cta_faq.png);}
					#footer-cta-media {background: url(../images/skin/bg/cta_media-room.png);}
					#footer-cta-911 {background: url(../images/skin/bg/cta_911-education.png);}
					
					#footer-cta ul li a:hover {background-position: 0 -85px;}
					
	#bottomlinks-left {
		line-height: 18px;	
		padding-left: 5px;
		float: left;
	}
	#bottomlinks-right {
		line-height: 18px;
		padding-right: 5px;
		width: 415px;
		float: right;
		text-align: right;
	}
		#bottomlinks-right a {padding: 0px 3px;}
		#footer-logo-container {padding-top: 10px; border-bottom: 1px solid #002d64; margin-bottom: 15px; overflow: hidden;}
			#footer-logo-container img {
				float: right;
			}
		
		.footer-language {font-weight: bold;}
/* STICKY FOOTERS: Uncomment to enable */
/*
html,body {	height:100%; }
#wrapper { min-height: 100%; position: relative; }
#footer { 
	position: absolute; bottom: 0; left: 0; width: 100%; 
	height: 60px; 
}
#main { padding-bottom: 60px; }
*/
/* END STICKY FOOTERS */

#order-form .childrens-materials .border {height:188px; margin-top:10px;}
#order-form .childrens-materials .short {height:77px;}
#order-form .brochure-info .border {margin-top:10px;}



#order-form table {border:none;}
#order-form td {border-color:transparent;border-style:none;border-width:0px;}
#order-form input, #order-form select {
background:transparent url(/images/form/input-bg.gif) no-repeat scroll left top;
/*border:1px solid #B9B9B9;*/
color:#9099a2;
font-size:11px;
/*margin-top:10px;*/
height:25px;
}
	#ActivitySheet {margin: 5px 15px 0 0;}
#order-form input.small {width:140px;}
#order-form input.medium {width:250px;}
#order-form input.large {width:290px;}
#order-form input.phone {width:102px;}
#order-form .sub-heading span{font-size:12px;}

/* --- Page Structure  --- */
h5{font-size:1em}
#order-form .collapse p {padding:0 10px 1em}
#order-form .top{font-size:.9em; text-align:right}
#order-form #switch, .switch {margin-bottom:5px; text-align:left; font-size: 150%; font-weight: bold;margin-top: 1em;}

/* --- Headings  --- */
#order-form .comments td {color:#555a5a;}
#order-form .section-heading {display:block;height:25px;background-color:#f00000;color:#fff;font-size:16px;padding:3px 8px 0px;}
#order-form .your-information {border:2px solid #f00000;height:220px;margin-top: 5px;}
#order-form .comments-box {border:2px solid #f00000;height:180px;}
#order-form .expand{background-color:#28548a; color:#fff;height:25px;font-size:16px;margin-top: 10px;}
#order-form h2 span {font-size:12px;}
#order-form .required{color:#f00000;font-size:20px;}
#order-form .punjabi {background:transparent url(/images/form/punjabi.gif) no-repeat scroll left top; display:block;width:50px;height:30px;margin-top: 5px;}
#order-form .korean {background:transparent url(/images/form/korean.gif) no-repeat scroll left top; display:block;width:45px;height:26px;margin-top: 5px;}
#order-form .viet {background:transparent url(/images/form/vietnamese.gif) no-repeat scroll left top; display:block;width:72px;height:26px;margin-top: 5px;}
#order-form .spanish {background:transparent url(/images/form/spanish.gif) no-repeat scroll left top; display:block;width:53px;height:25px;margin-top: 5px;}
#order-form .chinese {background:transparent url(/images/form/chinese.gif) no-repeat scroll left top; display:block;width:54px;height:25px;margin-top: 5px;}

#order-form td{padding:0 0;padding-right:4px;color:#555a5a;vertical-align:top;}
	#order-form .last-cell {padding-right: 0px;}
#order-form .your-information .first-cell {text-align:right;}
#order-form img {padding:4px;}

#order-form .expand a span {font-size:12px;}
#order-form h5 {font-weight:normal;}
/* --- Links  --- */
#order-form #btnSubmit {background:transparent url(/images/form/btnsubmit.gif) repeat scroll 0 0;
display:block;
height:44px;
overflow:hidden;
width:166px;
border:medium none;
cursor:pointer;
}
#order-form .back2-top {background:transparent url(/images/form/back2top.gif) repeat scroll 0 0;
display:block;
height:18px;
overflow:hidden;
width:77px;
}

#order-form .expand a {
  display:block;
  padding:6px 10px;
  color:#fff;
  font-size:16px;
  text-decoration:none;
  background-color:#28548a;
}
#order-form table .main-table {}
#order-form table.main-table {}

#order-form .sub-heading {background-color:#B4B9BE;color:#FFFFFF;display:block;font-size:16px;height:25px;margin-top:10px;padding:4px 8px 0px;}
#order-form .border {border:2px solid #b4b9be;}
#order-form .border-notop {border: 2px solid #b4b9be; border-top: none;}
#order-form .title {color:#28548a;font-size:16px;font-weight:bold;padding-right:5px;display: block;}
#order-form .text {color:#28548a;padding-right:5px;display: block; padding-bottom: 5px;}

#order-form .expand a:link, .expand a:visited {
  border-width:1px;
  background-image:url(/images/form/open.gif);
  background-repeat:no-repeat;
  background-position:98% 50%;
}
#order-form .expand a:hover, .expand a:active, .expand a:focus {
  text-decoration:none;

}
#order-form .expand a.open:link, .expand a.open:visited {
  /*border-style:solid;*/
  background:#28548a url(/images/form/close.gif) no-repeat 98% 50%
}
#order-form .posters select {margin: 5px 0;}
#order-form .your-information td {vertical-align:middle;}
#order-form .your-information input {margin-top: 10px;}


#totalcalls {
    margin-bottom: 2em;
}

#totalcalls th {
    background: #739fba;
    border-left: 0;
    border-right: 1px solid white;
}
#totalcalls th,
#totalcalls td {
    font-size: 8pt;
    line-height: auto;
    padding: 0 4px;
    border-bottom: 1px solid white;
}

.radio-ads {
    margin: 0 auto; 
    width: 80%;
}

.radio-ads th {
    border-left: 0;
    border-right: 1px solid white;
    text-align: center;
    font-size: 1em;
}


.radio-ads caption {
    font-weight: bold;
    text-align: center;
}