/* CSS Document */
.container{
	width:70%;
	margin:auto;
	background-color: aliceblue;
	}
.row{
	width: 100%;
	margin:auto;
	overflow: hidden;
	}
.col-2{
	width:27%;
	float: left;
	overflow:hidden;
	height:1100px;

	padding-bottom:15px;
}
.col-3{
	width:27%;
	float: left;
	font-size:14px;
	overflow:hidden;
	padding-left:15px;
	padding-bottom:15px;
	height:1100px
}

.col-8{
	width: 41%;
	float: left;
	overflow:hidden;
	font-size:14px;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #033;
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
li a:hover:not(.active) {
    background-color: #999;
}
.dropdown:hover .dropbtn {
    background-color: #999;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #eee}

.dropdown:hover .dropdown-content {
    display: block;
}



.active {
    background-color: #F00;
}

.col-2 .row a{

    color: #000;
    text-decoration: none;

	

}
.col-2 .row a:hover {
    color: #007;
	box-shadow: 1px 1px 5px #555;
}


.col-3 .row a{
	display:block;
    color: #000;
    padding: 8px 10px;
    text-decoration: none;
	font-size: 14px;
	margin-left:12px;
	margin-right:12px;
    background-color: #FC9;
	border:4px solid #FFFFFF;
	box-shadow: 1px 1px 5px #555;
	

}
.col-3 .row a:hover {
    background-color: #FC9;
    color: #888;
	border-radius:0px;
	box-shadow: 1px 1px 5px #555;
}

.mon01{
 	width:99.5%;
	margin: auto;
	border-radius:10px 10px 0px 0px;
	background-color: #5489AF;
	padding-top: 5px;
	padding-bottom: 3px;
	
}

.col-2  a {
    display: block;
    color: #000;
    padding: 5px 5px;
    text-decoration: none;
	font-size: 14px;
	margin-left:5px;
	margin-right:5px;
		text-shadow:1px 1px 3px #ccc;

}

/* Change the link color on hover */
.col-2 a:hover {
    color: #F00;
	font-weight:bolder;
	text-shadow:1px 1px 3px #ccc;


/*SEARCH*/
	#tfheader{
		background-color:#c3dfef;
	}
	#tfnewsearch{
		float:right;
		padding:20px;
	}
	.tftextinput{
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		border:1px solid #0076a3; border-right:0px;
		border-top-left-radius: 5px 5px;
		border-bottom-left-radius: 5px 5px;
	}
	.tfbutton {
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		border: solid 1px #0076a3; border-right:0px;
		background: #0095cd;
		background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
		background: -moz-linear-gradient(top,  #00adee,  #0078a5);
		border-top-right-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
	}
	.tfbutton:hover {
		text-decoration: none;
		background: #007ead;
		background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
		background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	}
	/* Fixes submit button height problem in Firefox */
	.tfbutton::-moz-focus-inner {
	  border: 0;
	}
	.tfclear{
		clear:both;
	}