/*  D E V E L O P E R   C U S T O M I Z A B L E   S T Y L E S    */
/*  State of Delaware - Delaware Courts 2015  */
/*  Developed by Matt Campbell & Ben Kaminski  */





/*  G E N E R A L   S T Y L E S  */

#main_header h1, #main_content h1 {
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						400;
	color:								#d9534f !important;
	font-size:							45px;
}

#main_header h2, #main_content h2 {
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						500;
	color:								#d9534f !important;
	margin-top:							0px;
}

.container-lg h2 {
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						600;
	color:								#d9534f !important;
	margin-top:							0px;
	font-size: 24px;			
}

/* Section Box Cards */
.section-box {
	background-color: 					#ffffff;
	border: 							1px solid #e0e0e0;
	border-radius: 					4px;
	padding: 							20px;
	margin-bottom: 					24px;
	box-shadow: 						0 1px 3px rgba(0, 0, 0, 0.1);
}

.section-box h2 {
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						700;
	color:								#00345a !important;
	font-size: 							26px;
	margin-top: 						0;
	margin-bottom: 					16px;
	line-height: 						1.2;
}

.section-box p {
	font-size: 							16px;
	line-height: 						1.6;
	font-weight: 						400;
	margin-bottom: 					12px;
}

.section-box ul {
	margin-bottom: 					12px;
	padding-left: 						20px;
}

.section-box li {
	font-size: 							16px;
	line-height: 						1.6;
	margin-bottom: 					8px;
	list-style-type: 					disc;
}

.section-box a {
	color: 								#00345a;
	text-decoration: 					none;
}

.section-box a:hover {
	color: 								#d9534f;
	text-decoration: 					underline;
}

/* Highlight Card - extends section-box with tinted background */
.highlight-card {
	background-color: 					#f8fbff;
	border: 							1px solid #d0e3f0;
	box-shadow: 						0 2px 6px rgba(0, 52, 90, 0.1);
}

.highlight-card h2 {
	font-size: 							24px;
}

/* Accordion Styling */
.panel-group {
	margin-bottom: 						0;
}

/* Only apply to main content accordion panels, not sidebar */
.col-md-9 .panel-group .panel {
	border-radius: 					4px;
	border: 							1px solid #e0e0e0;
	margin-bottom: 					24px;
	box-shadow: 						0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Only apply to main content accordion panels, not sidebar */
.col-md-9 .panel-group .panel-heading {
	background-color: 					#ffffff;
	border-bottom: 					1px solid #e0e0e0;
	border-radius: 					4px 4px 0 0;
	padding: 							0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
	border-top: 						1px solid #e0e0e0;
}

.panel-group .panel-title {
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						700;
	font-size: 							18px;
	margin: 							0;
}

.panel-group .panel-title > a {
	display: 							block;
	padding: 							20px;
	color: 								#00345a;
	text-decoration: 					none;
	transition: 						all 0.3s ease;
}

.panel-group .panel-title > a:hover,
.panel-group .panel-title > a:focus {
	color: 								#00345a;
	text-decoration: 					none;
	background-color: 					#f8fbff;
}

.panel-group .panel-title > a.collapsed {
	background-color: 					#ffffff;
}

.panel-group .panel-title > a:not(.collapsed) {
	background-color: 					#f8fbff;
}

.panel-group .panel-body {
	padding: 							20px;
	font-size: 							16px;
	line-height: 						1.6;
}

.panel-group .panel-body p {
	margin-bottom: 					12px;
}

.panel-group .panel-body a {
	color: 								#00345a;
	text-decoration: 					none;
}

.panel-group .panel-body a:hover {
	color: 								#d9534f;
	text-decoration: 					underline;
}

/* Sidebar Card Styling */
.sidebar-card {
	background-color: 					#ffffff;
	border: 							1px solid #e3e5e2;
	border-radius: 					4px;
	padding: 							0;
	margin-bottom: 					20px;
	box-shadow: 						0 1px 3px rgba(0, 0, 0, 0.1);
}

.sidebar-card h3 {
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						700;
	font-size: 							18px;
	color: 								#00345a;
	margin: 							0;
	padding: 							15px 20px;
	background-color: 					#f8f9fa;
	border-bottom: 					1px solid #e3e5e2;
	border-radius: 					4px 4px 0 0;
	text-transform: 					none !important;
}

.sidebar-card .sidebar-content {
	padding: 							20px;
}

.sidebar-card p {
	font-size: 							16px;
	line-height: 						1.6;
	margin-bottom: 					12px;
}

.sidebar-card ul {
	margin-bottom: 					0;
	padding-left: 						20px;
}

.sidebar-card li {
	font-size: 							16px;
	line-height: 						1.6;
	margin-bottom: 					8px;
}

.sidebar-card a {
	color: 								#00345a;
	text-decoration: 					none;
}

.sidebar-card a:hover {
	color: 								#d9534f;
	text-decoration: 					underline;
}

/* Sidebar Callout - Special Priority Card */
.sidebar-callout {
	background-color: 					#f0f6fc;
	border-left: 						4px solid #00345a;
	border-radius: 					4px;
	padding: 							20px;
	margin-bottom: 					20px;
	box-shadow: 						0 2px 6px rgba(0, 52, 90, 0.15);
}

.sidebar-callout h2 {
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						700;
	font-size: 							20px;
	color: 								#00345a;
	margin: 							0 0 16px 0;
	line-height: 						1.3;
}

.sidebar-callout p {
	font-size: 							16px;
	line-height: 						1.6;
	margin-bottom: 					12px;
}

.sidebar-callout a {
	color: 								#00345a;
	text-decoration: 					none;
}

.sidebar-callout a:hover {
	color: 								#d9534f;
	text-decoration: 					underline;
}

/* Mobile Responsive */
@media (max-width: 767px) {
	.sidebar-card,
	.sidebar-callout {
		margin-bottom: 					15px;
	}
	
	.sidebar-card h3,
	.sidebar-callout h2 {
		font-size: 						16px;
		padding: 						12px 15px;
	}
	
	.sidebar-card .sidebar-content,
	.sidebar-callout {
		padding: 						15px;
	}
	
	/* Remove padding from col-md-9 and col-md-3 on mobile - only in content area */
	#content .col-md-9,
	#content .col-md-3 {
		padding-left: 					0px !important;
		padding-right: 					0px !important;
	}
	
	/* Remove row margins on mobile for icon section */
	.container-lg .row {
		margin-left: 					-3px !important;
		margin-right: 					-3px !important;
	}
	
	/* Fix icon row spacing on mobile - remove Bootstrap gutters */
	.row .col-xs-4 {
		padding-left: 					3px !important;
		padding-right: 					3px !important;
		margin-bottom: 					20px;
		width: 							33.33333333% !important;
		float: 							left !important;
	}
	
	/* Ensure icons fit properly in mobile columns */
	i[class^="circle-pic"], i[class*=" circle-pic"] {
		height: 							65px;
		width: 								65px;
		margin-bottom: 					15px;
	}
	
	i[class^="circle-pic"]::before, i[class*=" circle-pic"]::before {
		font-size: 							26px;
		line-height: 						65px;
	}
	
	/* Reduce text size on mobile for icon labels */
	.col-xs-4 h5 {
		font-size: 							13px !important;
		margin-bottom: 					5px;
		margin-top: 						0px;
		font-weight: 						700 !important;
	}
}

