body {
margin:0;
padding:0;
font-size:90%;
text-align: center;
  background: url(/Z-ink/009999CCFFFFgradient.jpg);
  background-repeat:repeat-x;
  background-color:#CCFFFF;

font-family: Tahoma,Verdana, Helvetica, Arial;
}
div {
text-align: left;}
td {
padding: none;
margin: 2px;
}
/*
h2, h3 {color: #A75F34;}  */
#bigbox {
width:800px;
border: 1px solid #000;
margin-left: auto;
margin-right: auto;
position: relative;
}

/* header styles */
#header {
clear:left;
width:798px;
overflow:hidden;
border: 1px solid #000;
border-bottom:2px solid #000;
margin-left: auto;
margin-right: auto;
}

/* column container */
#main-zone, #duo {
clear:both;
width: 798px;
background: white;
min-height: 900px;
margin-left: auto;
margin-right: auto;
overflow:hidden;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
position: relative;
}

#front-zone {
clear:both;
padding: 1em;
width: 800px;
min-height: 900px;
margin-left: auto;
margin-right: auto;
overflow:hidden;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
position: relative;
background: #D8D7E3;
}

td#middle {
width: 300px;
min-height: 900px;
border: 1px solid #999;
background: #fff;
overflow:hidden;
border-top: 1px solid #809FFF;
border-bottom: 1px solid #436CA6;
border-right: 1px solid #436CA6;
border-left: 1px solid #809FFF;
}

td#co1 {
width: 316px;
padding-left: 100px;
min-height: 900px;
background: #2D4A6F;
background: white;
vertical-align: top;
padding:0.5em;
text-align: justify;
border-top: 1px solid #809FFF;
border-bottom: 1px solid #436CA6;
border-right: 1px solid #436CA6;
border-left: 1px solid #809FFF;



}

td#co3 {
width: 184px;
padding-left: 100px;
min-height: 900px;
background: #2D4A6F;
text-align: left;
vertical-align: top;
background: white;

padding:0.5em;

border-top: 1px solid #809FFF;
border-bottom: 1px solid #436CA6;
border-right: 1px solid #436CA6;
border-left: 1px solid #809FFF;
}

td#top-zone {
width: 100%;
text-align: center;
vertical-align: top;
}

td#top-zone h1 {
vertical-align: top;
}

td#middlei {
width: 300px;
min-height: 900px;
border: 1px solid #999;
overflow:hidden;
}

td#co1i {
width: 300px;
vertical-align: top;
margin-top:100px;
margin-right:2px;
margin-left: 50px;
padding-top: 1em;
padding-left: 50px;
padding-bottom: 1em;
min-height: 900px;
background: white;
overflow:hidden;
border-top: 1px solid #809FFF;
border-bottom: 1px solid #436CA6;
border-right: 1px solid #436CA6;
border-left: 1px solid #809FFF;
}

td#co3i {
width: 300px;
vertical-align: top;
margin-top:100px;
margin-left:2px;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 50px;
min-height: 900px;
background: white;
border-top: 1px solid #809FFF;
border-bottom: 1px solid #436CA6;
border-right: 1px solid #436CA6;
border-left: 1px solid #809FFF;
}

td#co1i ul {
list-style-type: none;
padding-left: 0.2em;

}
td#co3i a, td#co1i a {
text-decoration:none;
color: blue;
font-size: 130%;
font-weight: normal;
}

td#co3i h2, td#co1i h2 {
font-size: 12px;
margin-top: 0.5em;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
color: black;
}

td#co3i l1, td#co1i l1 {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

td#co3i a:hover, td#co1i a:hover {
text-decoration:underline;
}

td#duo1 {
width: 250px;
min-height: 900px;
}
td#duo2 {
width: 250px;
min-height: 900px;
}

td.side {
min-height: 900px;
background: #2D4A6F;
}

/* Footer styles */
#footer, #infoot {
border: 2px solid #1E6E9F;
width: 798px;
margin-left: auto;
margin-right: auto;
padding-bottom: 1em;
text-align: center;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
min-height: 210px;
background:#C0CFFF;

}
/*                    */
img { border: none; }
.inline {
display: inline;
}
.footlnks, .footlnks a {
color: #333333;
font-size: 90%;
}
.footlnks a:hover {
color: #000000;
}

table#foos td {
width:250px;
padding-left: 0.7em;
}

#citylist {
background: white;
border: 1px solid #999;
width: 180px;
padding:0.5em;
text-align: left;
position:absolute;
top: 283px;
right: 4px;
margin-left: auto;
margin-right: auto;
overflow:auto;
height: 800px;
}

#citylist h2 {
font-size: 12px;
font-family: arial;
}

#soon {
background: white;
border: 1px solid #999;
width: 260px;
padding:0.5em;
text-align: center;
position:absolute;
top: 283px;
left: 4px;
margin-left: auto;
margin-right: auto;
min-height: 700px;
}

#soon p {
text-align: justify;
}

#soon h2 {
font-size: 14px;
font-family: arial;
}

#soon h3 {
font-size: 12px;
font-family: arial;
}

#jobintro {
background: white;
width: 258px;
padding:0.5em;
text-align: justify;
position:absolute;
top: 204px;
left: 4px;
margin-left: auto;
margin-right: auto;
overflow:auto;
min-height: 200px;
border-top: 1px solid #809FFF;
border-bottom: 1px solid #436CA6;
border-right: 1px solid #436CA6;
border-left: 1px solid #809FFF;
}

