/* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */
.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fixed{display:block;}
.fixed{min-height:1%;}
* html .fixed{height:1%;}

body {
	background: url('../_img/backgrounds/textured-red-01.png') repeat scroll left top #A6192E;
}

h1 {
	margin: 0.5em 0;
}

.boxContainer {
	position: relative;
	margin: 0 auto;
	width: 100%;
	/*max-width: 1000px; Do we really need this? -Eric*/
}

.boxContainer img { 
	width: 100%; 
	height: auto; 
}

.branding {
	background: transparent url(../_img/_template/beedie-logo.png) top left no-repeat;
}

.site-title {
	margin-left: 90px;
}

.three-column.no-navigation .main{padding-left:8%;}
.three-column.no-navigation .breadcrumb{padding-left:8%;}
.three-column.no-navigation .footer{padding-left:8%;}

.row {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	float: left;
	clear: left;
}

.last { 
	margin-right:0px;
}
.column{
	float: left;
	min-height: 1px;
	margin-right: 3%;
}

.lastColumn{
	float: left;
	min-height: 1px;
	margin-right:0px;
}

.one { width: 8.333333333%; }
.two { width: 16.666666666%; }
.three { width: 25%; }
.four { width: 33.33333333%; }
.five { width: 41.666666667%; }
.six { width: 48.5%; }
.seven { width: 58.333333333%; }
.eight { width: 66.666666667%; }
.nine { width: 75%; }
.ten { width: 83.333333333%; }
.eleven { width: 91.666666667%; }
.twelve { width: 100%; }

.step_title {
	color: #a6192e;
	line-height: 1.2em;
	font-size: 1.2em;
	background: 
	#d9d9d6;
	padding: 0.4em;
	max-width: 100%;
}
.step_title:hover {
	cursor: pointer; 
	color: black;
}

#content ul#reads {
list-style-type: none;
list-style-position: outside;
padding: 0
}