/* Logo container spacing - consistent top and bottom margins */
.logo-container {
	margin-top: 							20px;
	margin-bottom: 						20px;
	background-color: 					white;
	padding: 								15px;
	border-radius: 						4px;
	border: 								1px solid #e0e0e0;
	display: 								flex;
	justify-content: 					center;
	align-items: 						center;
}

.logo-container img {
	max-width: 							200px;
	height: 								auto;
	margin: 								0 auto;
}

/* Icon link colors */
.icon-members {
	color: 								#33b770 !important;
	background-color: 					#33b770 !important;
}

.icon-bylaws {
	color: 								#7ab733 !important;
	background-color: 					#7ab733 !important;
}

.icon-meetings {
	color: 								#b7b233 !important;
	background-color: 					#b7b233 !important;
}

.icon-minutes {
	color: 								#33b7b2 !important;
	background-color: 					#33b7b2 !important;
}

.icon-reports {
	color: 								#b7337a !important;
	background-color: 					#b7337a !important;
}

.icon-brochure {
	color: 								#b77033 !important;
	background-color: 					#b77033 !important;
}

/* Text wrapping for icon labels */
.icon-text-wrap {
	word-wrap: 							break-word;
	white-space: 						normal;
	line-height: 						1.2;
}

/* Meeting Minutes heading color */
#main_content header h1, #main_header h1, header h1 {
	color: 									#00345a !important;
}

/* Meeting Minutes heading color - more specific */
header h1 .impressive, #main_content header h1 .impressive {
	color: 									#00345a !important;
}

/* Make panel-body padding consistent with section-box - only for main content */
.col-md-9 .panel-body {
	padding: 							20px;
}

/* Make alert-nopad padding consistent with section-box */
.alert.alert-nopad {
	padding: 							25px !important;
}

#courts_sidebar h2 {
	color:								#393939;
	text-transform:						uppercase;
	letter-spacing: 					2px;
	font-weight: 						600;
	font-size:							23px;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	#main_content {
		border-left: 					0px solid #e3e5e2;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#main_content {
		border-left: 					0px solid #e3e5e2;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#main_content {
		border-left: 					1px solid #e3e5e2;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#main_content {
		border-left: 					1px solid #e3e5e2;
}}

#main_content a, #main_content a:link, #main_content a:active, #main_content a:visited {
	color: 								#3774ba;
	text-decoration: 					none;
	font-weight: 						none;
	-o-transition:						.5s;
	-ms-transition:						.5s;
	-moz-transition:					.5s;
	-webkit-transition:					.5s;
	transition:							.5s;
}

#main_content a:hover {
    text-decoration: 					underline;
    font-weight: 						none;
    color: 								#23387d;
}

#main_content ul, #main_content ol  {
	font-size:      					0.9em;
	line-height:    					2.1em;
	margin-top:      					1.0em;
	margin-bottom:      				1.0em;
}

.float_left {
	float:								left;
	margin-right:						10px;
}

.float_right {
	float:								right;
	margin-left:						10px;
}

.figure_left {
	float: 								left;
	width: 								50%;
	border: 							1px solid #ddd;
	border-radius: 						4px;
	margin: 							0.5em;
	padding: 							0.3em;
}

.figure_right {
	float: 								right;
	width: 								50%;
	border: 							1px solid #ddd;
	border-radius: 						4px;
	margin: 							0.5em;
	padding: 							0.3em;
}

.figure_center {
	text-align:							center;
	width: 								50%;
	border: 							1px solid #ddd;
	border-radius: 						4px;
	margin: 							0.5em;
	padding: 							0.3em;
}

.figure_left p, .figure_right p, .figure_center p {
	text-align: 						center;
	font-style: 						italic;
	font-size: 							smaller;
	text-indent: 						0;
}

img.scaled {
	width: 								100%;
}

