/* Defaults / Desktop View */
body {
	font:normal 14px/17px Arial,sans-serif;
	color:#333;
}
img {
    border: 0;
	width: 100%;
}

.float-right {
	float:right;
	border: 1px solid black;
	width:40%;
	max-width: 180px;
	margin-left: 10px;
	}


.float-left{
	float:left;
	border: 1px solid black;
	width:30%;
	max-width: 120px;
	margin-right: 15px;
	margin-bottom: 9px;
	margin-top: 5px;
	}

#logo {
	float:center;
	padding:30px;
	text-align:center;
	background:#91C6FC;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
}
#logo h1 {
	font-size:25px;
	margin:0;
}
#menu {
	padding:10px;
	float:left;
	font:italic 15px/18px Georgia,serif;
        margin: 0 auto;

}
#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu ul li {
	display:block;
	padding:0;
	margin:0 0 1px 0;
	background-color:#335099;
}
#menu a {
	color:#FFF;
	display:block;
	padding:8px 10px;
	text-decoration:none;
}
#menu a:hover {
	color:#335099;
	background:#CCF;
}
#masthead p {
	margin:0;
}
#masthead p.title {
	padding:15px;
	background:#335099;
	color:#FFF;
	font-size:18px;
        line-height: 1.1;
}
div.contentBox {
	padding:10px;
	margin-bottom:20px;
}
div.widgetMisc {
	background:#E0E0E0;
	padding:15px;	
}



#featureWrap {
	width:100%;
	overflow:hidden;
	clear:both;
}

.feature {
	width:95%;
	margin:10px;
	border:1px solid #CCC;
	padding:14px;
}

.feature p {
	margin:0;
}

.title {
	padding-bottom: 15px;
	padding-top: 20px;
	color:#335099;
	text-decoration:none;
	font-size:20px;
	clear:both;
	line-height: 100%;
}

.result {
	border: 2px solid darkblue;
	min-height: 60px;
}


#featureWrap .feature p.desc {
	font-size:15px;
	color:#555;
}
#featureWrapClear {
	clear:left;
}
#wrap {
	width:980px;
	margin:0 auto;
	background-color:white;
}
#wrapClear {
	clear:left;
}
#nav {
	float:center;
}
#content {
	margin-left:20px;
	float:left;
        width: 800px;
}
#navClear {
	display: none;
}


#chooseradio {
	float:none;
	padding: 20px 0px 20px 0px;
}

#select_container {
	height: 40px;
	float:none;
	padding: 20px 0px 20px 0px;
}

select {
	margin:2px;
	border-radius:5px;
	border:solid 2px darkgrey;
	background:lightgoldenrodyellow;
	height: 30px;
}



@media only screen and (min-width:651px ) and (max-width:979px) {
	/*Small Desktop / Large Tablet View*/
	#wrap {
		width:650px;
	}
	#nav {
		float:none;
		margin-bottom:20px;
	}
	#content {
		margin-left:0;
		float:none;
                width: auto;
	}
	#wrapClear {
		clear:none;
	}
	#logo {
		float:left;
	}
	#menu {
		float:left;
		margin-left:20px;
		margin-top:24px;

	}
	#menu ul li {
		float:left;
		margin:0 2px 0 0;
	}
	#menu ul li a {
		padding:10px 15px;
	}
	#navClear {
		display:inline;
		clear:left;
	}
	#featureWrap  {
		width: 600px;
	}
}



@media only screen and (min-width:481px ) and (max-width:650px) {
	/* Small Tablet View */
	#wrap {
		width:480px;
	}
	#nav {
		float:none;
		margin-bottom:20px;
	}
	#content {
		margin-left:0;
		float:none;
                width: auto;
	}
	#wrapClear {
		clear:none;
	}
	#logo {
		float:left;
	}
	#menu {
		float:left;
		margin-left:10px;
		margin-top:24px;
		font-size:12px;
	}
	#menu ul li {
		float:left;
		margin:0 2px 0 0;
	}
	#menu ul li a {
		padding:8px 12px;
	}
	#navClear {
		display:inline;
		clear:left;
	}
	#featureWrap  {
		width:450px;
	}
	
	.feature {
		margin-bottom: 10px;
	}
}



@media only screen and (max-width:480px) {
	/* Smartphone view*/
	#wrap {
		width:300px;
	}
	#nav {
		float:none;
		margin-bottom:20px;
	}
	#content {
		margin-left:0;
		float:none;
                width: auto;
	}
	#wrapClear {
		clear:none;
	}
	
	#logo h1 {
		font-size:22px;
		white-space:nowrap;
	}

	#logo {
		margin:0 auto;
	}
	#menu {
		float:left;
		font-size:12px;
	}
	#menu ul li {
		float:left;
		margin:0 2px 0 0;
	}
	#menu ul li a {
		padding:8px 12px;
	}
	#navClear {
		display:inline;
		clear:left;
	}
	#featureWrap  {
		width:270px;
	}
	
	.feature {
		margin: 5px 10px 10px 5px;
		padding:5px;
	}
}