#content ul#reads .last {
margin-right: 0;
}
ul#reads li { 
margin-right: 4px;
display: block;
float:left;
}
/* Use this for buttons */
.button {
padding: 7px;
color: #fff !important;
display: block;
text-align: center;
letter-spacing: 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 -1px 0 #666;
background: #a6192e;
-webkit-box-shadow:  0px 0px 3px 0px #2b1111;
box-shadow:  0px 0px 3px 0px #2b1111;
    transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
}
.button:hover {
text-decoration: none !important;
background: #0054A6;
}
.button:active {background: #a7a8a0;}

.default-nav > ul > li > ul > li > ul > li{
	background-color: #fafafa;
}
.default-nav > ul > li > ul > li > ul > li a {
	background-color: #fafafa;
}
.default-nav > ul > li > ul > li > ul > li a:hover{
	background-color: #fafafa;
}
.default-nav > ul > li > ul > li > ul > li > ul > li{
	background-color: #fafafa;
    font-family: "DINWeb", sans-serif;
}
.default-nav > ul > li > ul > li > ul > li ul > li > a {
	background-color: #fafafa;
	padding-left: 35px;
}
.default-nav > ul > li > ul > li > ul > li ul > li > a:hover{
	background-color: #fafafa;
}
.default-nav > ul > li > ul > li.active > a,
.default-nav > ul > li > ul > li.current > a {
color: 
#3d3935;
font-size: 1em;
line-height: 1.3125em;
font-family: "DINWebBold",sans-serif;
font-weight: normal;
background-color: 
#ccc;
}
.default-nav > ul > li > ul > li.active > ul > li.active,
.default-nav > ul > li > ul > li.current > ul > li.current {
	color: #a6192e;
	font-size: 1em;
	line-height: 1.3125em;
	font-family: "DINWebBold",sans-serif;
	font-weight: normal;
}
.default-nav > ul > li > ul > li.active > ul > li.active > a,
.default-nav > ul > li > ul > li.current > ul > li.current > a  {
	color: #a6192e;
	font-size: 1em;
	line-height: 1.3125em;
	font-family: "DINWebBold",sans-serif;
	font-weight: normal;
}
.default-nav > ul > li > ul > li.active > ul > li.active > ul > li.active,
.default-nav > ul > li > ul > li.current > ul > li.current > ul > li.current {
	color: #a6192e;
	font-size: 1em;
	line-height: 1.3125em;
	font-family: "DINWebBold",sans-serif;
	font-weight: normal;
}
.default-nav > ul > li > ul > li.active > ul > li.active > ul > li.current > a,
.default-nav > ul > li > ul > li.current > ul > li.current > ul > li.current > a  {
	color: #a6192e;
	font-size: 1em;
	line-height: 1.3125em;
	font-family: "DINWebBold",sans-serif;
	font-weight: normal;
	padding-left: 35px;
}

/*	Main Nav */

.main-nav .sub-menu li.secondary {
	padding-left: 1em; 
	font-family: 'DINWebLight'; 
	font-size: .9230769em; /*12px*/
}

/*	CSS for Subcontent area boxes, use h4 for title*/

.news, .events, .quicklinks, .contact-us, .at-a-glance, .feature {
	border-top: 10px solid #eee;
	font-family: "DINWebMedium", sans-serif;
	margin-bottom: 1em;
}

.news .loading, .events .loading, .quicklinks .loading {
	margin: 1em;
	color: #666;
	font-size: 0.75em;
	font-family: "DINWebLight", sans-serif;
}

.news h4, .events h4, .quicklinks h4, .contact-us h4, .at-a-glance h4, .feature h4{
	margin: 1em 0;
	padding: 0;
	color: #3d3935
}

.news h4 a, .events h4 a, .quicklinks h4 a, .contact-us h4 a, .at-a-glance h4 a, .feature h4 a{
	color: #3d3935;
}

.news img.fullWidth, .events img.fullWidth, .quicklinks img.fullWidth, .contact-us img.fullWidth, .at-a-glance img.fullWidth, .feature img.fullWidth{
	width: 100%;
}

.news ul, .events ul, .quicklinks ul, .contact-us ul, .at-a-glance ul, .feature ul {
	padding: 0;
	list-style-type: none;
}

.news ul li , .events ul li{
	border-bottom: 1px solid #eee;
	padding: 8px 0;
	font-size: 0.875em;
	line-height: 1.25em;
	font-family: "DINWebLight", sans-serif;
}

.quicklinks ul li , .contact-us ul li, .at-a-glance ul li, .feature ul li{
	border-bottom: 1px solid #eee;
	padding: 5px 0; /* Only difference between these and "news" or "events" */
	font-size: 0.875em;
	line-height: 1.25em;
	font-family: "DINWebLight", sans-serif;
}

.news p, .events p, .quicklinks p, .contact-us p, .at-a-glance p, .feature p {
	font-size: 0.875em;
	line-height: 1.25em;
	font-family: "DINWebLight", sans-serif;
}

.pis-title {
 	font-size: 1em !important;
 	margin: 0;
}

.events ul li .eventDate,
.feature ul li .eventDate {
	margin-bottom: .5em;
	color: #888;
	font-size: 0.75em;
	line-height: 1.25em;
	font-family: "DINWebMedium", sans-serif;
	text-transform: uppercase;
}

.events ul li .eventTitle
.feature ul li .eventTitle {
}

section.sub .image img{
	width: 100%;
}

/* 	CSS for frontpage */

.frontpage{
	font-family: "DINWebLight", sans-serif;
}

.frontpage h2{
	font-size: 1em;
	font-family: "DINWebMedium",sans-serif;
	margin-top: .5em;
	margin-bottom: .5em;
	text-transform: uppercase;
}

/*.frontpage h2 a{
	color: #3d3935;
}*/

.frontpage h2 a{
	color: #3d3935;
	font-weight: bold;
}

.frontpage img{
	border-bottom: 10px solid #eee;
}

/**.frontpage p{
	font-size: 0.875em;
	line-height: 1.25em;
}
**/


.frontpage p {
    font-size: 13px;
    line-height: 15px;
    color: #696969;
}

.frontpage ul {
	padding: 0;
	list-style-type: none;
}

.frontpage ul li{
	border-bottom: 1px solid #eee;
	padding: 5px 0;
	font-size: 0.875em;
	line-height: 1.25em;
}

/* 	CSS for strategic theme pages */

#themeHeaderBox{
	color: #ffffff;
}

#themeHeaderBox img{
	display: block;
}

#themeHeaderBox p{
	font-size: 20px;
	padding-right: 30px;
}

#themeBodyBox div.row{
	margin-bottom: 10px;
}

#themeBodyBox p.introduction{
	font-size: 13px;
}

#themeBodyBox p{
	font-size: 13px;
}

#themeBodyBox h2.ruled{
	margin-bottom: 20px;
}

#themeBodyBox h3{
	font-size: 15px;
	margin-top: 0px;
}

