body {
	font-size: .8em; min-width: 320px; font-family: Arial, Verdana, sans-serif;
}

h1, h2, h3, h4 {
	font-family: Segoe UI,Arial,Verdana,sans-serif;
	color: #39C;
	font-size: 2.4em;
	margin-bottom: .4em;
	margin-top: .8em;
}

h2, h3, h4, h5 { 
	color: rgb(66, 130, 130);
	font-size: 2em;
	margin-top: 2em;
}

h3{
margin-top: .5em;
font-size: 1.8em;
}

h4{
margin-top: .5em;
font-size: 1.6em;
}

p { margin: 1em 0em;}

.small { font-size: 10px; color: #39C; line-height: 1em;}
.display-none { display: none; }

#banner-web  { display: none; }
#side-menu { display: none; }
#main-menu { display: none; }

#title { display: none; }
#ma
.small { font-size: 10px; color: #39C; }in-menu { display: none; }
#browse-menu { display: none ;}
#more-menu { cursor: pointer; }
#more-menu:HOVER, .lit { 
	text-decoration: underline;
	color: #F90; }


.banner { 
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	font-family: Segoe UI,Arial,Verdana,sans-serif;

}

#mobile-menu {
	height: 20px;
	background-color: #428282;
	border-top: 1px white solid;
	color: #FFF;
	padding: 5px;
	font-size: 18px;
}
#mobile-toggle { display: inline-block; cursor: pointer;}

#mobile-navigate {
	background-color: #326161;
	width: 100%;
	border-top: 1px #264A4A solid;
	border-bottom: 1px #428282 solid;
}
.inline-block { display: inline-block;}

.mobile-nav-column { vertical-align: top; display: inline-block; margin: 0px;}
#mobile-navigate a:LINK, #mobile-navigate a:VISITED { font-size: .9em; color: #FFF; display: block; padding: 1em; }

.mobile-social-icon {
	width: 25px; height: 25px; border: none;
	margin: -5px 5px;
}

#nav-img { height: 23px; width: 25px; display: inline-block; margin-right: 2px; }
.nav-img-hover { background: url('../images/nav-icon-sm.png') no-repeat bottom left; }
.nav-img-off { background: url('../images/nav-icon-sm.png') no-repeat top left; }

#banner-mobile{ 
	min-width: 305px; height: 105px;
	background: #94bac4 url('../images/banner-320.jpg') no-repeat scroll right bottom;
	font-size: 17px; text-align: right; 
	padding: 2px 5px 0px 0px;
	}

#content { 
	margin: 1em;
	padding: .7em;
	line-height: 1.5em;
}

/* FOOTER ------------------------ */
#footer{
	bottom: 0px;
	height: 30px;
	border-top: 1px #39C dashed;
	width: 98%;
}
.siteInfo {
	font-family: Segoe UI,Arial,Verdana,sans-serif;
	color: #428282;
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin-bottom: 10px;
}

.siteInfo a { text-decoration: none; color: #428282; }
.siteInfo a:HOVER { text-decoration: underline; }

#offSite{
	float: right; margin: 0px;
}

.footLink:LINK, .footLink:VISITED {
	font-family: Segoe UI,Arial,Verdana,sans-serif;
	color: #428282;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	padding-left: 20px;
	float: left;
}
.footLink:HOVER { color: #F90; text-decoration: underline; }

	#WNBADetroitLogo {
		float:right;
		margin-top: -210px;
		z-index: -1;
		
	}


@media screen and (min-width:340px){
	#banner-mobile { 
		display: block; 
		min-width: 320px; height: 170px;
		background: #94bac4 url('../images/banner-480.jpg') no-repeat scroll right bottom;
		font-size: 20px; text-align: right; 
		padding: 5px 5px 0px 0px;
	}

	.full-height { padding-top: 185px; }
	#mobile-menu {
		height: 30px;
		font-size: 23px;
	}

	.mobile-social-icon {
		width: 35px; height: 35px; border: none;
		margin: -5px 5px;
	}
	#nav-img { height: 35px; width: 35px; background: url('../images/nav-icon-lg.png') no repeat top right; }
	.nav-img-hover { background: url('../images/nav-icon-lg.png') no-repeat bottom left; }
	.nav-img-off { background: url('../images/nav-icon-lg.png') no-repeat top left; }
}

