/*
=general
=form
=table
=page structure
=header
=content
=footer
=misc
*/

/*
=general
---------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

html {
	height: 101%;
	width: 100%;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 69%; /* 11px */
	color: #666;
	line-height: 150%; /* 18px */
	width: 100%;
	text-align: center;
	background-color: #f2f3f3;
}

table, tr, input, select, textarea, ul, ol {
	font-size: 100%;
	vertical-align: top;
}

td {
	font-size: 90%;
	vertical-align: top;
	line-height: 120%;
	padding: 0 1em 0 0;


}

a img, img { border: 0; }

code, pre {
	font-size: 1.5em;
	color: #999;
	display: block;
	width: 500px;
}

/* =a */
a { color: #666; }

a:hover, a:focus, a:active, a.current { color: #000; }

/* =hxs */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 130%;
}

/* =h1 */
h1 {
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
}

/* =h2 */
h2 {
	font-size: 1em; /* 11px */
	color: #000;
	padding: 0 0 .25em 0;
	margin: 0 0 1em 0;
	border-bottom: 1px solid #d5d6d7;
}

h3{
	font-size: 1em; /* 11px */
	text-transform: uppercase;
	color: #000;
	padding: 0 0 .25em 0;
	margin: 0 0 1em 0;
	border-bottom: 1px solid #d5d6d7;
}

h2 a { text-decoration: none; color: #000; }

h2 a:hover { text-decoration: underline; }

/* =h3 */
h3 {
	text-transform: uppercase;
}

h3 a { text-decoration: none; color: #000; }

h3 a:hover { text-decoration: underline; }


/* =h4 */
h4 {}

/* =h5 */
h5 {}

/* =h6 */
h6 {}

ul {
	list-style: disc;
	margin: 0 0 0 15px;
	padding: 0 0 1.5em 0;
}

ol {
	margin: 0 0 0 15px;
	padding: 0 0 1.5em 0;
}

li {}

p { margin-bottom: 1.5em; }


/*
=image
---------------------------------------------- */

#image-left {
	float:left;
	margin: 0 10px 10px 0;
}

.image-left {
	float:left;
	margin: 0 10px 0 0;
}


/*
=form
---------------------------------------------- */

/*
=table
---------------------------------------------- */

.tableline {
	border-top: 1px solid #d5d6d7;

}


/*
=page structure
---------------------------------------------- */
#container {
	width: 822px;
	margin: 70px auto;
	text-align: left;
	background: transparent url(../images/container-bg.jpg) repeat-y 0% 0%;
}

#header {
	width: 774px; /* 822px */
	height: 120px;
	padding: 0 24px;
	background: #f2f3f3 url(../images/header-bg.jpg) no-repeat 0% 100%;
	position: relative;
}

#wrapper {
	width: 774px; /* 822px */
	padding: 0 24px;
	background: transparent url(../images/wrapper-bg.jpg) no-repeat 0% 0%;
}

#main_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 774px;
	height: 29px;
	position: absolute;
	top: 0;
}

#service_nav {
	float: right;
	width: 200px;
	margin: 11px 40px 0 0;
	display: inline;
}

#content_left {
	float: left;
	width: 210px;
}

#content {
	width: 558px;
	height: 400px;
	min-height: 400px;
	float: right;
}

*>#content { height: auto; }

#footer {
	width: 774px;
	margin: 0 auto;
	background: #f2f3f3 url(../images/footer-bg.png) no-repeat 0% 0%;
	padding: 30px 24px 50px;
}

/*
=header
---------------------------------------------- */
#header #logo {
	position: absolute;
	top: 35px;
	right: 24px;
}

#header h1 {
	position: absolute;
	bottom: 18px;
	left: 24px;
}

#header #crumb_nav {
	position: absolute;
	bottom: 40px;
	color: #c0a262;
}

#header #crumb_nav em {
	font-style: normal;
	font-size: 10px;
}

#header #crumb_nav em a {
	text-decoration: none;
	color: #c0a262;
}

#header #crumb_nav em span { color: #666; }

#header #crumb_nav em a:hover { text-decoration: underline; }