hr.dashed {
	-moz-border-bottom-colors: 			none;
    -moz-border-left-colors: 			none;
    -moz-border-right-colors: 			none;
    -moz-border-top-colors: 			none;
    border-image: 						none;
    border: 							dashed #e3e5e2;
    border-width:						2px 0 0; 
	height:								2px;
    margin-top: 						10px;
    margin-right:						20px;
    margin-bottom: 						10px;
}

hr.highlight {
	-moz-border-bottom-colors: 			none;
    -moz-border-left-colors: 			none;
    -moz-border-right-colors: 			none;
    -moz-border-top-colors: 			none;
    border-image: 						none;
    border: 							solid #fbaa27;
    border-width:						2px 0 0; 
	height:								2px;
    margin-top: 						10px;
    margin-right:						20px;
    margin-bottom: 						10px;
}

hr.news {
	-moz-border-bottom-colors: 			none;
    -moz-border-left-colors: 			none;
    -moz-border-right-colors: 			none;
    -moz-border-top-colors: 			none;
    border-image: 						none;
    border: 							solid #bebfc0;
    border-width:						2px 0 0; 
	height:								2px;
    margin-top: 						10px;
    margin-right:						20px;
    margin-bottom: 						10px;
}

.fa_orange {
	color:								#fbaa27;
}

.ol_h2 {
	margin-left: 						15px;
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						500;
	color:								#d9534f !important;
	margin-top:							0px;
	font-size:							28px !important;
}

.fa-li {
    top: 0.5em !important;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.container-lg {
		max-width:						100%;
		margin-left: 					auto;
    	margin-right: 					auto;
    	padding-left: 					0px;
    	padding-right: 					0px;
    	margin-bottom:					-22px;
	}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.container-lg {
		max-width:						100%;
		margin-left: 					auto;
    	margin-right: 					auto;
    	padding-left: 					20px;
    	padding-right: 					20px;
    	margin-bottom:					-22px;
	}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.container-lg {
		max-width:						100%;
		margin-left: 					auto;
    	margin-right: 					auto;
    	padding-left: 					20px;
    	padding-right: 					20px;
    	margin-bottom:					-22px;
	}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.container-lg {
		max-width:						1800px;
		margin-left: 					auto;
    	margin-right: 					auto;
    	padding-left: 					20px;
    	padding-right: 					10px;
    	margin-bottom:					-22px;
	}}

.container-lg h3 {
	color:								#fbaa27;
	text-transform:						uppercase;
	font-size:							21px;
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						700;
	margin-bottom:						-12px;
}

.container-lg h4 {
	color:								#1f242a;
	font-size:							50px;
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						900;
}

a.interior-drop, a.interior-drop:link, a.interior-drop:visited {
	color: 								#777 !important;
	text-decoration:					none !important;
}

a.interior-drop:hover {
	color: 								#777 !important;
	text-decoration:					none !important;
}

a.link-active, a.link-active:link, a.link-active:visited {
	text-decoration: 					none !important;
}

a.link-active:hover {
	text-decoration: 					none !important;
}

a i[class^="circle-pic"], a i[class*=" circle-pic"] {
    display: 							block;
}

i[class^="circle-pic"], i[class*=" circle-pic"] {
    border-radius: 						50%;
    display: 							block;
    font-size: 							0;
    height: 							100px;
    margin-bottom: 						20px;
    margin-left: 						auto;
    margin-right: 						auto;
    position: 							relative;
    text-align: 						center;
    width: 								100px;
}

i[class^="circle-pic"]::after, i[class*=" circle-pic"]::after {
    border-radius: 						50%;
    border-style: 						solid;
    border-width: 						2px;
    content:							"";
    height: 							100%;
    left: 								0px;
    pointer-events: 					none;
    position: 							absolute;
    top: 								0px;
    transform: 							scale(0.9);
    transition-duration: 				225ms;
    transition-property: 				all;
    transition-timing-function: 		cubic-bezier(0.5, -0.7, 0.67, 0.7);
    width: 								100%;
    z-index: 							-1;
}

i[class^="circle-pic"]::before, i[class*=" circle-pic"]::before {
    color: 								#fff;
    font-size: 							40px;
    font-style: 						normal;
    font-weight: 						normal;
    line-height: 						100px;
    margin: 							0;
    text-align: 						center;
    text-transform: 					none;
}

.link-active i[class^="circle-pic"]:hover::after, .link-active i[class*=" circle-pic"]:hover::after, .link-active span:hover > i[class^="circle-pic"]::after, .link-active span:hover > i[class*=" circle-pic"]::after, .link-active h3:hover > i[class^="circle-pic"]::after, .link-active h3:hover > i[class*=" circle-pic"]::after, .link-active h4:hover > i[class^="circle-pic"]::after, .link-active h4:hover > i[class*=" circle-pic"]::after, .link-active h5:hover > i[class^="circle-pic"]::after, .link-active h5:hover > i[class*=" circle-pic"]::after, .link-active h6:hover > i[class^="circle-pic"]::after, .link-active h6:hover > i[class*=" circle-pic"]::after {
    transform: 							scale(1.13);
    transition-timing-function: 		cubic-bezier(0.4, 0.25, 0.14, 1.73);
    text-decoration: 					none !important;
}

i[class^="small-circle-pic"], i[class*=" small-circle-pic"] {
    border-radius: 						50%;
    display: 							block;
    float: 								left;
    font-size:							0;
    height: 							40px;
    margin-right: 						20px;
    position: 							relative;
    text-align: 						center;
    width: 								40px;
}

