body 
{
 font-family: Arial, Verdana, Sans-Serif;   
 font-size: 11px;
 color: #000;
 cursor: default;
}

A:link {color: Blue;}
A:visited {color:Blue}
A:hover {color: Red;}

.PageView
{
BORDER-RIGHT: #000 1px solid;
BORDER-LEFT: #000 1px solid;
BORDER-BOTTOM: #000 1px solid;
width: 740px; 
height: 375px;
padding-top: 10px;
padding-left: 10px;
background-color: #EEEEEE; /*#ECECEC*/
background-image: url(../Images/border.gif);
background-position: top right;
background-repeat: no-repeat;
}

#borderBox 
{
width: 716px; 
height: 354px;
padding-top: 10px;
padding-left: 10px;
border: 1px solid #CCCCCC;
background-color:#fff;
}

#borderBox1 /*General Info*/
{
width: 716px; 
height: 354px;
padding-top: 10px;
padding-left: 10px;
border: 1px solid #CCCCCC;
background-color:#fff;
}

#borderBox2 /*Planning Info*/
{
width: 716px; 
height: 354px;
padding-top: 10px;
padding-left: 10px;
border: 1px solid #CCCCCC;
background-color:#fff;
}

#borderBox3 /*Map of address*/
{
width: 716px; 
height: 354px;
padding-top: 10px;
padding-left: 10px;
border: 1px solid #CCCCCC;
background-color:#fff;
}

#borderBox4 /*Map of polling place*/
{
width: 716px; 
height: 354px;
padding-top: 10px;
padding-left: 10px;
border: 1px solid #CCCCCC;
background-color:#fff;
}

#borderBoxMain 
{
width: 716px; 
height: 354px;
padding-top: 10px;
padding-left: 10px;
border: 1px solid #CCCCCC;
background-color:#fff;
background-image: url(../Images/1.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

sup 
{
color: red;   
}

#descBox
{
border-left: 1px solid #000;
width: 300px;
height: 290px;
position: absolute;
top: 65px;
left: 380px;
padding-left: 10px;
padding-top: 0px;
}

.box { 
  background: #EEEEEE; 
  width: 330px;
  top: 240px;
  left: 30px;
  position: absolute;
  border: 1px solid #CCCCCC; /* Do not use if using rounded corners */
  padding: 10px;  /* Do not use if using rounded corners */
}
.boxtop { 
  background: url(../Images/ne.gif) no-repeat top right; 
}
.boxtop div { 
  height: 10px; 
  background: url(../Images/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(../Images/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  height: 10px; 
  background: url(../Images/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px 0px 10px;
}

/* City of Naperville styles  */
.topbar, .topbar a:link, .topbar a:active, .topbar a:visited, .topbar a:focus, .topbar a:hover
{
	font-family: Arial, helvetica, Verdana;
	font-weight: bold;
	font-size: 11px;
	line-height: 16px;
	background-color: #000032;
	text-decoration: none;
	color: #ffffff;
}

.footer_pipes, .footer_pipes a:link, .footer_pipes a:visited, .footer_pipes a:active, .footer_pipes a:focus 
{
	color:White;
	font-size:10px;
	line-height:17px;
}
.footer A
{
	font-family: Verdana;
	font-size: 11px;
	background-color: #000032;
	text-decoration: none;
	color: #ffffff;
	margin:0px;
	padding: 0px;
}
.header
{
	color:#000032;
	font-size: 18px;
	font-family: Arial, helvetica, Verdana;
}

.bigtext
{
	font-size:11px;
	font-weight:bold;
}

.smallbodytext {
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.border_deepblue
{
	border: 1px #000032 solid;
}
.copyright
{
	font-family: Verdana;
	font-size: 10px;
	color: #4e4e4e;
	line-height:17px;
}
/* End City of Naperville styles */

#contentBox 
{
 border: 1px solid black;
 width: 780px;
 height: 425px;
 padding-left: 10px; 
 padding-top: 50px; 
}

#planningBox
{
 border: 0px solid black;
 width: 340px;
 height: 270px;   
 position:absolute;
 top: 70px;
}

#zoningBox 
{
 border: 0px solid black;
 width: 340px;
 height: 140px;
 position:absolute;  
 left: 370px; 
 top:70px;
}

#overviewBox 
{
 border: 0px solid black;
 width: 340px;
 height: 270px;
 position:absolute;  
 left: 370px; 
 top:205px;   
}

#contactBox 
{
 border: 0px solid black;
 width: 680px;
 height: 17px;   
 position:absolute;
 top: 340px;   
}

#generalBox
{
 border: 0px solid black;
 width: 340px;
 height: 120px;   
 position:absolute;
 top: 70px;
}

#educationBox 
{
 border: 0px solid black;
 width: 450px;
 height: 150px;
 position:absolute;  
 top:225px;
}

#politicalBox
{
 border: 0px solid black;
 width: 340px;
 height: 120px;
 position:absolute;  
 left: 370px; 
 top:70px;    
}

#panBox 
{
border: 0px solid black;
width: 175px;
height: 150px;    
position:absolute;  
left: 535px; 
top:155px;
text-align: left;
line-height: 1.7em;
}

#aerialBox
{
border: 0px solid black;
width: 175px;
height: 70px;    
position:absolute;
text-align: left;  
left: 535px; 
top:277px; 
}

#maptextBox1
{
border: 0px solid black;
width: 175px;
height: 105px;    
position:absolute;
text-align: left;  
left: 535px; 
top:45px; 
}

#panBox2
{
border: 0px solid black;
width: 175px;
height: 150px;    
position:absolute;  
left: 535px; 
top:155px;
text-align: left;
line-height: 1.7em;
}

#aerialBox2
{
border: 0px solid black;
width: 175px;
height: 70px;    
position:absolute;  
left: 535px; 
top:277px; 
}

#maptextBox2
{
border: 0px solid black;
width: 175px;
height: 105px;    
position:absolute;
text-align: left;  
left: 535px; 
top:45px; 
}

#mapBackgroundBox1 
{
border: 1px solid #ccc;
width: 120px;
height: 125px;    
position:absolute;  
left: 535px; 
top:47px;    
}

#OrdinanceBox   /* Ordinance pop up */
{
	BORDER: 0px solid black;
    OVERFLOW: auto;
    PADDING:2px;
    TEXT-INDENT: 0px;
    POSITION: absolute;
    TOP: 3px;
    LEFT: 5px;
    HEIGHT: 146px;
    WIDTH: 490px;
    TEXT-ALIGN: left;
    line-height: 1.75em;
}

/* scriptaclous autocomplete css */
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:none;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:16px;
  cursor:pointer;
  z-index: 9999;
}