/*
-----------------------------------------------
-----------------------------------------------
-----------------------------------------------
-----------------------------------------------
Institute for Community Change

Mercury - PeteNice

Version:  1.0

Have questions? peter -at- gsmmercury -dot- com
-----------------------------------------------
-----------------------------------------------
-----------------------------------------------
-----------------------------------------------
----------------------------------------------- */

/* MAIN STUFF
----------------------------------------------- */
body 
					{
					margin: 0;
					padding: 0;
					margin-bottom: 20px;	
					background: #ebebeb url(icc_imgz/icc_warm_gr_bg.jpg) top center repeat-x;
					font: small Georgia, Times New Roman, Times, Serif;
					color: #666;
					line-height: 20px;
					font-size: small;
					min-width:878px;
					}



html>body 			{ font-size: small; }



#Container 			
					{
					width: 878px; 
					padding: 0; 
					margin: 0 auto; 
					background: #f0f5fb url(icc_imgz/icc_bl_bg.gif) bottom center no-repeat;
					border: 0px; 
					}



#Header				{
					width: 878px; 
					text-align: right; 
					background: #f0f5fb url(icc_imgz/icc_logo_header.gif) top center no-repeat;
					border: 0px;  
					line-height: 20px;
					}


#Footer				
					{ 
					text-align: right; 
					vertical-align: bottom; 
					padding: 0; 
					margin: 0; 
					padding-bottom: 2px;
					border: 0px; 	
					font-family: "ITC Franklin Gothic", "Franklin Gothic", "Trade Gothic",  Verdana, Helvetica, sans-serif;
					line-height: 20px;
					font-size: x-small;
					}


/* MAIN CONTENT
----------------------------------------------- */





#contentContainer 	
					{
					width: 842px; 
					padding-top: 10px; 
					margin: 0 auto; 
					background-position:bottom right;
					background-repeat:no-repeat;
					border: 0px; 					
					}

#announceContainer 
					{
					padding: 0; 
					margin: 0 auto; 
					margin-bottom: 10px;
					text-align: left; 
					border: solid red 1px; 
					font: Georgia, Times New Roman, Times, Serif;
					color: #666666;
					line-height: 28px;
					font-size: x-large;
	   				font-weight: light;
					line-height: 35px;					
					border: 0px; 					
					}


#leftContainer 		
					{
					margin: 0; 
					width: 360px; 
					margin-top: 0px;
					margin-left: 0px;
					padding: 1px; 
					line-height: 22px;	
					border: 0px; 					
					}
#leftContainer2 		
					{
					margin: 0; 
					width: 460px; 
					margin-top: 0px;
					margin-left: 0px;
					padding: 1px; 
					line-height: 22px;	
					border: 0px; 					
					}

#rightContainer		
					{
					margin: 0; 
					width: 465px; 
					float: right;
					text-align: left;
					padding: 0px; 
					line-height: 22px;	
					border: 0px; 					
					}

#rightContainer2		
					{
					margin: 0; 
					width: 665px; 
					text-align: left;
					padding: 0px; 
					line-height: 22px;	
					border: 0px; 					
					}

#rightContainer3		
					{
					margin: 0; 
					width: 325px; 
					float: right;
					text-align: left;
					padding: 1px; 
					line-height: 22px;	
					border: 0px; 					
					}

#ContainerChange 		
					{
					margin: 0; 
					width: 830px; 
					margin-top: 22px;
					margin-left: 0px;
					padding: 1px; 
					line-height: 22px;	
					border: 0px; 					
					}


#neaten 			{
					margin: 0; 
					width: 255px; 
					text-align: left;
					border: 0;
					padding: 0px; 
					border: 0px;					
					}

#neaten2 			{
					margin: 0; 
					width: 342px; 
					text-align: left;
					border: 0;
					padding: 0px; 
					border: 0px;					
					}

#neaten2a 			{
					margin: 0; 
					width: 342px; 
					text-align: left;
					background-color: #E0E4E4;
					padding: 10px; 
					border: thin solid black;									
					}

#neaten3 			{
					margin: 0; 
					width: 455px; 
					text-align: left;
					border: 0;
					padding: 0px; 
					border: 0px;					
					}
					
#inthenewsContainer {
					width: 670px; 
					padding: 0; 
					margin: 0 auto; 
					text-align: left; 
					border: 0px; 
					font: small Georgia, Times New Roman, Times, Serif;
					line-height: 20px;
					font-size: small;
	   				font-weight: light;
					}


#bottomContainer {
					width: 690px; 
					padding: 0; 
					margin-top: 3px; 
					border: 0px;
					text-align: right;
					background: #f0f5fb url(imgz/bottom_contact_info.gif);
					background-position:bottom left;
					background-repeat:no-repeat;
					}


#regularText 		
					{
					margin: 0; 
					text-align: left;
					border: 0;
					padding: 0px; 
					border: 0px;
					font: small Georgia, Times New Roman, Times, Serif;
					line-height: 30px;
					font-size: normal;
	   				font-weight: light;
					}