/*
=main_nav
---------------------------------------------- */
#main_nav li { display: inline; }

#main_nav li a {
	float: left;
	text-decoration: none;
	position: relative;
	z-index: 0;
}

#main_nav li a span {
	height: 29px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	margin: 0 10px 0 0;
	display: block;
	z-index: 5000;
	position: relative;
}

#main_nav li#nav_news a strong { width: 105px; }
#main_nav li#nav_news a span { width: 105px; background-image: url(../images/main-nav-news.gif); }
#main_nav li#nav_news a:focus span, #main_nav li#nav_news a:hover span, #main_nav li#nav_news a:active, #main_nav li#nav_news a.current span { background-position: -105px 0%; }

#main_nav li#nav_history a strong { width: 105px; }
#main_nav li#nav_history a span { width: 105px; background-image: url(../images/main-nav-history.gif); }
#main_nav li#nav_history a:focus span, #main_nav li#nav_history a:hover span, #main_nav li#nav_history a:active span, #main_nav li#nav_history a.current span { background-position: -105px 0%; }

#main_nav li#nav_success a strong { width: 111px; }
#main_nav li#nav_success a span { width: 111px; background-image: url(../images/main-nav-success.gif); }
#main_nav li#nav_success a:focus span, #main_nav li#nav_success a:hover span, #main_nav li#nav_success a:active span, #main_nav li#nav_success a.current span { background-position: -111px 0%; }

#main_nav li#nav_calling a strong { width: 81px; }
#main_nav li#nav_calling a span { width: 81px; background-image: url(../images/main-nav-calling.gif); }
#main_nav li#nav_calling a:focus span, #main_nav li#nav_calling a:hover span, #main_nav li#nav_calling a:active span, #main_nav li#nav_calling a.current span { background-position: -81px 0%; }

#main_nav li#nav_comms a strong { width: 105px; }
#main_nav li#nav_comms a span { width: 105px; background-image: url(../images/main-nav-comms.gif); }
#main_nav li#nav_comms a:focus span, #main_nav li#nav_comms a:hover span, #main_nav li#nav_comms a:active span, #main_nav li#nav_comms a.current span { background-position: -105px 0%; }

#main_nav li#nav_working a strong { width: 100px; }
#main_nav li#nav_working a span { width: 100px; background-image: url(../images/main-nav-working.gif); }
#main_nav li#nav_working a:focus span, #main_nav li#nav_working a:hover span, #main_nav li#nav_working a:active span, #main_nav li#nav_working a.current span { background-position: -100px 0%; }

#main_nav li#nav_anniversary a strong { width: 107px; }
#main_nav li#nav_anniversary a span { width: 107px; background-image: url(../images/main-nav-anniversary.gif); margin-right: 0; }
#main_nav li#nav_anniversary a:focus span, #main_nav li#nav_anniversary a:hover span, #main_nav li#nav_anniversary a:active span, #main_nav li#nav_anniversary a.current span { background-position: -107px 0%; }

#main_nav li a strong {
	height: 29px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: block;
	font-weight: normal;
	text-align: center;
	z-index: 1000;
	line-height: 14px;
}

/*
=service_nav
---------------------------------------------- */
#service_nav li { display: inline; }

#service_nav li a {
	float: left;
	width: 60px;
	height: 60px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	margin: 0 10px 0 0;
	text-decoration: none;
}

#service_nav li a:focus, #service_nav li a:hover, #service_nav li a:active, #service_nav li a.current { background-position: -60px 0%; }

#service_nav li#nav_fire a { background-image: url(../images/service-nav-fire.png); }
#service_nav li#nav_ambulance a { background-image: url(../images/service-nav-ambulance.png); }
#service_nav li#nav_police a { background-image: url(../images/service-nav-police.png); margin-right: 0; }

#service_nav li span {
	position: absolute;
	left: -999em;
}

/*
=content
---------------------------------------------- */
.panel img {
	margin-bottom: 1em;
	display: block;
}

#content .panel .video_screenshot {
    float: left;
    width: 283px;
}