i[class^="small-circle-pic"]::before, i[class*=" small-circle-pic"]::before {
    color: 								#fff;
    font-size: 							18px;
    font-style: 						normal;
    font-weight: 						normal;
    line-height: 						43px;
    margin: 							0;
    text-align: 						center;
    text-transform: 					none;
}

.agency_map {
	border: 					0px; 
	width: 						700px;
	height: 					500px;
	margin: 					0px;
}
/* ############################################################################################## */





/* HEADING FOR SECTIONS OF THE COURTS WEBSITE */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	#heading_home {
		width:							100%;
		padding:						30px 0px 30px 0px;
		background-color:				#00345a;
	}
	
	#heading_home h1 {
		color:							#fff !important;
		font-size:						38px !important;
		
	}
	
	#heading_home h3 {
		color:							#ffffff !important;
		text-align:						center;
		margin:							10px 0 0 0;
		padding:						0 15px;
		max-width:						100%;
		word-wrap:						break-word;
		font-size:						20px;
		font-weight:					400;
	}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#heading_home {
		width:							100%;
		padding:						30px 35px 30px 35px;
		background-color:				#00345a;
	}

	#heading_home h1 {
		color:							#fff !important;
		font-size:						45px !important;
	}
	
	#heading_home h3 {
		color:							#ffffff !important;
		text-align:						center;
		margin:							10px 0 0 0;
		padding:						0 15px;
		max-width:						100%;
		word-wrap:						break-word;
		font-size:						22px;
		font-weight:					400;
	}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#heading_home {
		width:							100%;
		padding:						30px 40px 30px 40px;
		background-color:				#00345a;
	}

	#heading_home h1 {
		color:							#fff !important;
		font-size:						50px !important;
	}
	
	#heading_home h3 {
		color:							#ffffff !important;
		text-align:						center;
		margin:							10px 0 0 0;
		padding:						0 20px;
		max-width:						100%;
		word-wrap:						break-word;
		font-size:						24px;
		font-weight:					400;
	}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#heading_home {
		width:							100%;
		padding:						30px 40px 30px 40px;
		background-color:				#00345a;
	}

	#heading_home h1 {
		color:							#fff !important;
		font-size:						50px !important;
	}
	
	#heading_home h3 {
		color:							#ffffff !important;
		text-align:						center;
		margin:							10px 0 0 0;
		padding:						0 20px;
		max-width:						100%;
		word-wrap:						break-word;
		font-size:						24px;
		font-weight:					400;
	}}

.heading_logo {
	margin-top:							-15px;
	padding-left: 						20px;
}

/* Fix jumbotron padding to be equal top and bottom */
#heading_home .jumbotron {
	background-color: 					inherit !important;
	padding-top: 						0px !important;
	padding-left: 						0px !important;
	padding-right: 						0px !important;
	padding-bottom: 					0px !important;
	margin: 							0px !important;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	#heading_interior {
		height:							100%;
		width:							100%;
		padding-bottom:					20px;
		padding-left:					10px;
		background-color:				#d9534f;
	}
	
	#heading_interior h1 {
		color:							#fff !important;
		font-size:						30px !important;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#heading_interior {
		height:							100%;
		width:							100%;
		padding-bottom:					20px;
		padding-left:					35px;
		background-color:				#d9534f;
	}

	#heading_interior h1 {
		color:							#fff !important;
		font-size:						45px !important;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#heading_interior {
		height:							100%;
		width:							100%;
		padding-bottom:					20px;
		padding-left:					40px;
		background-color:				#d9534f;
	}

	#heading_interior h1 {
		color:							#fff !important;
		font-size:						50px !important;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#heading_interior {
		height:							100%;
		width:							100%;
		padding-bottom:					20px;
		padding-left:					40px;
		background-color:				#d9534f;
	}

	#heading_interior h1 {
		color:							#fff !important;
		font-size:						50px !important;
}}
/* ############################################################################################## */





