/*

	Filename: css/layout.css
	Project: Tech Town Website
	Client: City of Dayton
	Agency: Chisano Marketing Group
	Date: 3/2/2010
	
	Developer: Tyson Willey
	Designer: Leia Vieira
	
	Description:
		Set up block level structure/positioning of website

*/



.clear-fix:after {
	clear: both;
	content: ".";
	display: block;
	height: 1px;
	visibility: hidden;
	width: 1px;
}

.text-replace {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}


html, body {
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 12px;
}

.container {
	border: 5px solid #FFF;
	border-top: none;
	border-bottom: none;
	margin: 0 auto;
	width: 970px;
}




/* Header */
/* ////////////////////////////////////////////////// */

#header {
	background: url(../images/header_squares.png) no-repeat center bottom;
	padding: 0 0 7px 0;
}

#logo {
	float: left;
	padding: 7px 0 0 25px;
	width: 150px;
}

#logo a {
	background: url(../images/logo.png) no-repeat 0 0;
	height: 103px;
	width: 96px;
}

#navigation {
	border-top: 4px solid #b2b4b7;
	float: right;
	margin: 0 0 30px 0;
	width: 760px;
}

#top-nav {
	background: #FFF;
	font-size: 11px;
	margin: -4px 0 65px 0;
	padding: 4px 0 0 10px;
	float: right;
}

#top-nav li {
	border-right: 1px solid #70b5d3;
	float: left;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
}

#top-nav li.last {
	border: none;
	margin: 0;
	padding: 0;
}

#top-nav a {
	color: #70b5d3;
}

#top-nav a:hover {
	text-decoration: underline;
}
	
#top-nav #top-links {
	float: left;
	padding: 5px 0 0 0;
}
		
#top-nav #social-links {
	float: left;
	margin-left: 15px;
}

#top-nav #social-links li {
	border: none;
}

#top-nav #social-links a,
a.stico_default {
	background: url(../images/sprite.png) no-repeat 0 0;
	height: 17px;
	width: 17px;
}

a.stico_default {
	display: block;
	overflow: hidden;
	padding: 0 !important;
	width: 17px !important;
	height: 17px !important;
	text-indent: -9999px;
}

a.stico_default {background: url(../images/sprite.png) no-repeat 0 0 !important;}

#top-nav #social-links #facebook-icon {background-position: 0 0;}
#top-nav #social-links #shareThis-icon,
#top-nav #social-links a.stico_default {background-position: -20px 0 !important;}
#top-nav #social-links #rss-icon {background-position: -40px 0;}

#top-nav #social-links #facebook-icon:hover {background-position: 0 -17px;}
#top-nav #social-links #shareThis-icon:hover,
#top-nav #social-links a.stico_default:hover {background-position: -20px -17px !important;}
#top-nav #social-links #rss-icon:hover {background-position: -40px -17px;}


			
#main-nav {
	clear: both;
	color: #00716d;
	float: right;
	text-transform: uppercase;
	width: 100%;
}

#main-nav ul {
	border-bottom: 4px solid #d7d7d7;
	padding: 0 0 5px 0;
}

#main-nav li {
	border-right: 1px solid #00716d;
	float: left;
	padding: 0 21px;
}

#main-nav li.last {
	border: none;
}

#main-nav a {
	color: #00716d;
}

#main-nav a:hover {
	color: #70b5d3;
}

#main-img {
	background: url(../images/header_background.png) repeat-x 0 0;
	clear: both;
}

#main-img .container {
	background: url(../images/mainImg_top.jpg) no-repeat #FFF 0 0;
	padding: 27px 0 0;
}

#main-img ul.subnav {
	background: url(../images/subnav_bg.jpg) no-repeat 0 0;
	float: left;
	height: 263px;
	margin: 0 1px 0 0;
	width: 223px;
}

#main-img ul.subnav li {
	border-bottom: 1px solid #519876;
}