#content .panel .video_details {
    float: right;
    width: 235px;
}

.panel_top h2 {
	margin: 0;
	padding: .5em 0;
	border: none;
}

/* =content panel */

#content .panel_top {
	background: transparent url(../images/content-panel-top-bg.png) no-repeat 0% 100%;
	width: 558px;
	height: 12px;
}

#content .panel {
	background: transparent url(../images/content-panel-bg.png) repeat-y 0% 0%;
	padding: 4px 15px 14px 15px;
	width: 528px; /* 558px */
	position: relative;
}

#content .panel_bottom {
	background: transparent url(../images/content-panel-bottom-bg.png) no-repeat 0% 0%;
	width: 558px;
	height: 12px;
	margin: 0 0 1.5em 0;
	position: relative;
}

/* =content_left panel */

#content_left .panel_top {
	background: transparent url(../images/content-left-panel-top-bg.png) no-repeat 0% 0%;
	width: 180px; /* 210px */
	padding: 0 20px 0 10px;
}

#content_left .panel_top.grey_top { background: transparent url(../images/content-left-panel-top-grey-bg.png) no-repeat 0% 0%; }

#content_left .panel {
	background: transparent url(../images/content-left-panel-bg.png) repeat-y 0% 0%;
	padding: .75em 20px 0 10px;
	width: 180px;  /* 210px */
	position: relative;
}

#content_left .panel.orange { background-image: url(../images/content-left-panel-orange-bg.png); }
#content_left .panel.grey { background-image: url(../images/content-left-panel-grey-bg.png); }

#content_left .panel_bottom {
	background: transparent url(../images/content-left-panel-bottom-bg.png) no-repeat 0% 0%;
	width: 210px;
	height: 14px;
	margin: 0 0 1.5em 0;
	position: relative;
}

#content_left .panel_bottom.orange_bot { background-image: url(../images/content-left-panel-bottom-orange-bg.png); }
#content_left .panel_bottom.grey_bot { background-image: url(../images/content-left-panel-bottom-grey-bg.png); }


/* =list_bullets */

.list_bullets li { margin-bottom: 1.5em; }


/* =list_links */