/* TABBED MENU HOMEPAGE */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	#justices_tabs .nav-tabs {
    	border-bottom: 					2px solid #fbaa27;
	}
	#justices_tabs .nav-tabs > li {
    	float: 							none;
    	margin-bottom: 					0px;
    	padding:						0px !important;
	}
	#justices_tabs .nav-tabs > li > a {
    	border: 						2px solid transparent;
    	border-radius: 					0px 0px 0 0;
    	line-height: 					1.42857;
    	margin-right: 					5px;
    	padding: 						20px 40px !important;
   		text-transform: 				uppercase;
   		font-family:					"Source Sans Pro", Helvetica, Arial, sans-serif !important;
		font-weight: 					400;
		font-size:						25px !important;
	}
	#justices_tabs .nav-tabs > li > a:hover {
    	border-color: 					#eeeeee #eeeeee #dddddd;
   		border-bottom: 					2px solid #eeeeee;
	}
	#justices_tabs .nav-tabs > li.active > a, #justices_tabs .nav-tabs > li.active > a:hover, #justices_tabs .nav-tabs > li.active > a:focus {
    	-moz-border-bottom-colors: 		none;
    	-moz-border-left-colors: 		none;
    	-moz-border-right-colors: 		none;
    	-moz-border-top-colors: 		none;
    	border-image: 					none;
    	border-style: 					solid;
    	border-width: 					1px;
    	cursor: 						default;
    	color:							#24397e !important;
	}

	#justices_tabs .nav-tabs > li.active > a, #justices_tabs .nav-tabs > li.active > a:link, #justices_tabs .nav-tabs > li.active > a:active, #justices_tabs .nav-tabs > li.active > a:visited  {
		color: 							#ffffff !important;
		background-color: 				#fbaa27 !important;
    	border-color: 					#fbaa27 #fbaa27 transparent !important;
	}

	#justices_tabs .nav-tabs > li.active > a:hover {
		color:							#fff !important;
}}
	
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#justices_tabs .nav-tabs {
    	border-bottom: 					2px solid #fbaa27;
	}
	#justices_tabs .nav-tabs > li {
    	float: 							left;
    	margin-bottom: 					-2px;
    	padding:						0px !important;
	}
	#justices_tabs .nav-tabs > li > a {
    	border: 						2px solid transparent;
    	border-radius: 					0px 0px 0 0;
    	line-height: 					1.42857;
    	margin-right: 					5px;
    	padding: 						20px 15px !important;
   		text-transform: 				uppercase;
   		font-family:					"Source Sans Pro", Helvetica, Arial, sans-serif !important;
		font-weight: 					400;
		font-size:						15px !important;
	}
	#justices_tabs .nav-tabs > li > a:hover {
    	border-color: 					#eeeeee #eeeeee #dddddd;
   		border-bottom: 					none;
	}
	#justices_tabs .nav-tabs > li.active > a, #justices_tabs .nav-tabs > li.active > a:hover, #justices_tabs .nav-tabs > li.active > a:focus {
    	-moz-border-bottom-colors: 		none;
    	-moz-border-left-colors: 		none;
    	-moz-border-right-colors: 		none;
    	-moz-border-top-colors: 		none;
    	border-image: 					none;
    	border-style: 					solid;
    	border-width: 					1px;
    	cursor: 						default;
    	color:							#24397e !important;
	}

	#justices_tabs .nav-tabs > li.active > a, #justices_tabs .nav-tabs > li.active > a:link, #justices_tabs .nav-tabs > li.active > a:active, #justices_tabs .nav-tabs > li.active > a:visited  {
		color: 							#ffffff !important;
		background-color: 				#fbaa27 !important;
    	border-color: 					#fbaa27 #fbaa27 transparent !important;
	}

	#justices_tabs .nav-tabs > li.active > a:hover {
		color:							#fff !important;
}}
	
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#justices_tabs .nav-tabs {
    	border-bottom: 					2px solid #fbaa27;
	}
	
	#justices_tabs .nav-tabs > li {
    	float: 							left;
    	margin-bottom: 					-2px;
    	padding:						0px !important;
	}
	
	#justices_tabs .nav-tabs > li > a {
    	border: 						2px solid transparent;
    	border-radius: 					0px 0px 0 0;
    	line-height: 					1.42857;
    	margin-right: 					5px;
    	padding: 						20px 10px !important;
   		text-transform: 				uppercase;
   		font-family:					"Source Sans Pro", Helvetica, Arial, sans-serif !important;
		font-weight: 					400;
		font-size:						14px !important;
	}
	
	#justices_tabs .nav-tabs > li > a:hover {
    	border-color: 					#eeeeee #eeeeee #dddddd;
   		border-bottom: 					none;
	}
	
	#justices_tabs .nav-tabs > li.active > a, #justices_tabs .nav-tabs > li.active > a:hover, #justices_tabs .nav-tabs > li.active > a:focus {
    	-moz-border-bottom-colors: 		none;
    	-moz-border-left-colors: 		none;
    	-moz-border-right-colors: 		none;
    	-moz-border-top-colors: 		none;
    	border-image: 					none;
    	border-style: 					solid;
    	border-width: 					1px;
    	cursor: 						default;
    	color:							#24397e !important;
	}

	#justices_tabs .nav-tabs > li.active > a, #justices_tabs .nav-tabs > li.active > a:link, #justices_tabs .nav-tabs > li.active > a:active, #justices_tabs .nav-tabs > li.active > a:visited  {
		color: 							#ffffff !important;
		background-color: 				#fbaa27 !important;
    	border-color: 					#fbaa27 #fbaa27 transparent !important;
	}

	#justices_tabs .nav-tabs > li.active > a:hover {
		color:							#fff !important;
}}
	
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#justices_tabs .nav-tabs {
    	border-bottom: 					2px solid #fbaa27;
	}
	
	#justices_tabs .nav-tabs > li {
    	float: 							left;
    	margin-bottom: 					-2px;
    	padding:						0px !important;
	}
	
	#justices_tabs .nav-tabs > li > a {
    	border: 						2px solid transparent;
    	border-radius: 					0px 0px 0 0;
    	line-height: 					1.42857;
    	margin-right: 					5px;
    	padding: 						25px 20px !important;
   		text-transform: 				uppercase;
   		font-family:					"Source Sans Pro", Helvetica, Arial, sans-serif !important;
		font-weight: 					400;
		font-size:						15px !important;
	}
	
	#justices_tabs .nav-tabs > li > a:hover {
    	border-color: 					#eeeeee #eeeeee #dddddd;
   		border-bottom: 					none;
	}
	
	#justices_tabs .nav-tabs > li.active > a, #justices_tabs .nav-tabs > li.active > a:hover, #justices_tabs .nav-tabs > li.active > a:focus {
    	-moz-border-bottom-colors: 		none;
    	-moz-border-left-colors: 		none;
    	-moz-border-right-colors: 		none;
    	-moz-border-top-colors: 		none;
    	border-image: 					none;
    	border-style: 					solid;
    	border-width: 					1px;
    	cursor: 						default;
    	color:							#24397e !important;
	}

	#justices_tabs .nav-tabs > li.active > a, #justices_tabs .nav-tabs > li.active > a:link, #justices_tabs .nav-tabs > li.active > a:active, #justices_tabs .nav-tabs > li.active > a:visited {
		color: 							#ffffff !important;
		background-color: 				#fbaa27 !important;
    	border-color: 					#fbaa27 #fbaa27 transparent !important;
	}

	#justices_tabs .nav-tabs > li.active > a:hover {
		color:							#fff !important;
}}
/* ############################################################################################## */





