body { margin: 0; padding: 0; font-family:'Lato', Arial, Verdana, Helvetica, sans-serif; font-size: 13px;	background: url(/templates/hero/images/content-wrapper-bg.jpg) transparent top center repeat-y; }
a{ outline: 0; }
:focus{ -moz-outline-style: 0; }

.container { text-align: center;}
#page {background: url(/templates/hero/images/header-bg.png) transparent top repeat-x; }

.inner{ text-align: left; }
/*#webapp-head {overflow: hidden;}*/
	.webapp-head .inner{margin: 0;position:relative; background:#fff; height:110px;}
		#logo {
			background: url(/templates/hero/images/logo.png) transparent top left no-repeat;
			display: block;
			float: left;
			height: 58px;
			margin: 25px 0;
			text-indent: -222em;
			width: 215px;
		}
	#tool-nav {margin: 10px 0; padding-top:16px;float: right;}
#tool-nav-bot {padding-top:13px; list-style-type: none; display: block; float:right;}

			#tool-nav li, #tool-nav form {display: inline;}
				#tool-nav a, #tool-nav a:visited { color: #333; margin: 0 3px; }
				#tool-nav form label {display: inline-block; text-indent: -222em;}
				#search-box {
					background: url(/wp-content/themes/9spot-psu/images/search.png) transparent top left no-repeat;
					border: 0;
					color: #8c8c8c;
					padding:  3px 10px 5px 10px;
					text-align: right;
					width: 159px;
				}
				#submit-search {
					background: url(/templates/hero/images/btn-search.png) transparent top left no-repeat;
					border: 0;
					cursor: pointer;
					height: 20px;
					text-indent: -222em;
					width: 21px;
				}
		#resources {
			background: url(/templates/hero/images/bkgd-ribbon.png) transparent top left no-repeat;
			display: block;
			font-family: Georgia, Times, serif;
			font-size: 14px;
			height: 174px;
			margin: 0;
			padding: 41px 21px 0 21px;
			position: absolute;
			right: 10px;
			text-align: center;
			width: 144px;
			z-index: 100;
		}
			#resources h5 {
				color: #fff;
				font-size: 16px;
				font-style: italic; 
				margin: 0 0 10px 0;
			}
			#resources li {margin: 0 0 10px 0;}
			#resources a, #resources a:visited {
				background: url(/templates/hero/images/bkgd-resources-arrow.png) transparent right 3px no-repeat;
				color: #a3cfca;
				padding: 0 15px 0 0;
			}
				
	#main-nav {
		background: url(/templates/hero/images/bkgd-nav-top.png) transparent top left no-repeat;
		font-size: 15px;
		height: 36px;
	}
		#main-nav ul {margin: 0 0 0 10px;}
		#main-nav li {
			display: inline;
			margin: 0 -5px 0 0
		}
		#main-nav a, #main-nav a:visited {
			color: #e6e6e6;
			cursor: pointer;
			display: inline-block;
			padding: 11px 13px 10px 10px;
		}
		#main-nav a:hover, #main-nav a.on {
			background: url(/templates/hero/images/bkgd-nav-on.png) transparent top left repeat-x;
			text-decoration: none;
		}
			#main-nav .home a {
				background: url(/templates/hero/images/bkgd-home-nav.png) transparent top center no-repeat;
				height: 25px;
				margin: 0 8px 0 0;
				padding: 0;
				text-indent: -222em;
				width: 23px;
			}
			#main-nav .home a:hover {background-position: bottom center;}
			#home .home {display: none;}
/* Footer */
#footer-wrap{background-color:#000; float left; min-width:1000px;}
	.container_20 .webapp-foot {background-color:#000;}
	#webapp-final, #footer {
		color: #fff;
		font-weight: bold;
		padding: 15px 0;
	}
	#footer{padding-bottom: 0;}
	#webapp-final p, #footer p {margin: 0 0 10px 0;}
	#webapp-final a, #webapp-final a:visited, #footer a, #footer a:visited {color: #4d8681;}
		#footer li {
			color: #ccdb85;
			display: inline;
			margin: 0 6px 0 0;
		}
			#footer li a, #footer li a:visited { color: #ccdb85;	padding: 0 4px 0 0; }
		#footer p.weather {margin: 10px 0 25px 0;}
/* Footer */