a:link {
  color: #fff;
  text-decoration: none;
}

a:visited {
  color: #fff;
  text-decoration: none;
}

a:hover {
  color: #fff;
  text-decoration: none;
}

a:active {
  color: #fff;
  text-decoration: none;
}
#blueTop{
	width:100%;
	height:12px;
	background-color:#4A8DAC;
}
#grayTop{
	width:100%;
	height:4px;
	background-color:#CCCCCC;
}
#top{
	width:100%;
	height:840px;
	background-image: url('../media/website/header-bg.jpg');
}
#topContainer{
	margin: 0 auto;
	padding-top:55px;
	width:975px;
}
#topBanner{
	height:135px;
	width:100%;
}
#topBannerLeft{
	height:100%;
	width:50%;
	float:left;
}
#topBannerRight{
	text-align:right;
	width:50%;
	height:100%;
	float:left;
}
#topBannerLeftLeft{
	float:left;
	margin-right:20px;
}
#topBannerLeftRight{
	float:left;	
	color:#FC4A1A;
}
#topBannerTitle{
	font-family: 'Lobster';
	font-size:45px;
	font-weight:normal;

}
#topBannerTitle a {
	color:#FC4A1A;
	text-decoration: none;
}
#topBannerText{
	text-align:left;
	margin-top:15px;
}
.topBannerRightFlag{
	float:right;
	margin-left:35px;
}
.topBannerRightFlag img{
	width:85px;
}
.mySlides{
	max-height:600px;
	width:975px;
}
.mySlides img{
	max-height:100%;
	max-width:100%;
}
.slider{
	height:600px;
	width:975px;
}
#menu{
	width:100%;
	height:50px;
	background-color:#FF4B33;
}
.menuItem{
	padding: 0 15px;
	display: block;
	color:#fff;
	float:left;
	font-size: 15px;
	line-height: 48px;
	height:50px;
	background-color:#FF4B33;
}
.menuItem:hover{
	background-color:#444444;
}
#middle{
	width:100%;
	background-image: url('../media/website/bg.jpg');
	background-size: 100%;
	background-position: center;
	background-position-y: center;
	background-position-y: 750px;
	padding-bottom: 20px;
}
#content{
	margin: 0 auto;
	margin-top:20px;
	width:975px;
	color: #666;
	background-color:rgba(255, 255, 255, 0.8);
	min-height:350px;
	padding: 20px 10px;
;
}
#bottom{

	color:#fff;
	border-top: 6px solid #ccc;
	width:100%;
	height:85px;
	background-color:#4A8DAC;
}
#bottomText{
	padding-top:30px;
	margin: 0 auto;
	width:975px;
}
#content h1{
	font-size: 28px;
	font-weight: bold;
	color: #FC4A1A;
}
#content b{
	font-weight: bold;
}
#content h2{
	color:#ff0000;
	font-weight: bold;
}
#content h3{
	color: #0000ff;
	font-style: italic;
	font-weight: bold;
}
.selectedItem{
	background-color:#444444;
}

.dropbtn {
	display: block;
	color:#fff;
	float:left;
	font-size: 15px;
	height:50px;
	background-color:#FF4B33;
	cursor:pointer;
	border: none;
	background: none;
	padding: 0;
	padding-left:10px;
	padding-right: 10px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	
	float:left;
	position: relative;
	display: inline-block;
	margin-left:15px;
	margin-right:15px;
	margin-top:-2px;
}


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	min-width:130px;
	color:#fff;
	display: none;
	position: absolute;
	background-color: #444444;
	margin-top:50px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #999;
  padding: 9px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover {
	color:#fff;
}

/* Change color of dropdown links on hover */
/*.dropdown-content a:hover {background-color: #ddd;}*/

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #444444;}
.photoThumbnail{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	height:180px;
	width:230px;
	border:3px solid #fff;
}
.photoThumbnail img{
	height:180px;
	width:230px;
}
.photoThumbnailRow{
	clear:both;
	height:190px;
}
#pagination{
	background-color:rgba(255, 255, 255, 0.85);
	margin-top:20px;
	padding-top:7px;
	width:100%;
	text-align: center;
	height:25px;

}
#pagination a {
	color:#000;
	border:2px solid #D98595;
	margin-left:10px;
	margin-right:10px;
}
.video{
	float:left;
	height: 180px;
	width: 170px;
	margin-bottom:20px;
}
.videoThumbnailRow{
	height:170px;
	width:100%;
	clear:both;
}
.videoName{
	text-align:center;
	height:90px;
}
.videoThumbnail{
	margin-left: 25px;
	width:120px;	
	height:90px;
	border: 3px solid #fff;
}
.article{
	width:100%;
	min-height:300px;
	margin-bottom: 20px;
	clear:both;
	
}
.articleTitle{
	width:100%;
	height:50px;
	font:#FC4A1A;
}
.articleBody{
	display:flex;
	min-height:300px;
}
.articlePicture{
	flex:1;
	width:150px;
	height:100%;
	min-height: 300px;
}
.articlePicture img{
	width:100%;
}
.articleContent{
	flex:6;
}
.articleVideo{
	padding-top:5px;
	padding-bottom:20px;
	height:450px;
	width:100%;
}
.articleContent{
	min-height:200px;
	width:100%;
}
.articleHeader{
	width:100%;
	height:50px;
}
.articleText{
	margin-left: 5px;
}
.ideeen-busImg{
	max-width:100%;
	height: auto;
	margin-bottom:5px;
}