@charset "utf-8";

body {
background-image:url("http://www.detroitcommunity.org/images/holidaybkrnd.jpg");
background-attachment: fixed;
background-position:top center;
background-repeat: repeat; 
}

.style1 {
	font-size: 12px;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 20px;
}

.style2 {
	color: #000000;
	background-color: #D1D1D1;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.style7 {
	color: #0000FF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style8 {
	color: #FF0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
.style9 {font-size: 12px}


.style11 {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
}
.style13 {
	font-family: Arial, Helvetica, sans-serif
}
.style14 {
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-align: left;
}
.style16 {
	color: #FFA700;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
}
.style18 {
	font-weight: bold;
	font-size: 12px;
	color: #FFA700;
	text-decoration: underline;
}
a:visited {
	color: #444245;
	font-size: 12px;
}
.style19 {font-weight: bold; font-size: 12px; color: #444245; text-decoration: underline; }


.style36 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

	
#horizon {
	position: absolute;
	top: 10%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	display: block;
	}
	
#container {
	height: 1200px;
	width: 943px;
	background-color: #D1D1D1;

	position: relative;
	top: 0px;

	visibility: visible;
	margin-right: auto;
	margin-left: auto;
}

#toparea {
	height: 93px;
	position: relative;
	float: left;
	z-index: 1;
	
}

#leftcorner {
	width: 943px;
	height: 93px;
	position: relative;
	background-repeat: no-repeat;
	z-index: 2;
	float: left;
	background-image: url(images/topareacenter.gif);
	background-repeat: repeat-x;
}

#topcenterarea {
	width: 943px;
	height: 93px;
	position: absolute;
	background-image: url(images/dcilogo.jpg);
	background-repeat: no-repeat;
	float: left;
	z-index: 7;
	left: 13px;
}

#photoswitcher {
	height: 262px;
	position: relative;
	background-color: #D2D2D2;
	padding-left: 5px;
	padding-top: 4px;
	float: left;
	z-index: 2;
	width: 938px;
	
}

#photoswitcher2 {
	height: 131px;
	position: relative;
	background-color: #D2D2D2;
	padding-left: 5px;
	padding-top: 4px;
	float: left;
	z-index: 2;
	width: 938px;
	
}



#contcont2{
	float: left;
	z-index: 5;
	position: relative;
}
#contcont1 {
	width: 582px;
	float: left;
	z-index: 1;
	position: relative;
	background-position: 183px;
}


#leftcont {
	float: left;
	padding-left: 3px;
	z-index: 3;
	padding-right: 0px;
	width: 181px;
	position: relative;
	background-image: url(images/2ndcontbkrnd.gif);
	background-repeat: repeat-y;
}


#centercont {
	position: relative;
	width: 392px;
	z-index: 3;
	float: right;
	background-image: url(images/newsbanner.gif);
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-left: 0px;
	
}

#aboutcont {
	position: relative;
	width: 392px;
	z-index: 7;
	float: right;
	background-image: url(images/aboutusbanner.gif);
	background-repeat: no-repeat;
	padding-top: 38px;
	padding-left: 0px;
	left: 0px;
	
}

#progcont {
	position: relative;
	width: 392px;
	z-index: 7;
	float: right;
	background-image: url(images/programsbanner.gif);
	background-repeat: no-repeat;
	padding-top: 38px;
	padding-left: 0px;
	left: 0px;
	
}

#eventcont {
	position: relative;
	width: 392px;
	z-index: 7;
	float: right;
	background-image: url(images/eventsbanner.gif);
	background-repeat: no-repeat;
	padding-top: 38px;
	padding-left: 0px;
	left: 0px;
	
}

#mediacont {
	position: relative;
	width: 392px;
	z-index: 7;
	float: right;
	background-image: url(images/mediabanner.gif);
	background-repeat: no-repeat;
	padding-top: 38px;
	padding-left: 0px;
	left: 0px;
	
}

#nevcont {
	position: relative;
	width: 392px;
	z-index: 7;
	float: right;
	background-image: url(images/nevCDCbanner.gif);
	background-repeat: no-repeat;
	padding-top: 38px;
	padding-left: 0px;
	left: 0px;
	
}

#contactcont {
	position: relative;
	width: 392px;
	z-index: 7;
	float: right;
	background-image: url(images/contactinfobanner.gif);
	background-repeat: no-repeat;
	padding-top: 38px;
	padding-left: 0px;
	left: 0px;
	
}

