@charset "utf-8";
body  {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	background: #000 url(images/back.jpg) no-repeat fixed top center;
	font-size:12px;
	line-height:1.1;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #FFF;
}
.darkChicago #divider { 
	width: 1000px;  
	margin: 0 auto; 
	text-align: center; 
	font-size:20px;
} 
.darkChicago #container { 
	width: 1000px;  
	margin: 0 auto; 
	text-align: left; 
} 
.darkChicago #socialBar {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	padding:0;
	height:25px;
}
.darkChicago #sidebar1 {
	float: left; 
	width: 400px;  
	padding: 0; 
}

.darkChicago #sidebar1 .left { 
	float:left;
	width:200px;
	padding:0;
	}

.darkChicago #sidebar1 .right { 
	background: transparent url(images/back.png) repeat scroll top left;
	float:right;
	width:180px;
	padding:0 10px;
	}
.darkChicago #sidebar2 {
	float: right; 
	width: 400px; 
	padding: 0; 
}

.darkChicago #sidebar2 .left { 
	background: transparent url(images/back.png) repeat scroll top left;
	float:left;
	width:180px;
	padding:0 10px;
	}

.darkChicago #sidebar2 .right { 
	float:right;
	width:180px;
	padding:0 10px;
	}
.darkChicago #mainContent { 
	margin: 0 auto; 
	padding: 0 10px; 
	width:180px;
}

/* SECOND TIER */

.darkChicago #container2 { 
	width: 1000px;  
	margin: 0 auto; 
	padding:10px 0 0 0;
	text-align:center;
} 
.darkChicago #sidebar3 {
	float: left; 
	width: 400px;  
	padding: 0; 
	text-align:center;
}

.darkChicago #sidebar3 .left { 
	float:left;
	width:200px;
	padding:0;
	text-align:center;
	}

.darkChicago #sidebar3 .right { 
	float:right;
	width:180px;
	padding:0 10px;
	text-align:center;
	}
.darkChicago #sidebar4 {
	float: right; 
	width: 400px; 
	padding: 0; 
	text-align:center;
}

.darkChicago #sidebar4 .left { 
	float:left;
	width:180px;
	padding:0 10px;
	text-align:center;
	}

.darkChicago #sidebar4 .right { 
	float:right;
	width:180px;
	padding:0 10px;
	text-align:center;
	}
.darkChicago #mainContent2 { 
	margin: 0 180px; 
	padding: 0 10px; 
	text-align:center;
}

/* END SECOND TIER */



/* THIRD TIER */

.darkChicago #container3 { 
	width: 1000px;  
	margin: 0 auto; 
	padding:10px 0 0 0;
	text-align: left; 
} 
.darkChicago #sidebar5 {
	float: left; 
	width: 400px;  
	padding: 0; 
}

.darkChicago #sidebar5 .left { 
	float:left;
	width:200px;
	padding:0;
	text-align:center;
	}

.darkChicago #sidebar5 .right { 
	float:right;
	width:180px;
	padding:0 10px;
	text-align:center;
	}
.darkChicago #sidebar6 {
	float: right; 
	width: 400px; 
	padding: 0; 
}

.darkChicago #sidebar6 .left { 
	float:left;
	width:180px;
	padding:0 10px;
	text-align:center;
	}

.darkChicago #sidebar6 .right { 
	float:right;
	width:180px;
	padding:0 10px;
	text-align:center;
	}
.darkChicago #mainContent3 { 
	margin: 0 auto; 
	padding: 0 10px; 
	width:180px;
	text-align:center;
}

/* END THIRD TIER */

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
img {border:0;}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#CH a{ /*CSS specific to demo 3*/
text-decoration: none;
font-weight: bold;
}

#CH p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

#HHC a{ /*CSS specific to demo 3*/
text-decoration: none;
font-weight: bold;
}

#HHC p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

#CZ a{ /*CSS specific to demo 3*/
text-decoration: none;
font-weight: bold;
}

#CZ p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

#CV a{ /*CSS specific to demo 3*/
text-decoration: none;
font-weight: bold;
}

#CV p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

#VSC a{ /*CSS specific to demo 3*/
text-decoration: none;
font-weight: bold;
}

#VSC p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

#SV a{ /*CSS specific to demo 3*/
text-decoration: none;
font-weight: bold;
}

#SV p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

#SB a{ /*CSS specific to demo 3*/
text-decoration: none;
font-weight: bold;
}

#SB p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

#ZPU a{ /*CSS specific to demo 3*/
text-decoration: none;
font-weight: bold;
}

#ZPU p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

#CHFF a{ /*CSS specific to demo 3*/
text-decoration: none;
font-weight: bold;
}

#KZ p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

#KZ a{ /*CSS specific to demo 3*/
text-decoration: none;
font-weight: bold;
}

#CHFF p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

#HAE a{ /*CSS specific to demo 3*/
text-decoration: none;
font-weight: bold;
}

#HAE p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

#JE a{ /*CSS specific to demo 3*/
text-decoration: none;
font-weight: bold;
}

#JE p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

#DA a{ /*CSS specific to demo 3*/
text-decoration: none;
font-weight: bold;
}

#DA p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

#Twitter a{ /*CSS specific to demo 3*/
text-decoration: none;
font-weight: bold;
}

#Twitter p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}
 
hr {color: #000; background-color: #000; border: 1px dotted #66FF00; border-style: none none dotted; }

a {
  text-decoration:none;
 }

a:link,a:visited {
  color:#FF8000;
 }

a:hover,a:active {
  color:#33FF00;
 }
 
 h2 {
 	font-size:16px;
	color:#33FF00;
	font-weight:bold;
	}
	
p {
	padding:5px 0;
	margin:0;
}
   
li {
  margin:5px 0 0 0;
  padding:0px;
   }
  
ul {
  list-style-image:url("http://www.sinistervisions.com/images/bullet_01.gif");
  line-height:1;
  margin:10px 5px 10px 20px;
  padding:0em;
  text-align:left;
   }
   
ol {
  line-height:1;
  margin:10px 5px 10px 20px;
  padding:0em;
  text-align:left;
   }  

.small {
	font-size:10px;
	line-height:1;
}

.smallNoMargin {
	font-size:10px;
	line-height:1;
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
}

form {
	display:inline;
}