#ContainerCreatingChange {
					margin: 0; 
					width: 820px; 
					margin-top: 0px;
					margin-left: 0px;
					padding: 10px; 
					border: 0px;
					background: #eee;
					}

 
#leftContainerServices 
				{
					margin: 0; 
					width: 330px; 
					margin-top: 0px;
					margin-left: 0px;
					padding: 10px; 
					border: 0px;
				}

#rightContainerServices 
				{
					margin: 0; 
					width: 330px; 
					float: right;
					text-align: left;
					border: 0;
					padding: 10px; 
					border: 0px;
				}


#leftContainerContactDir
				{
					margin: 0; 
					width: 390px; 
					margin-top: 0px;
					margin-left: 0px;
					padding: 10px; 
					border: 0px;
				}

#rightContainerContactDir
				{
					margin: 0; 
					width: 390px; 
					float: right;
					text-align: left;
					border: 0;
					padding: 10px; 
					border: 0px;
				}


#clear	
					{
					width: 500px;
					height: 30px;
					border: 0px;
					margin: 0px;
					padding: 0px;
					clear: both;
					}	
	
	
#clearSM	
					{
					width: 500px;
					height: 10px;
					border: 0px;
					margin: 0px;
					padding: 0px;
					clear: both;
					}		
	
	
#clearSM2	
					{
					width: 500px;
					height: 10px;
					border: 0px;
					margin: 0px;
					padding: 0px;
					}		


dl.detail			{
					padding: 4px;
					margin: 0px;
					background: #F6FAF2;
					border:1px solid #ccc;               
					}

dl.leftdetail
					{
					float:left;
					padding: 5px;
					margin: 0px;
					margin-left: 0px;
					background: #F6FAF2;
					border:1px solid #ccc;               
					}

dl.rightdetail
					{
					float:right;
					padding: 5px;
					margin: 0px;
					margin-left: 0px;
					background: #F6FAF2;
					border:1px solid #ccc;               
					}



dl.leftdetailChange
					{
					float:left;
					padding: 5px;
					margin: 10px;
					margin-top: 0px;
					background: #F6FAF2;
					border:1px solid #ccc;               
					}

hr		
			{
			background:#fff;
			color:#fff;
			}

.hr2		
			{
			background: black;
			color: black;
			}
				
/* PICTURE PAGE
----------------------------------------------- */


#pictureContainer	
					{
					text-align: center;
					margin: 1px; 
					width: 840px; 
					padding: 1px; 
					border: 0px;
					}


#pictureLeft
					{
					text-align: left;
					margin: 1px; 
					width: 410px; 
					padding: 1px; 
					border: 0px;
					}

#pictureRight
					{
					text-align: left;
					float: right;
					margin: 1px; 
					width: 410px; 
					padding: 1px; 
					border: 0px;
					}



/* HEADLINES AND LINKS
----------------------------------------------- */


h1 {
	font-weight: normal;
	margin: 0;
	padding: 0;
	color:#00529b;
	line-height: 60px;
	font-size: xx-large;	
	word-spacing: 3px;
	line-height: 60px; 
	}


h2 {
	color:#666;
	line-height: 15px;
	font-weight: lighter;
	font-size: large;
	line-height: 25px;
  }


h2.blue {
	color:#00529b;
	font-weight: lighter;
	font-size: x-large;
	line-height: 25px;
  }


h2.staff {
	color:#666;
	font-weight: lighter;
	font-size: large;
	line-height: 15px;
	_line-height: 22px;
  }




h3 {
	margin: 0;
	padding: 0;
	color:#000;
	font-weight: lighter;
	line-height: 32px;
	word-spacing: 5px;
	font-size: x-large;

}


a.top 	{
		font-family: "ITC Franklin Gothic", "Franklin Gothic", "Trade Gothic",  Verdana, Helvetica, sans-serif;
		font-size: 14px;
		line-height: 20px;
		text-decoration: none;
		}


a.top:hover 	{
		font-family: "ITC Franklin Gothic", "Franklin Gothic", "Trade Gothic",  Verdana, Helvetica, sans-serif;
		font-size: 14px;
		line-height: 20px;
		color: #039;
		text-decoration: underline;
		}


a.bottom 	{
		font-family: "ITC Franklin Gothic", "Franklin Gothic", "Trade Gothic",  Verdana, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 20px;
		text-decoration: none;
		}


a.bottom:hover 	{
		font-family: "ITC Franklin Gothic", "Franklin Gothic", "Trade Gothic",  Verdana, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 20px;
		color: #039;
		text-decoration: underline;
		}


a {color: #00529b;}

b.red  {color: red;}


a:hover {
	color: #039;
	text-decoration: none;
}

.highlight {
	background-color: #fff;
	color: #222;
}


.darken	{
	color: #222;
}




/* NAV CITY BELOW ----------------------------------------------- */