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

body { margin: 0; background-image: url(../images/safetyBg.jpg); background-repeat: repeat-x; background-color: #cbdff0; }

a img {border: 0px;}

img.inset {float:right; padding: 6px; margin: 3px 0 12px 12px; border: 1px solid silver;}

#wrapper { width: 900px; margin: auto; background-color: #FFF; }

#slider {
	position: relative;
	width: 870px;
	margin: auto;
	height: 295px;
	background-image: url(../images/sliderBg.jpg);
	background-position: top right;
}

#slider .content { font-family: 'Open Sans', sans-serif; width: 417px; height: 295px; float: left;}
#slider .content h2 { color: #0662b5; margin: 25px 25px 15px 25px; }
#slider .content p { font-size: 12px; margin: 0 25px 10px 25px; }
#slider .content a.readMoreLink { font-size: 12px; color: #0662b5; font-weight: bold; padding-left: 25px; }


#nav { position: absolute; bottom: 20px; right: 12px; z-index: 10000; }
#nav a { margin: 0 5px; padding: 3px 5px; border: 1px solid #e1e1e1; background-color: #eee;  text-decoration: none; font-size: 12px; color: #0662b5; font-family: arial; }
#nav a.activeSlide { background-color: #c3c3c3; }
#nav a:focus { outline: none; }

#copy {
	width: 870px;
	margin: 0 auto;
	background-image: url(../images/letter_bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	
	
	
}
#copy.bg-none{
	
	background-image: none;}
	
#copy .content-long { font-family: 'Open Sans', sans-serif; width: 800px; clear: right; margin-left: 15px;}
#copy .content { font-family: 'Open Sans', sans-serif; width: 800px; height: 340px; clear: right;}
#copy .content h2, #copy .content-long h2 { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #3a4753; margin:0px; padding: 15px 0 0 15px;}
#copy .content h3, #copy .content-long h3 { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #0662b5; margin: 0px; padding: 15px 0 0 15px;}
#copy .content p, #copy .content-long p { font-size: 12px; color: #444e54; padding: 0px 0 0 15px; font-size: 13px; }
#copy .content-long ul {padding:0 15px 0 15px;}
#copy .content-long ul li {font-size: 12px; color: #72614a; line-height: 20px;}

	#copy .content-long ul.tabnav {float: right; background-color: #e0e0e0; margin: 0 0 0 20px; padding: 15px;}
	#copy .content-long ul.tabnav li {list-style: none; font-size: 12px; margin-bottom: 8px;}
	#copy .content-long ul.tabnav li a {text-decoration: none; color: #999; text-transform: uppercase; background-color: #eeeeee; display: block; padding: 4px; }
	#copy .content-long ul.tabnav li a:hover {background-color: #e9e9e9;}
	
	/*** UI-TABS ***/

.ui-tabs .ui-tabs-hide {
     display: none;
}
	


#columnContainer {
	width: auto;
	overflow: auto;
	margin: auto;
	background-color: #FFF;
	display: flex;
	
}

#columnContainer.padding {padding-bottom:15px;}

#columnContainer p {
	font-size: 16px;
	margin-right: 25px;
}

#columnContainer h2 {
	font-size: 20px;
}

#column1, #column2 {
	width: 420px;
	margin: auto;
}

#breaking-news, #featured-news { width: 280px; margin-top: 15px; float: left; background-color: #eee; font-family: 'Open Sans', sans-serif; }
#breaking-news h2, #featured-news h2 { font-family: 'Open Sans', sans-serif; color: #ba251d; margin: 5px auto 10px auto; width: 240px;  font-size: 16px; }
#breaking-news p, #featured-news p { font-family: 'Open Sans', sans-serif; color: #666; width: 240px; margin: 0 auto 10px auto; font-size: 12px; line-height: 20px; }
#breaking-news a.readMore, #featured-news a.readMore { display: block; clear: both; float: right; margin: 10px 25px 15px 0; font-size: 12px; color: #0662b5; text-decoration: none; font-weight: bold; }