#main-img ul.subnav li.last {
	border: none;
}

#main-img ul.subnav a {
	color: #FFF;
	display: block;
	font-size: 14px;
	line-height: 18px;
	padding: 10px 10px 10px 30px;
}

#main-img ul.subnav a:hover {
	background: url(../images/subnav_over.png) repeat 0 0;
}

#main-img ul.subnav .heading {
	border: none;
	color: #61cb5b;
	font-size: 15px;
	padding: 30px 10px 10px 30px;
	text-transform: uppercase;
}

#main-img img {
	background: #036732;
	display: block;
	height: 263px;
}

#main-img img.wide {
	width: 970px;
}

#main-img img.short {
	float: left;
	width: 746px;
}





/* Page Content */
/* ////////////////////////////////////////////////// */

#page-content {
	margin: 35px 0;
}



/* Sidebar information */
.logos-list,
.plain-list {
	background: url(../images/sidebar_bg.png) repeat 0 0;
	border: 1px solid #dbdbdb;
	padding: 10px;
	width: 191px;
}

.logos-list dt {
	color: #155552;
	font-size: 12px;
	text-transform: uppercase;
}

.logos-list dt,
.logos-list dd,
.plain-list li  {
	background: #FFF;
	border-left: 1px solid #a6bfb1;
	border-right: 1px solid #a6bfb1;
	padding: 10px 5px;
}

.logos-list .first {border-top: 1px solid #a6bfb1;}
.logos-list .last,
.plain-list .last {border-bottom: 1px solid #a6bfb1; padding-bottom: 20px}

.logos-list dt,
.logos-list dd a,
.logos-list dd p.caption {
	text-align: center;
}

.logos-list p.caption {
	margin: 5px 0 0 0;
}

.logos-list img {
	background: #155552;
	display: block;
	margin: 0 auto;
	width: 170px;
}


/*.plain-list {
	margin: 0 0 36px 0;
	width: 100%;
}
*/



.plain-list li {
	background: url(../images/sprite.png) #fff no-repeat 10px -88px;
	border-bottom: 1px dotted #eaeaea;
	color: #036732;
	display: block;
	padding: 10px 10px 10px 25px;
}

.plain-list .heading {
	background: #FFF;
	border-bottom: 2px solid #eaeaea;
	border-top: 1px solid #a6bfb1;
	color: #155552;
	font-family: "HelveticaNeue-Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 14px;
	font-weight: 200;
	padding: 10px;
	list-style: none;
	text-align: center;	
	text-transform: uppercase;
}

p.snippet {
	border: 1px dotted #a7a7a7;
	border-left: none;
	border-right: none;
	color: #155552;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin: 0 0 36px 0;
	padding: 16px 0;
	width: 213px;
}

p.snippet a {
	color: #036732;
	text-decoration: underline;
}

p.snippet a:hover {
	text-decoration: none;
}






#left-col {
	float: left;
	margin: 0 32px 0 0;
	width: 223px;
}

#left-col ul.page-images {
	margin: 0 0 36px 0;
	width: 213px;
}

#left-col ul.page-images li {
	margin: 0 0 27px 0;
}

#left-col ul.page-images a {}

#left-col ul.page-images a:hover {}

#left-col ul.page-images img {
	display: block;
	width: 213px;
}

#left-col ul.page-images .caption {
	color: #036732;
	font-size: 11px;
	line-height: 11px;
	margin: 5px 0 0 0;
	text-align: center;
}








#main-content {
	color: #036732;
	float: left;
	line-height: 18px;
	width: 462px;
}

#main-content .page-headings {
	margin: 0 0 15px 0;
	padding: 20px 0 0;
	position: relative;
}

#main-content .page-headings h1 {}

#main-content .page-headings h3 {
	position: absolute;
	top: 0;
}

#main-content h1 {
	color: #155552;
	font-family: "HelveticaNeue-Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 28px;
	font-weight: 200;
	line-height: 28px;
}