#localjobs {
background: white;
width: 188px;
padding:0.5em;
text-align: justify;
position:absolute;
top: 204px;
right: 4px;
margin-left: auto;
margin-right: auto;
overflow:auto;
min-height: 200px;
border-top: 1px solid #809FFF;
border-bottom: 1px solid #436CA6;
border-right: 1px solid #436CA6;
border-left: 1px solid #809FFF;
}


#main-zone h1 {
font-size: 14px;
font-family: arial;
text-align: center;
}

#jobintro h2, #localjobs h2, #co1 h2, #co3 h2 {
font-size: 12px;
font-family: arial;
}

#jobintro ul, #localjobs ul, #co1 ul, #co3 ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#jobintro ul li, #co1 ul li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin-bottom: 0.2em; padding-left: 0.3em;}
#localjobs ul li, #co3 ul li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin-bottom: 0.2em; padding-left: 0.3em;}
#localjobs ul li a, #co3 ul li a { color: blue; font-weight: bold;}
#localjobs ul li a:hover, #co3 ul li a:hover { text-decoration: none; }

#footer {  /* took out table here */
text-align: center;
}

#footer table td {
text-align: left;
}

table#cityfoot td a {
font-weight: bold;
color: black;
text-decoration: none;
}

table#cityfoot td a:hover {
text-decoration: underline;
}

table#jobfoot {
margin-left: auto;
margin-right: auto;
width: 740px;
font-size: 120%;
}

table#jobfoot td a {
font-weight: normal;
color: black;
text-decoration: none;
}

table#jobfoot td a:hover {
text-decoration: underline;
}
#foo {
padding-left: 1em;
text-align: justify;
width: 770px;
margin-left:1em;
margin-bottom:1em;
}

h2.g {
font-size: 14px;
font-family: arial;
}

h3.g {
font-size: 12px;
font-family: arial;
}

td.head_td {
background: #FF4040;
}

td.head_td {
background: white;
}

.state ul {
list-style-type: none;
padding: 0;
margin: 0;
text-align: left;
}

#footer ul {
list-style-type: none;
}

#footer li {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-align: left;
list-type: none;
}

#footer li a, #footer td a {
color: #000000;
text-decoration: none;
}

#footer li a:hover { text-decoration: underline; }

/*    city index     */
td.city-job-col {
width: 260px;
vertical-align: top;
background: #fff;
font-size: 90%;
padding-left:0.5em;
padding-right:0.5em;
}
.joblet {
background: white;
width: 250px;
padding-bottom: 0.7em;
border-bottom: 1px solid #1B00D3;
}

.joblet h2 {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color: black;
}

.joblet h3 {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

.joblet h3 a {
color: blue;
text-decoration: none;
}

.joblet h3 a:hover {
text-decoration: underline;
}

.joblet span.see-more, .joblet span.more-posts, .joblet span.postedby, .endstatement {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}

.joblet span.see-more, .endstatement {
font-weight: bold;
margin-top: 0.5em;
}

.joblet span.see-more a, .endstatement a {
color: blue;
text-decoration: none;
}

.joblet span.see-more a:hover, .endstatement a:hover {
text-decoration: underline;
}

.joblet span.postedby {
font-variant: italic;
}

.endstatement hr {
width: 70%;
margin-top: 0.5em;
}

input {
font-size: 10px;
}


a:link {
    color:#7b7b7b;
    }

a:active {
    color:#7b7b7b;
    }

a:visited {
    color:#7b7b7b;
    }


.td-lined           { background: #EEEEEE; border: 1px solid #C0C0C0; }
.td-lined-bottom    { background: #EEEEEE; border-bottom: 1px solid #C0C0C0; }
.td-lined-right     { background: #EEEEEE; border-right: 1px solid #C0C0C0; }
.td-lined-top       { background: #EEEEEE; border-top: 1px solid #C0C0C0; }
.td-lined-left      { background: #EEEEEE; border-left: 1px solid #C0C0C0; }


/*****
styles.css
*****/

h2.geo-category {
font-size: 14px;
font-family: georgia;
}

p.area-description {
font-variant: italic;
font-weight: normal;
}

ul.lpnschools, ul.footlnks {
list-style-type: none;
padding: 0;
margin: 0;
}

ul.heads {
list-style-type: none;
padding-left: 2em;
margin-left: 1.5em;
}

ul.heads li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin: none; padding-left: 0em;}
ul.lpnschools li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin-bottom: 1em; padding-left: 0.4em;}

ul.footlnks li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin: none; padding-left: 0em;}

ul.illinois-counties {
font-variant: small-caps;
font-size: 12px;
font-family: arial;
}
.justi {
text-align: justify;
font-size: 91%;
}

.citybox {
overflow:auto;width:170px;height:50px; color:#333333; font-size:9pt; font-family:arial; background-color:white; border:2px solid silver;
}

.bookbox {
width:390px;height:210px; text-align:justify; color:black; font-size:9pt; margin-left:4px; margin-right:4px; font-family:arial; background-color:#FFE7A0; border:2px solid silver;
}
div.bookbox h1 {
color: black;
}
span.blue a{
color: blue;
font-weight: bold;
}
.footer {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#7b7b7b}