@media screen and (min-width: 480px){
	#banner-mobile  { display: none; }
	#banner-web { display: block;
		min-width: 440px; height: 200px;
		background: #94bac4 url('../images/banner-600.jpg') no-repeat scroll right bottom;
		font-size: 34px; text-align: right; 
		padding: 2px 5px 0px 0px;
	}
	#title { display: block;
		font-family: Segoe UI, Arial,Verdana,sans-serif;
		color: rgb(66, 130, 130);
		font-size: 27px; padding: 10px;
	}
	body { background: url('../images/background-600.png') left top no-repeat;
		background-attachment: fixed;
	}
	
	.full-height { padding-top: 255px; }
}

/* BROWSER STYLES FOLLOW 
   ----------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 620px){
	#mobile-menu { display: none; }
	#banner-web { display: block;
		min-width: 580px; height: 250px;
		background: #94bac4 url('../images/banner-768.png') no-repeat scroll right bottom;
		font-size: 40px; text-align: right; 
		padding: 0px 5px 0px 0px;
	}
	#title { font-size: 34px; }
	.mobile-margin { width: 100%; margin-left: 0%; }


	#canvas { margin: 0px; background: url('../images/pageBg.png'); top left; }
	#content { width: 500px; display: inline-block; }

	body { font-size: .9em; 
		background: url('../images/background-768.png') left top no-repeat;
		background-attachment: fixed;
	}

	#main-menu { display: block;
		font-family: Segoe UI,Arial,Verdana,sans-serif;
		font-size: 30px;
		color: #39C; 
		height: 40px; padding-left: 10px;
		width: 90%;

	}

	#main-menu a:link, #main-menu a:visited {
		text-decoration: none;
		color: #39C; 
	}

	#main-menu a:hover { 
		text-decoration: underline;
		color: #F90;
	}

	.top { padding: 5px; }
	

	#side-menu { float: right; margin-right: 10px; display: block; }
	#mobile-main { display: none;}
	#larger-main { display: block;}

	a.social-icon { width: 40px; display: inline-block; background-color: #94bac4; margin-bottom: 30px;}
	a.social-icon:HOVER { background-color: #428282; }

}


@media screen and (min-width: 775px){
	#banner-web { display: block;
		min-width: 572px; height: 283px;
		background: #94bac4 url('../images/banner-900.png') no-repeat scroll right bottom;
		font-size: 40px; text-align: right; 
		padding: 8px 8px 0px 0px;
		border-top: 1px #FFF solid;

	}

	body { font-size: .9em; 
		background: url('../images/background-1024.png') center top no-repeat;
		background-attachment: fixed;
	}

	#content{ width: 67%;}

	#title{ font-size: 40px; }
	#main-menu { 
		max-width: 920px; 
		background-color: transparent; 
		color: #39C; 

	}

	#mobile-navigate { display: none; }
	#more-menu { display: none; }
	#side-menu { display: none; } 
	#browse-menu { 
		font-family: Segoe UI,Arial,Verdana,sans-serif;
		font-size: 1.5em;
		color: #F90; 
		margin-right: 20px;
		width: 175px;
		text-align: right;
		text-decoration: none;
		float: right;
		display: block;
	
	}

	a.browse-item {
		color: #F90;
		height: 35px;
		text-decoration: none;
		padding: .3em .2em;
		display: block;
	}

	a.browse-item:HOVER {
		background-color: #428282;
		color: #FFF;
	}

	.timeline-header { background-color: #94bac4; color: #FFF;}



	
}

@media screen and (min-width: 920px){
	#banner-web {
		display: block;
		min-width: 580px; max-width: 1004px; height: 321px;
		background: #94bac4 url('../images/banner-1024.png') no-repeat scroll right bottom;
		font-size: 45px; text-align: right; 
		padding: 10px 20px 0px 0px;
		margin-right: auto; margin-left: auto;
		border-top: 1px #FFF solid;
	}

	#title { font-size: 45px; 
		min-width: 580px; max-width: 1024px; 
		margin-left: auto; margin-right: auto; 
	}

	body { 
		background: url('../images/background-1024.png') center top no-repeat;
		background-attachment: fixed;
	}
	
	#page { 
		min-width: 580px; max-width: 1024px; 
		margin-left: auto; margin-right: auto; 
	}

	#content{ width: 660px;}
	#main-menu {
		min-width: 890px;
	}
}

#content a:LINK {
	color: #d90;
}
	
#content a:VISITED {
	color: #d90;
}
#content a:HOVER {
	color: #39C;
	text-decoration: none;
}