#main-content h2 {
	border-bottom: 1px dotted #155552;
	color: #155552;
	font-family: "HelveticaNeue-Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 18px;
	margin: 36px 0 18px;
	padding: 0 0 10px 0;
}

#main-content h3 {
	color: #afafaf;
	font-size: 14px;
}

#main-content h4 {
	font-size: 14px;
	font-weight: bold;
}

#main-content p {
	font-size: 12px;
	margin: 18px 0;
}

#main-content strong {
	font-weight: bold;
}

#main-content a {
	color: #04b858;	
	text-decoration: underline;
}

#main-content a:hover {
	text-decoration: none;
}

#main-content a:active {
	color: #70b5d3;
}

#main-content a:visited {
	color: #155552;
}

#main-content ul,
#main-content ol,
#main-content dl {
	margin: 18px 0;
}

#main-content li,
#main-content dd {
	margin-bottom: 10px;
}

#main-content ul li {
	list-style: disc outside;
}

#main-content ol li {
	list-style: decimal outside;
}

#main-content dt {
	display: list-item;
	font-weight: bold;
	list-style: circle outside;
}

#main-content dd {}

#main-content blockquote {
	border: 1px dotted #afafaf;
	border-left: none;
	border-right: none;
	color: #155552;
	margin: 18px 0;
	padding: 18px;
	font-style: italic;	
}

#main-content form {
	border: 1px solid #afafaf;
	background: #fbfafa;
	margin: 18px 0;
	padding: 18px;
}

#main-content form ul {
	margin: 0;
}

#main-content form label {
	display: block;
	float: left;
	font-weight: bold;
	line-height: 28px;
	list-style: none;
	margin: 0 15px 0 0;
	text-align: right;
	width: 80px;
}

#main-content form p.error {
	color: #FF0000;
	font-size: 11px;
	font-weight: bold;
	margin: 3px 0;
}

#main-content form li {
	border-bottom: 1px dotted #afafaf;
	list-style: none;
	margin: 0 0 9px 0;
	padding: 0 0 9px 0;
}


#main-content input.text,
#main-content select,
#main-content textarea {
	background: #FFF;
	border: 1px solid #afafaf;
	float: left;
	padding: 6px 4px;
	width: 200px;
}

#main-content select {}

#main-content textarea {width: 314px;}
#main-content textarea.large {height: 300px;}
#main-content textarea.small {height: 150px;}

#main-content li.floating label {
	font-weight: normal;
}

#main-content li.submit {
	border: none;
	margin: 0;
	padding: 0;
}

#main-content li.submit input {
	background: #155552;
	border: 1px solid #155552;
	color: #FFF;
	cursor: pointer;
	padding: 5px 10px;
}

#main-content li.submit input:hover {
	background: #038640;
}


#main-content form li.floating label {
	float: left;
	margin: 0 20px 10px 0;
}



/* News List */

#main-content ul.news-list {}

#main-content ul.news-list li {
	background: url(../images/sprite.png) no-repeat 0 -95px;
	border-bottom: 1px dotted #eaeaea;
	color: #036732;
	display: block;
	margin: 10px 0 0;
	padding: 0 0 10px 15px;
}

#main-content ul.news-list li a {
	color: #036732;
	text-decoration: none;
}

#main-content ul.news-list li a:hover {
	text-decoration: underline
}

#main-content ul.news-list li span.date {
	display: block;
	font-size: 11px;
	font-style: italic;
	margin: 0;
}



/* Site Map */

#main-content ul#sitemap {}

#main-content ul#sitemap li.section {
	list-style: none;
	width: 45%;
}

#main-content ul#sitemap li.section.left {
	clear: both;
	float: left;
}

#main-content ul#sitemap li.section.right {
	float: right;
}

#main-content ul#sitemap li.section ul {}

#main-content ul#sitemap li.section ul li {
	border-bottom: 1px dotted #eaeaea;
	list-style: circle inside;
	margin: 0;
	padding: 5px 0;
}