#picscont {
	position: relative;
	width: 392px;
	z-index: 7;
	float: right;
	background-image: url(images/photogallbanner.gif);
	background-repeat: no-repeat;
	padding-top: 38px;
	padding-left: 0px;
	left: 0px;
	
}

#rescont {
	position: relative;
	width: 392px;
	z-index: 7;
	float: right;
	background-image: url(images/resourcesbanner.gif);
	background-repeat: no-repeat;
	padding-top: 38px;
	padding-left: 0px;
	left: 0px;
	
}

#volcont {
	position: relative;
	width: 392px;
	z-index: 7;
	float: right;
	background-image: url(images/volunteerbanner.gif);
	background-repeat: no-repeat;
	padding-top: 38px;
	padding-left: 0px;
	left: 0px;
	
}
#crekcont {
	position: relative;
	width: 392px;
	z-index: 7;
	float: right;
	background-image: url(images/connercreekbanner.gif);
	background-repeat: no-repeat;
	padding-top: 38px;
	padding-left: 0px;
	left: 0px;
	
}

#crekcont2 {
	position: relative;
	width: 392px;
	z-index: 7;
	float: right;
	background-image: url(images/connercreekbanner2.gif);
	background-repeat: no-repeat;
	padding-top: 38px;
	padding-left: 0px;
	left: 0px;
	
}

#centercloser{
	position: relative;
	z-index: 3;
	float: left;
	padding-left: 10px;
	padding-top: 25px;
	background-color: #FFFFFF;
}

#aboutcloser{
	position: relative;
	z-index: 3;
	float: left;
	padding-left: 10px;
	padding-top: 25px;
	background-color: #FFFFFF;
	left: 0px;
	width: 381px;
	height: auto;
	text-align: left;
}

#rightad{
	background-color: #FFFFFF;
	height: 207px;
	position: relative;
	z-index: 3;
	float: left;
	width: 352px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;


}

#upevents{
	background-color: #FFFFFF;
	height: 176px;
	position: relative;
	z-index: 3;
	float: left;
	width: 352px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;


}

#volspace{
	background-color: #D1D1D1;
	height: 120px;
	position: relative;
	z-index: 3;
	float: left;
	width: 352px;
	padding-top: 9px;
	padding-right: 0px;
	padding-left: 9px;


}

#rightside{
	float: left;
	z-index: 1;
	position: relative;
	width: 351px;
	top: 0px;
	background-color: #FFFFFF;
}

#footer1{
	float: left;
	z-index: 3;
	position: relative;
	width: 754px;
	right: 0px;
	top: 0px;
	padding-left: 199px;
	background-image: url(images/2ndcontbkrnd.gif);
	background-repeat: repeat-y;
}

#2ndcontent{
	float: left;
	z-index: 5;
	position: relative;
	width: 745px;
	background-color: #FFFFFF;
}

#bottomnav{
	float: left;
	z-index: 3;
	position: relative;
	background-color: #D1D1D1;
	width: 943px;
	
}
	
#chrisdot{
	float: left;
	z-index: 3;
	position: relative;
	background-color: #FFFFFF;
	width: 943px;
	
}

#mailinglist{
	width: 181px;
	height: 125px;
	z-index: 5;
	position: relative;
	float: left;
	
}
#horizon #container #contcont2 #contcont1 #eventcont #aboutcloser .style9.style14 .style9 {
	font-weight: normal;
	color: #00F;
}
#horizon #container #contcont2 #contcont1 #eventcont #aboutcloser .style9.style14 .style16 {
	font-weight: normal;
}
#horizon #container #contcont2 #contcont1 #eventcont #aboutcloser .style9.style14 .style16 {
	font-weight: normal;
}
#horizon #container #contcont2 #contcont1 #crekcont #aboutcloser p {
	text-align: center;
}
#horizon #container #contcont2 #contcont1 #crekcont #aboutcloser .style9 {
	text-align: center;
}
#horizon #container #contcont2 #contcont1 #crekcont #aboutcloser .style9 {
	text-align: left;
}
#horizon #container #contcont2 #contcont1 #crekcont #aboutcloser ol li {
	color: #000;
	list-style-type: decimal;
	list-style-position: inside;
	font-size: 12px;
	position: fixed;
	z-index: 7;
}
#horizon #container #contcont2 #contcont1 #picscont #aboutcloser table {
	text-align: left;
}