/* S I D E   B A R   N A V I G A T I O N */

.courts_nav {
	background-color: 					#ffffff !important;
}

button {
  display: 								inline-block;
  margin: 								0 0em;
  border: 								none;
  background: 							none;
}

button span {
  display: 								block;
}

.grid-button {
  padding: 								2rem;
  cursor: 								pointer;
  user-select: 							none;
  outline: 								none;
}

.grid-button .grid {
  width: 								1rem;
  height: 								1rem;
  background: 							#393939;
  color: 								#393939;
  /* Not in use when the colors are specified below */
  transition: 							0.3s;
}

.grid-button.disappear .grid {
  -webkit-transform: 					rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);
  transform: 							rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);
}

.grid-button.rearrange .grid {
  box-shadow: 							-1.25rem -1.25rem, 0rem -1.25rem, 1.25rem -1.25rem, -1.25rem 0rem, 1.25rem 0rem, -1.25rem 1.25rem, 0rem 1.25rem, 1.25rem 1.25rem;
}

.grid-button.rearrange.disappear .grid {
  box-shadow: 							0rem -1rem, 0rem -2rem, 1rem 0rem, -2rem 0rem, 2rem 0rem, -1rem 0rem, 0rem 2rem, 0rem 1rem;
}

.nav courts_nav > li > a:hover,
.nav courts_nav > li > a:focus {
	text-decoration: 					none;
	background-color: 					#ffffff !important;
}

.nav courts_nav > li > a {
    display:							block;
    padding: 							10px 5px !important;
    position: 							relative;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
	border-top: 						0px;
}

/* Only apply to main content panels, not sidebar */
.col-md-9 .panel {
    background-color: 					#fff;
    border-radius: 						4px;
    box-shadow: 						0 0px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 						20px;
}

#HomeMenu {
	list-style: 						none outside none;
}

#HomeMenu > li {
	line-height:						2.2;
	margin-left:						-20px;
	margin-right:						20px;
	margin-bottom:						5px;
	border-bottom:						1px solid #e3e5e2;
	
}

.toplevel a, .toplevel a:link, .toplevel a:active, .toplevel a:visited, .toplevel a:hover {
	text-decoration: 					none;
}

#HomeMenu a, #HomeMenu a:link, #HomeMenu a:active, #HomeMenu a:visited {
	color: 								#3774ba;
	text-decoration: 					none;
	font-weight: 						none;
	-o-transition:						.5s;
	-ms-transition:						.5s;
	-moz-transition:					.5s;
	-webkit-transition:					.5s;
	transition:							.5s;
}

#HomeMenu a:hover {
    color: 								#fbaa27 !important;
    text-decoration: 					none;
    font-weight: 						none;
}
/* ############################################################################################## */




/*  W H O   W E   A R E,   N E W S,   R E L A T E D   L I N K S  */

.we_are, .supreme_news {
	padding-left:						15px;
	padding-top:						25px;
}

.top_row {
	margin-left: 						0px; 
	margin-right: 						0px;
}

.container-lg h5 {
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						500;
	color:								#1f242a !important;
	margin-top:							0px;
	font-size:							20px;
	text-decoration:					none;
}

.container-lg h5:hover {
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						500;
	color:								#1f242a !important;
	margin-top:							0px;
	font-size:							20px;
	text-decoration:					underline;
}

p.newsdate {
	font-family: 						'Source Sans Pro', sans-serif;
	color:								#bebfc0;
	font-size:							20px;
	font-weight:						500;
	margin-top:							10px;
}

.supreme_list {
	margin-bottom:						-1px !important;
}

.related_links {
	padding:							15px;
}

.related_links p {
	color:								#979494;
}
/* ############################################################################################## */





/* AGENCY CAROUSEL STYLES */