#main-content ul#sitemap li.section ul li.sectionHead {
	border-bottom: 1px dotted #155552;
	font-family: "HelveticaNeue-Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 20px;
	font-weight: 200;
	list-style: none;
	padding: 0 0 10px 0;
}

#main-content ul#sitemap li.section ul li a {
	text-decoration: none;
}

#main-content ul#sitemap li.section ul li a:hover {
	text-decoration: underline;
}








#right-col {
	float: left;
	margin: 0 -400px 0 32px;
	width: 221px;
}


#right-col ul.page-images {
	margin: 0 0 36px 0;
	width: 221px;
}

#right-col ul.page-images li {
	margin: 0 0 27px 0;
}

#right-col ul.page-images a {}

#right-col ul.page-images a:hover {}

#right-col ul.page-images img {
	xborder: 1px solid #155552;
	display: block;
	xheight: 135px;
	width: 219px;
}

#right-col ul.page-images .caption {
	margin: 9px 0 0;
	text-align: center;
}

#right-col .headline-list {
	border: 1px solid #e1e2e3;
	border-top: none;
	border-bottom: none;
	padding: 0 25px;
}

#right-col .headline-list dt {
	color: #155552;
	font-family: "HelveticaNeue-Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 14px;
	font-weight: 200;
	margin: 0 0 18px 0;
	text-align: center;	
	text-transform: uppercase;
}

#right-col .headline-list dd {
	background: url(../images/sprite.png) no-repeat 0 -98px;
	color: #036732;
	display: block;
	margin: 18px 0;
	padding: 0 0 0 15px;
}

#right-col .headline-list dd p,
#right-col .headline-list dd a {
	color: #036732;
}

#right-col .headline-list dd a:hover {
	text-decoration: underline;
}

#right-col .headline-list dd span.date {
	display: block;
	font-size: 11px;
	font-style: italic;
	margin: 4px 0;
}


/* Footer */
/* ////////////////////////////////////////////////// */

#footer {
	font-size: 11px;
}

#email-signup {
	background: url(../images/footer_background.png) repeat-x center 35px;
	margin: 0 auto 35px;
}

#email-signup form {
	background: #036732;
	/*border-top: 9px solid #038640;*/
	border-bottom: 9px solid #e1e2e3;
	color: #FFF;
	padding: 10px 0;
}

#email-signup fieldset {
	border: 1px solid #259d5e;
	padding: 18px;
	margin: 0 auto;
	width: 750px;
}

#email-signup legend {
	font-size: 12px;
	padding:0px 5px;
}

#email-signup li {
	float: left;
	margin: 0 15px 0 0;
}

#email-signup input.text {
	background: #fff;
	border: 1px solid #afafaf;
	color: #036732;
	margin-left: 5px;
	padding: 4px;
	width: 275px;
}

#email-signup label {}

#email-signup input.text {}

#email-signup li.submit {
	margin: 0;
}

#email-signup li.submit input {
	background: #e1e2e3;
	border: 1px solid #155552;
	color: #155552;
	cursor: pointer;
	padding: 4px;
}



#footer-details {
	color: #155552;
}

#footer-details .footer-nav {
	margin: 0 auto 15px;
	text-align: center;
}

#footer-details .footer-nav a {
	color: #155552;
}

#footer-details .footer-nav a:hover {
	color: #70b5d3;
	text-decoration: underline;
}

#footer-details .footer-nav li {
	border-right: 1px solid #bfbfbf;
	display: inline;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}

#footer-details .footer-nav li.last {
	border: none;
	margin: 0;
	padding: 0;
}

#footer-details p {
	line-height: 16px;
	margin: 16px 0;
	text-align: center;
}

#footer-details p a {
	color: #70b5d3;
	text-decoration: underline;
}

#footer-details p a:hover {
	text-decoration: none;
}
#footerimage {
		margin:0 auto; 
		display:block;}