@import url('http://fonts.googleapis.com/css?family=Ubuntu:300,400,700');

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{
	font-family: 'Ubuntu', Helvetica, sans-serif;
	font-weight: 300;
}
.homewrap{
	background-position: top center;
	background-repeat: repeat-x;
	padding: 15px 0px;
}
.intwrap{

	background-position: top center;
	background-repeat: repeat-x;
	padding: 15px 0px;
}
sup{
	top: -0.3em;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Ubuntu', Helvetica, sans-serif;
}
h3{
	color:#8DC63F;
	font-size: 1.2em;
	font-weight: 200;
}
h2{
	color: #8DC63F;
}
.center{
	text-align: center;
}
img{
	max-width: 100%;
}
hr.visible-xs{
	clear: both;
}
nav.navbar{
	clear: both;
}
p{
	font-size: 1.6em;
}
.right{
	float: right;
}
.left{
	float: left;
}
.clear{
	clear: both;
}
.row{
	margin-right: 0px;
	margin-left: 0px;
}
.input-group-btn button{
	border-left: 0px;
}
ol li{
	padding: 5px 0px;
}

img.image-align-right, img.right{
	float: right;
	padding-bottom: 10px;
	padding-left:15px;
}
img.image-align-left, img.left{
	float: left;
	padding-bottom: 10px;
	padding-right:15px;
}
.topnav ul.dropdown-menu li a{
	padding-left: 0px;
	font-size: 1em;
	font-weight: 100;
	color: #00168F;
}
.topnav li a{
	font-size: .9em;
}
.navbar-default{
	border-color: transparent;
	background-color: transparent;
}
.navbar-brand{
	padding: 0px;
}
.topnav>li>a{
	padding-top: 13px;
	padding-bottom: 13px;
}
.navbar ul.topnav li{
	background: none;
	font-size: 1em;
	padding-top: 5px;
}
.topnav .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
	background-color: #FFF;
}
.navbar ul.topnav li.active a{
color:#00168F;
background: none;
}
 .navbar ul.topnav li.active a:hover{
	background: none;
	color: #8DC63F;
		-webkit-transition: color 600ms ease;
-moz-transition: color 600ms ease;
-ms-transition: color 600ms ease;
-o-transition: color 600ms ease;
transition: color 600ms ease;

}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
	background-color: #CADAEA;

}

.navbar ul.topnav li a:hover{
	color: #8DC63F;
	-webkit-transition: color 600ms ease;
-moz-transition: color 600ms ease;
-ms-transition: color 600ms ease;
-o-transition: color 600ms ease;
transition: color 600ms ease;
text-decoration: underline;
}
.topnav{
	font-size: 1.1em;
}
.topnav .dropdown-menu li{
	padding-left: 10px;
}
.dropdown-menu.fly{
	position: relative;
	float: none;
}
#query{
	float: right;
	padding-right: 0px;
}
#query .input-group-btn{
	width: auto;
}
footer{
	background: url('../img/footer.png');
	background-repeat: repeat-x;
	padding-top: 15px;
	font-size: .9em;

}
/* ==========================================================================
   Media Query Custom
   ========================================================================== */

@media only screen and (min-width: 371px) and (max-width:767px){
	.img-thumbnail{
		margin-top: 10px;
	}
	.row{
		padding-left: 10px;
		padding-right: 10px;
	}
	.row#head p.text-right{
		padding-right: 20px;
	}

}
@media only screen and (min-width: 768px){

	#head div{
		padding-left: 0px;
		padding-right: 0px;
	}
	#searchsite{
		float: right;
		padding-right: 0px;
	}
	.topnav{
	float: right;
	}

}
@media only screen and (max-width:767px){

	.container{
		margin-left: auto;
		margin-right: auto;
	}
	.imgshrink img{
		max-width: 30%;
		height: auto;
	}
	.imgshrink img.noshrink, .noshrink{
		max-width: 100%;
	}
	.center-sm{
		text-align: center;
	}
	 p{
		font-size: 1em;
	}
	

}
@media only screen and (min-width: 768px) and (max-width:991px){
	.topnav{
		width: 100%;
		margin-top: 15px;
	}
	nav.navbar{
		float: left;
	}

	.topnav ul.dropdown-menu{
		font-size: 1.2em;
	}

}




@media only screen and (min-width: 1200px){
	.topnav{
		padding-top: 24px;
	}

}