.carousel.slide{
    max-width: 							2560px; /* the largest you want the image to stretch */
    min-width: 							300px; /* the "container" width */
    overflow: 							hidden;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
.carousel-inner {
   width: 								2560px;
   left: 								50%;
   transform: 							translate(-50%, 0);
   
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.carousel-inner {
   width: 								2560px;
   left: 								50%;
   transform: 							translate(-50%, 0);
  
}}

/* Medium devices (large desktops, 992px and up) */
@media (min-width: 992px) {
.carousel-inner {
   width: 								2560px;
   left: 								50%;
   transform: 							translate(-50%, 0);
   
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.carousel-inner {
   width: 								inherit;
   left: 								inherit;
   margin-left: 						inherit;
   transform: 							none;
}}


/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
.carousel-caption {
	padding-left:						30%;					
	padding-right:						30%;			
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.carousel-caption {
	padding-left:						20%;					
	padding-right:						20%;
}}

/* Medium devices (large desktops, 992px and up) */
@media (min-width: 992px) {
.carousel-caption {
	padding-left:						15%;					
	padding-right:						15%;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.carousel-caption {
	padding-left:						0px;
	padding-right:						0px;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	#AgencyCarousel .carousel-caption h2 {
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
    	color:							#ffffff !important;
   		font-weight:					700;
    	display:						inherit;
    	text-shadow:					1px 1px 1px #000000, 1px 1px 1px #000000;
    	font-size:						35px;
    	background-color: 				#d9534f;
    	padding: 						15px 30px;
    	opacity:						0.9;
    	border-radius: 					15px;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#AgencyCarousel .carousel-caption h2 {
    	font-family:					"Source Sans Pro", Helvetica, Arial, sans-serif;
    	color:							#ffffff !important;
   		font-weight:					700;
    	display:						inherit;
    	text-shadow:					1px 1px 1px #000000, 1px 1px 1px #000000;
    	font-size:						35px;
    	background-color: 				#d9534f;
    	padding: 						15px 30px;
    	opacity:						0.9;
    	border-radius: 					15px;
}}

/* Medium devices (large desktops, 992px and up) */
@media (min-width: 992px) {
	#AgencyCarousel .carousel-caption h2 {
    	font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
    	color:							#ffffff !important;
   		font-weight:					700;
    	display:						inherit;
    	text-shadow:					1px 1px 1px #000000, 1px 1px 1px #000000;
    	font-size:						35px;
    	background-color: 				#d9534f;
    	padding: 						15px 30px;
    	opacity:						0.9;
    	border-radius: 					15px;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#AgencyCarousel .carousel-caption h2 {
    	font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
    	color:							#ffffff !important;
   		font-weight:					700;
    	display:						inherit;
    	text-shadow:					1px 1px 1px #000000, 1px 1px 1px #000000;
    	font-size:						35px;
    	background-color: 				#d9534f;
    	padding: 						15px 30px;
    	opacity:						0.9;
    	border-radius: 					15px;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.agency_control {
    	position: 						absolute;
    	top:							50%;
    	color:							#ffffff;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.agency_control {
    	position: 						absolute;
    	top:							50%;
    	color:							#ffffff;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.agency_control {
    	position: 						absolute;
    	top:							50%;
    	color:							#ffffff;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.agency_control {
    	position: 						absolute;
    	top:							50%;
    	color:							#ffffff;
}}

.carousel {
	border-bottom:						2px solid #d9534f;
}
/* ############################################################################################## */





/* T A B S   L E F T   M E N U   H O M E P A G E */

/* custom inclusion of left tabs */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
.arms_title {
	padding:							15px;
}

.tabs-left > .nav-tabs {
	border-bottom: 						0px;
}

.tabs-left #a {
	background:							none;
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							100%;
}

.tabs-left #b {
	background:							none;
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							100%;
}

.tabs-left #c {
	background:							none;
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							100%;
}

.tabs-left #d {
	background:							none;
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							100%;
}

.tabs-left #e {
	background:							none;
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							100%;
}

.tabs-left #f {
	background:							none;
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							100%;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
	display: 							none;
}

.tab-content > .active,
.pill-content > .active {
	display: 							block;
}

.tabs-left > .nav-tabs > li {
	float: 								left;
	width:								130px;
	margin-bottom:						-50px;
}

.tabs-left > .nav-tabs > li > a {
	min-width: 							74px;
	margin-right: 						0;
	margin-bottom: 						3px;
	height:								120px;
	margin-right: 						-8px;
	-webkit-border-radius: 				4px 4px 4px 4px;
	-moz-border-radius: 				4px 4px 4px 4px;
	border-radius: 						4px 4px 4px 4px;
	text-align:							left;
	border-color: 						#dddddd #dddddd #dddddd #dddddd;
}

.tabs-left > .nav-tabs {
	float: 								none;
	margin-right: 						0px;
	border-right: 						0px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
	border-color: 						#eeeeee #eeeeee #eeeeee #eeeeee;
	-webkit-border-radius: 				4px 4px 4px 4px;
	-moz-border-radius: 				4px 4px 4px 4px;
	border-radius: 						4px 4px 4px 4px;
	background-color:					#fbaa27 !important;
	color:								#1f242a !important;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
	border-color: 						#ddd #ddd #ddd #ddd;
	background-color:					#d9534f !important;
	color:								#ffffff !important;
}

.tabs-left h2 {
	font-family: 						'Source Sans Pro', sans-serif;
	color:								#1f242a !important;
	font-size:							48px;
	font-weight:						300;
	padding-top:						50px;
	padding-bottom:						15px;
}