#themeBodyBox .news{
	border-top: none;
}

/*	CSS for columns */

.col{
	float: left;
	display: block;
	min-height: 1px;
	margin-right: 3%;
}

.col:last-child { margin-right: 0; } 
.col.lastCol { margin-right: 0; } 

.one-1 { width: 100%; }
.one-4 { width: 22.75%; }
.one-5 { width: 17.5%; } 		/* New */
.two-4 { width: 48.5%; }
.two-5 { width: 37.8%; } 		/* New */
.three-4 { width: 74.25%; }
.three-5 { width: 57.8%; } 		/* New */
.four-4 { width: 100%; }
.four-5 { width: 77.8%; }		/* New */

.one-3{ width: 31.333333333%;}
.two-3{ width: 65.666666667%;}
.three-3{ width: 100%;}

.one-2{ width: 48.5%;}
.two-2{ width: 100%;}

.faq_question {
margin: 0 0 1em 0;
}
.faq_answer {
margin: 0 0 1em 0;
}

table th { vertical-align: middle;}

/*	CSS for carousel/slideshow */
.carousel .featureHeadline li {margin-bottom: 0;}
.carousel .featureHeadline{background:#3d3935 0 0 repeat;border-bottom:25px solid #ddd;}
.carousel .featureHeadline h3{font-size:1.75em;line-height:1.2em;margin-top:0;margin-bottom:6px;}
.carousel .featureHeadline .carousel-image{background-color:#000;width:61.770833%;float:left;margin:0;overflow:hidden;}
.carousel .featureHeadline .carousel-image img{max-width:100%;}
.carousel .featureHeadline .carousel-text{width:38.229167%;float:left;color:#fff;padding:3%;/*margin-top:6%;*/}
.carousel .featureHeadline .carousel-text a{color:#fff;}
.carousel .featureHeadline .carousel-text p{font-size:.8571428571428571em;line-height:1.3125em;font-family:"DINWebLight",sans-serif;font-weight:normal;margin-bottom:0;}
.carousel .featureHeadline .carousel-text p span{display:block;padding-top:8px;text-transform:uppercase;}
.carousel .featureHeadline .carousel-text p span a{color:#e0d10a;}
.carousel .featureHeadline li{margin-bottom:0;}
.carousel .flex-control-nav{bottom:-31px;}

@media(max-width:1500px){

.carousel .featureHeadline .carousel-image{width:100%;}
.carousel .featureHeadline .carousel-text{clear:left;width:100%;margin-top:0;}
.carousel .featureHeadline .carousel-text h3{font-size:1.5em;}

}

@media screen and (max-width: 980px) {

	.three-column.no-navigation .main{padding-left:2.1929825%;}
	.three-column.no-navigation .breadcrumb{padding-left:2.1929825%;}
	.three-column.no-navigation .footer{padding-left:2.1929825%;}
	
	.one-4 { width: 48.5%;}
	.three-4{ width: 100%;}
	.one-4:nth-child(2) { margin-right: 0; }
	
	.frontpage{
		border-top: 10px solid #eee;
	}
	
	section.sub .image img{
		width: 100%;
	}
	.sideImg{
		display: none;
	}
	
}

@media only screen and (max-width: 700px) {
	.one-4 { width: 48.5%;}
	.one-3 { width: 100%;}
	.two-3 { width: 100%;}
	.two-4 { width: 100%;}
	.one-2 { width: 100%;}
	.three-4{ width: 100%;}
	.six{ width: 100%;}
	.col:nth-child(2) { margin-right: 0; }
	#themeHeaderBox p{
		padding-left: 20px;
	}
	
	
	
}

@media only screen and (max-width: 480px) {
	.one-4 { width: 100%;}
	.branding {
		width: 80px; /* only 80px of the beedie logo will show */
	}
	fieldset.search-scope-set {
	font-size: .9em;
	width: 200%;
	}
	.search fieldset {
	margin-bottom: 0;
	}
	.actionable-header .search {
	width: 60%;
	}
	.global-links {
	position: static;
	margin-top: 8px;
	float: left;
	width: 30%;
	}
	.search .search-field input {
	width: 120%;
	border-radius: 5px;
	box-shadow: none;
	}
	
}

/* iframe video container */
.video-container {
	margin: 1em 0;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Content below the left navigation menu*/
.underNav{
	padding: 0 15px;

}
.underNav img {
	max-width:100%;
}

@media screen and (max-width: 768px){
	.underNav{
		display: none;

	}
}