.list_links  {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list_links li { width: 100%; }

.list_links li a {
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0% 2px;
	background-image: url(../images/arrow-yellow.gif);
	padding: 0 0 5px 20px;
}

.list_links li.red a { background-image: url(../images/arrow-red.gif); }
.list_links li.green a { background-image: url(../images/arrow-green.gif); }
.list_links li.blue a { background-image: url(../images/arrow-blue.gif); }


.list_links li a:focus, .list_links li a:hover, .list_links li a:active { background-image: url(../images/arrow-grey.gif); }

/* =list_facts */

.list_facts {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.list_facts li {
	width: 100%;
	border-bottom: 1px solid #d5d6d7;
	margin: 0 0 6px 0;
}

.list_facts li a {
	padding: 0 0 10px 28px;
	background: transparent url(../images/fact-red.gif) no-repeat 0% 0%;
}

.list_facts li a:focus, .list_facts li a:hover, .list_facts li a:active { background-image: url(../images/fact-grey.gif); }

.list_facts li a em {
	font-style: normal;
	text-decoration: none;
	display: block;
	color: #333;
	padding: 0 0 6px 28px;
}

/* =list_media_library */

.list_media_library {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.list_media_library li { width: 100%; }

.list_media_library li a {
	display: block;
	padding: 0 0 28px 69px;
	margin: 0 0 5px 0;
	background: transparent url(../images/media_library_fire.gif) no-repeat 0% 0%;
}

.list_media_library li.ambulance a { background-image: url(../images/media_library_ambulance.gif); }
.list_media_library li.police a { background-image: url(../images/media_library_police.gif); }

/* =list_magnify */

.list_magnify {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.list_magnify li { width: 100%; }

.list_magnify li a {
	display: block;
	padding: 0 0 5px 28px;
	margin: 0 0 5px 0;
	background: transparent url(../images/magnify-grey.gif) no-repeat 0% 0%;
}

.list_magnify li.blue a { background-image: url(../images/magnify-blue.gif); }
.list_magnify li.green a { background-image: url(../images/magnify-green.gif); }

.list_magnify li a:focus, .list_magnify li a:hover, .list_magnify li a:active { background-image: url(../images/magnify-yellow.gif) !important; }


/* =list_material */

.list_material {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.list_material li { width: 100%; }

.list_material li a {
	display: block;
	padding: 0 0 5px 28px;
	margin: 0 0 5px 0;
	background: transparent url(../images/material-grey.gif) no-repeat 0% 0%;
}

.list_material li a:focus, .list_material li a:hover, .list_material li a:active { background-image: url(../images/material-yellow.gif) !important; }



/* =list_audio */

.list_audio {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.list_audio li { width: 100%; }

.list_audio li a {
	display: block;
	padding: 0 0 5px 28px;
	margin: 0 0 5px 0;
	background: transparent url(../images/audio-red.gif) no-repeat 0% 0%;
}

.list_audio li.blue a { background-image: url(../images/audio-blue.gif); }
.list_audio li.green a { background-image: url(../images/audio-green.gif); }

.list_audio li a:focus, .list_audio li a:hover, .list_audio li a:active { background-image: url(../images/audio-grey.gif) !important; }

/* =list_items */

.list_items {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.list_items li {
	border-bottom: 1px solid #d5d6d7;
	padding: 0 0 7px 0;
	margin: 0 0 6px 0;
}

.list_items li a span {
	float: left;
	width: 22px;
	height: 20px; /* 22px */
	padding: 2px 0 0 0;
	background: transparent url(../images/button-blue.gif) no-repeat 0% 0%;
	color: #fff;
	text-align: center;
	margin: 2px 5px 0 0;
	font-weight: bold;
	text-decoration: none;
}

.list_items li.green a span { background-image: url(../images/button-green.gif); }
.list_items li.red a span { background-image: url(../images/button-red.gif); }

.list_items li a:focus span, .list_items li a:hover span, .list_items li a:active span { background-image: url(../images/button-grey.gif); }

.list_items li a em {
	font-style: normal;
	text-decoration: none;
	display: block;
	color: #333;
}


/* =list-movie */

.list-movie {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.list-movie li {
	border-bottom: 1px solid #d5d6d7;
	padding: 0 0 7px 0;
	margin: 0 0 6px 0;
}

.list-movie li a span {
	float: left;
	width: 22px;
	height: 20px; /* 22px */
	padding: 2px 0 0 0;
	background: transparent url(../images/movie-red.gif) no-repeat 0% 0%;
	color: #fff;
	text-align: center;
	margin: 2px 5px 0 0;
	font-weight: bold;
	text-decoration: none;
}

.list-movie li.green a span { background-image: url(../images/movie-green.gif); }
.list-movie li.blue a span { background-image: url(../images/movie-blue.gif); }

.list-movie li a:focus span, .list-movie li a:hover span, .list-movie li a:active span { background-image: url(../images/movie-grey.gif); }


/* =list-media */

.list-media {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.list-media li {
	border-bottom: 1px solid #d5d6d7;
	padding: 0 0 7px 0;
	margin: 0 0 6px 0;
}

.list-media li a span {
	float: left;
	width: 22px;
	height: 20px; /* 22px */
	padding: 2px 0 0 0;
	background: transparent url(../images/media-release-yellow.gif) no-repeat 0% 0%;
	color: #fff;
	text-align: center;
	margin: 2px 5px 0 0;
	font-weight: bold;
	text-decoration: none;
}

.list-media li.red a span { background-image: url(../images/media-release-red.gif); }
.list-media li.green a span { background-image: url(../images/media-release-green.gif); }
.list-media li.blue a span { background-image: url(../images/media-release-blue.gif); }

.list-media li a:focus span, .list-media li a:hover span, .list-media li a:active span { background-image: url(../images/media-release-grey.gif); }

.list-media li a em {
	font-style: normal;
	text-decoration: none;
	display: block;
	color: #333;
}



/* =read */

.read {
	background: transparent url(../images/arrow-blue.gif) no-repeat 0% 2px;
	display: block;
	padding: 0 0 5px 20px;
	width: 100%;
}

.read_green { 
	background: transparent url(../images/arrow-green.gif) no-repeat 0% 2px;
	display: block;
	padding: 0 0 5px 20px;
	width: 100%;

}
.read_red { 
	background: transparent url(../images/arrow-red.gif) no-repeat 0% 2px;
	display: block;
	padding: 0 0 5px 20px;
	width: 100%;
}

.read_yellow { 
	background: transparent url(../images/arrow-yellow.gif) no-repeat 0% 2px;
	display: block;
	padding: 0 0 5px 20px;
	width: 100%;
}

.read:focus, .read:hover, .read:active, .read_green:focus, .read_green:hover, .read_green:active, .read_red:focus, .read_red:hover, .read_red:active, .read_yellow:focus, .read_yellow:hover, .read_yellow:active, { background-image: url(../images/arrow-grey.gif); }

.button_nav {
	height: 38px;
	width: 90px;
	position: absolute;
	bottom: -13px;
	left: 58px;
	z-index: 8000;
}

#content_left .button_nav { bottom: -12px; }

.button_prev {
	background: transparent url(../images/button-prev.png) no-repeat 0% 0%;
	display: block;
	width: 45px;
	height: 38px;
	float: left;
}

#content_left .button_prev { background-image: url(../images/button-prev-content-left.png); }

.button_prev:focus, .button_prev:hover, .button_prev:active { background-position: -45px 0%; }

.button_next {
	background: transparent url(../images/button-next.png) no-repeat 0% 0%;
	display: block;
	width: 45px;
	height: 38px;
	float: left;
}

#content_left .button_next { background-image: url(../images/button-next-content-left.png); }

.button_next:focus, .button_next:hover, .button_next:active { background-position: -45px 0%; }

.button_nav em { display: none; }

/* =timeline */

#timeline {
	margin: 0;
	padding: 0;
	list-style: none;
}

#timeline li { display: inline; }

#timeline li a {
 	float: left;
	display: block;
	width: 60px;
	height: 34px;
	background: transparent url(../images/timeline-button.gif) no-repeat 0% 0%;
	position: relative;
	font-size: 10px;
	text-decoration: none;
	color: #000;
}

#timeline li a:focus, #timeline li a:hover, #timeline li a:active { background-position: -60px 0%; }

#timeline li.end a {
	background-image: url(../images/timeline-button-end.gif);
	width: 62px;
}

#timeline li.end a:focus, #timeline li.end a:hover, #timeline li.end a:active { background-position: -62px 0%; }

#timeline li a span {
	position: absolute;
	top: 0;
	left: 0;
	padding: 7px 0 0 0;
	height: 27px; /* 34px */
	width: 32px;
	text-align: center;
	display: block;
}

#timeline li.white a { background-image: url(../images/timeline-button-white.gif); }
#timeline li.white a:focus, #timeline li.white a:hover, #timeline li.white a:active, #timeline li.white a.current { background-position: -60px 0%; }


#timeline li.white-end a { background-image: url(../images/timeline-button-white-end.gif); }
#timeline li.white-end a:focus, #timeline li.white-end a:hover, #timeline li.white-end a:active, #timeline li.white-end a.current { background-position: -60px 0%; }


/*
=footer
---------------------------------------------- */
#footer #logo_111 {
	position: relative;
	top: -5px;
	float: left;
	margin-right: 10px;
}

#footer #utility_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#footer #utility_nav li { display: inline; }

#footer #utility_nav li a {
	text-decoration: none;
	color: #666;
}

#footer #utility_nav li a:focus, #footer #utility_nav li a:hover, #footer #utility_nav li a:active { text-decoration: underline; }

/*
=misc
---------------------------------------------- */
.hide, hr {
	position: absolute;
	left: -999em;
}

/* =self clearing floats */
.clearfix:after,
#header:after,
.panel:after,
#main_nav:after,
.buttons_nav:after,
#timeline:after,
#header:after,
.list li:after,
#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}