.tabs-bkg {
	border-bottom: 						1px solid #ddd;
	border-top: 						1px solid #ddd;
	height:								1000px;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.arms_title {
	padding:							15px;
}

.tabs-left > .nav-tabs {
	border-bottom: 						0;
}

.tabs-left #a {
	background:							url('/CLF2014SUPREME/agency/img/tabs_bbe.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #b {
	background:							url('/CLF2014SUPREME/agency/img/tabs_cle.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #c {
	background:							url('/CLF2014SUPREME/agency/img/tabs_lfcp.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #d {
	background:							url('/CLF2014SUPREME/agency/img/tabs_odc.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #e {
	background:							url('/CLF2014SUPREME/agency/img/tabs_declt.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #f {
	background:							url('/CLF2014SUPREME/agency/img/tabs_coj.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
	display: 							none;
}

.tab-content > .active,
.pill-content > .active {
	display: 							block;
}

.tabs-left > .nav-tabs > li {
	float: 								left;
	width:								30%;
	margin-bottom:						-50px;
}

.tabs-left > .nav-tabs > li > a {
	min-width: 							74px;
	margin-right: 						0;
	margin-bottom: 						3px;
	height:								120px;
	margin-right: 						-8px;
	-webkit-border-radius: 				4px 4px 4px 4px;
	-moz-border-radius: 				4px 4px 4px 4px;
	border-radius: 						4px 4px 4px 4px;
	text-align:							left;
	border-color: 						#dddddd #dddddd #dddddd #dddddd;
}

.tabs-left > .nav-tabs {
	float: 								none;
	margin-right: 						0px;
	border-right: 						0px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
	border-color: 						#eeeeee #eeeeee #eeeeee #eeeeee;
	-webkit-border-radius: 				4px 4px 4px 4px;
	-moz-border-radius: 				4px 4px 4px 4px;
	border-radius: 						4px 4px 4px 4px;
	background-color:					#fbaa27 !important;
	color:								#1f242a !important;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
	border-color: 						#ddd #ddd #ddd #ddd;
	background-color:					#d9534f !important;
	color:								#ffffff !important;
}

.tabs-left h2 {
	font-family: 						'Source Sans Pro', sans-serif;
	color:								#1f242a !important;
	font-size:							48px;
	font-weight:						300;
	padding-top:						50px;
	padding-bottom:						15px;
}

.tabs-bkg {
	border-bottom: 						1px solid #ddd;
	border-top: 						1px solid #ddd;
	height:								768px;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.arms_title {
	padding:							15px;
}

.tabs-left > .nav-tabs {
	border-bottom: 						0;
}

.tabs-left #a {
	background:							url('/CLF2014SUPREME/agency/img/tabs_bbe.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #b {
	background:							url('/CLF2014SUPREME/agency/img/tabs_cle.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #c {
	background:							url('/CLF2014SUPREME/agency/img/tabs_lfcp.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #d {
	background:							url('/CLF2014SUPREME/agency/img/tabs_odc.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #e {
	background:							url('/CLF2014SUPREME/agency/img/tabs_declt.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #f {
	background:							url('/CLF2014SUPREME/agency/img/tabs_coj.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
	display: 							none;
}

.tab-content > .active,
.pill-content > .active {
	display: 							block;
}

.tabs-left > .nav-tabs > li {
	float: 								none;
	width:								100%;
	margin-bottom:						-20px;
}

.tabs-left > .nav-tabs > li > a {
	min-width: 							74px;
	margin-right: 						0;
	margin-bottom: 						3px;
	height:								100%;
	margin-right: 						-6px;
	-webkit-border-radius: 				4px 0 0 4px;
	-moz-border-radius: 				4px 0 0 4px;
	border-radius: 						4px 0 0 4px;
	text-align:							left;
	border-color: 						#ffffff #dddddd #ffffff #ffffff;
}

.tabs-left > .nav-tabs {
	float: 								left;
	margin-right: 						25px;
	border-right: 						1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
	border-color: 						#eeeeee #ffffff #eeeeee #eeeeee;
	-webkit-border-radius: 				4px 0 0 4px;
	-moz-border-radius: 				4px 0 0 4px;
	border-radius: 						4px 0 0 4px;
	background-color:					#d9534f !important;
	color:								#ffffff !important;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
	border-color: 						#ddd #fff #ddd #ddd;
	background-color:					#ffffff !important;
	color:								#1f242a !important;
}

.tabs-left h2 {
	font-family: 						'Source Sans Pro', sans-serif;
	color:								#1f242a !important;
	font-size:							48px;
	font-weight:						300;
	padding-top:						50px;
	padding-bottom:						15px;
}

.tabs-bkg {
	border-bottom: 						1px solid #ddd;
	border-top: 						1px solid #ddd;
	height:								478px;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.arms_title {
	padding:							15px;
}

.tabs-left > .nav-tabs {
	border-bottom: 						0;
}

.tabs-left #a {
	background:							url('/CLF2014SUPREME/agency/img/tabs_bbe.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #b {
	background:							url('/CLF2014SUPREME/agency/img/tabs_cle.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #c {
	background:							url('/CLF2014SUPREME/agency/img/tabs_lfcp.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #d {
	background:							url('/CLF2014SUPREME/agency/img/tabs_odc.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #e {
	background:							url('/CLF2014SUPREME/agency/img/tabs_declt.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #f {
	background:							url('/CLF2014SUPREME/agency/img/tabs_coj.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
	display: 							none;
}

.tab-content > .active,
.pill-content > .active {
	display: 							block;
}

.tabs-left > .nav-tabs > li {
	float: 								none;
	width:								100%;
	margin-bottom:						-20px;
}

.tabs-left > .nav-tabs > li > a {
	min-width: 							74px;
	margin-right: 						0;
	margin-bottom: 						3px;
	height:								100%;
	margin-right: 						-14px;
	-webkit-border-radius: 				4px 0 0 4px;
	-moz-border-radius: 				4px 0 0 4px;
	border-radius: 						4px 0 0 4px;
	text-align:							left;
	border-color: 						#ffffff #dddddd #ffffff #ffffff;
}

.tabs-left > .nav-tabs {
	float: 								left;
	margin-right: 						25px;
	border-right: 						1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
	border-color: 						#eeeeee #ffffff #eeeeee #eeeeee;
	-webkit-border-radius: 				4px 0 0 4px;
	-moz-border-radius: 				4px 0 0 4px;
	border-radius: 						4px 0 0 4px;
	background-color:					#d9534f !important;
	color:								#ffffff !important;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
	border-color: 						#ddd #fff #ddd #ddd;
	background-color:					#ffffff !important;
	color:								#1f242a !important;
}

.tabs-left h2 {
	font-family: 						'Source Sans Pro', sans-serif;
	color:								#1f242a !important;
	font-size:							48px;
	font-weight:						300;
	padding-top:						50px;
	padding-bottom:						15px;
}

.tabs-bkg {
	border-bottom: 						1px solid #ddd;
	border-top: 						1px solid #ddd;
	height:								478px;
}}
/* ############################################################################################## */


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	overflow: hidden;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

  
.content-width {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 15px;
}