#stories {  float: left; margin-top: 15px; font-family: 'Open Sans', sans-serif; }
#stories .story { width: auto; margin-bottom: 10px; float: left; clear: both; border-bottom: 1px solid #e3e3e3; }
#stories .no-border { border: 0; }
#stories .story img { width: 30%; float: left; padding: 0 10px 10px 0; }
#stories .story h2 { font-size: 16px; color: #0662b5; margin: 0; padding: 0; }
#stories .story h2 a { text-decoration: none; color:#0662b5; }
#stories .story h2 a:hover { color: #ba251d; }


#stories .story p { font-size: 12px; color: #52595f; margin-top: 8px; padding: 0; }
#stories a.readMore { display: block;  float: right; margin: 15px 25px 15px 0; font-size: 12px; color: #0662b5; text-decoration: none; font-weight: bold; }

#copy .content-long .callout { width: 750px; padding: 25px; margin-bottom: 25px; display: inline; background-color: #eee; float: left; }
#copy .content-long	.callout img { float: left; margin: 0 10px 10px 0; }
#copy .content-long	.callout h2 { margin: 0 0 5px 0; padding: 0; }
#copy .content-long	.callout p { font-family: 'Open Sans', sans-serif; font-size: 13px; }
#copy .content-long	.callout .subby { background-color: #e0e0e0; padding: 10px; }
	
#copy .content-long	.callout .subby ul { margin: 0 10px 0 auto; padding: 0 0 0 25px;  }
#copy .content-long	.callout .subby li { color: #444e54; line-height: 24px; margin-bottom: 10px; }

#copy h3.content-redline { color: red; text-decoration-line: underline; padding-top: 0px;}

#initiatives {	
	width: 885px;
	height: 140px;
	background-color: #fff;
	float: left;
	margin: 15px 0 0 15px;}
	
	#memberships {
	background-image: url(../images/sbct.jpg);
	background-repeat: no-repeat;
	width: 500px;
	height: 140px;
	float: left;}
	
	#breakingStory {
		width: 280px;
		background-color: #f4f3ef;
		float: left;
		margin: 0;
		overflow-y: auto;
	}
	
	
	#breakingStory h2 {
		font-family: Verdana, arial, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #0662b5;
		padding: 0 0 0 15px;
	}
	#breakingStory p {
		padding: 0 10px 0 15px;
		font-family: Verdana, arial, sans-serif;
		font-size: 12px;
		color:#666;
		line-height: 18px;
	}

.department { width: auto; }
.department p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0 15px 15px 15px;
}

.blue {
	color: #1662B5;
	background-color: #CAD2EA;
	height: 106px;
}
.red {
	color: #BA251D;
	background-color: #EFCCC4;
	height: 106px;
}
.green {
	color: #2D7823;
	background-color: #D0F7CA;
	height: 106px;
}

h1.header-long {font-size: 1.5em;}

h2.replace { margin: 0; padding: 0; text-indent: -9999px; overflow: hidden; }
h2.ps { background-image: url(../images/ps-police-button.gif); height: 106px; width: 280px; }
h2.ep { background-image: url(../images/em-button.gif); height: 106px; width: 280px; margin:auto;}
h2.ehs { background-image: url(../images/ehs-button.gif); height: 106px; width: 280px; margin:auto;}



ul.sublinks { background-color: none; }
ul.sublinks.blueBullet { list-style-image: url(../images/blueCrosshair.gif); }
ul.sublinks.redBullet { list-style-image: url(../images/redCrosshair.gif); }
ul.sublinks.greenBullet { list-style-image: url(../images/greenCrosshair.gif); }
ul.sublinks a { font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; }
	.subLinkBlue, .subLinkBlue a { color: #1662B5;}
	.subLinkRed, .subLinkRed a { color: #BA251D;}
	.subLinkGreen, .subLinkGreen a { color: #2D7823;}

#highlighted-box {
	background-color:blanchedalmond;
	border: 1px solid silver;
	text-align: center;
	margin: 20px;
}

#tabs div.tab-content ol, div.tab-content ul {
	display: block;
	padding: 0px 15px 0px 15px;
	list-style-position: outside;
}

#tabs div.tab-content ul li, ol li {
	line-height: 20px;
	color: black;
	font-size: 12px;
	margin-left: 30px;
}

#tabs .tab-content ul li {
	list-style-type: disc;
}

#tabs .tab-content ol li {
	list-style-type: lower-alpha
	
}

#tabs .tab-content ol li::marker {
	font-weight: bold;
	letter-spacing: 2px;
}