/**
 * WorkforceChicago CSS (C) 2008 WorkforceChicago
 */

/** Reset CSS **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 0;
	color: black;
	background: white;
}

img
{
    border-style:none;
    behavior: url(iepngfix.htc);
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/** Layout Section **/
body {
	text-align: center;
}

#wrap {
	background: #fff;
	width: 770px;
	margin: 0 auto;
	text-align: left;
}

#header {
	padding: 0;
	margin: 20px 0 10px 0;
}

#heading {
    padding: 20px 0px 0px 10px;
}

#splash {
    margin: 20px 10px 0 10px;
    padding: 0 10px;
}

#splash img {
    width: 730px;
    height: 333px;
    vertical-align: bottom;
}

.button {
    float: left;
    padding: 20px 0 10px 20px;
}

.button img {
    width: 166px;
    height: 166px;
    border: 1px solid #b3b3b3;
}

#fold {
    float: left;
    padding: 0 0 10px 20px;
    width: 374px;
}

h2 {
	margin: 10px 0 5px 0;
}

#fold h2 {
    margin: 20px 0 5px 0;
    font-size: 15px;
}

#imgwrap {
    padding-right: 20px;
}

#imgwrap img {
    float: right;
    clear: right;
}

#main-content {
	width: 390px;
	display: inline;
	float: left;
	margin-left: 175px;
	padding: 10px;
}

.sub-content {
	width: 155px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	padding: 10px;
}
#sub2 h4 {
    margin: 10px 0;
    padding: 5px;
}

#navigation {
	width: 145px;
	float: left;
	margin-left: -770px;
	padding: 10px;
	font-size: 8pt;
}

#navigation ul, #navigation ol {
	margin-left: 15px;
}

#navigation ul li, #navigation ol li {
	margin-bottom: 5px;
	width: 110px;
}

.clearer {
    clear: both;
}

#foot {
	clear: both;
	padding: 10px;
}

#footwrap {
    margin: 0 auto;
    width: 770px;
    text-align: left;
}

img.full {
	width: 390px;
	height: 170px;
}

/** Layout adjustments **/
#foot ul, li {
	display: inline;
	float: left;
	list-style: none;
}

#foot li {
	padding: 0 5px 0 5px;
	border-left: 1px solid #999;
}

#foot li.first {
	border-left: 0;
}

#copyright {
    text-align: center;
    float: right;
    color: Gray;
}

#adminstration {
    text-align: left;
}

#administration img {
    float: left;
    padding: 2px 0 5px 0;
}

/** Menu layout and interaction - adapted from the Suckerfish technique **/

#top_menu {
    margin-left:50px;
}

#menu {
    width: 770px;
    margin: 0 0 2em 0px;
    _margin: 0; /* Not sure why this IE6 hack is needed. :( */
    background: #9fcd47;
    text-align: center;
}

#menu, #menu ul { /* all lists */
	padding: 0;
	list-style: none;
	line-height: 2em;
	float: left;
}

#menu ul {
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    text-align: left;
}

#menu a {
	display: block;
	background: #9fcd47;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

#menu li.menu_separator {
    width: 3em;
    color: white;
    font-weight: bold;
}

#menu li ul { /* second-level lists */
	position: absolute;
	width: 15em;
	background-color: White;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	text-align: left;
}

#menu li ul a {
    width: 14em;
    padding: 0 1em;
    background: #fff;
    color: #000;
    text-transform: none;
    font-size: 8pt;
}

#menu li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#menu li:hover ul ul, #menu li.sfhover ul ul {
	left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#menu a:hover, #menu a.sfhover {
    background: #fff;
    color: #fff;
}

#menu a#current {
    color: #000;
}

#menu li a:hover, #menu li a.sfhover {
    background: white;
    color: #9fcd47;
}

#menu li ul a:hover, #menu li ul a.sfhover {
    color: #9fcd47;
    text-transform: none;
}

/* Fix for IE positioning drop-down off to the right */
#menu li:hover, #menu li.hover {visibility:visible}
#menu li{position:relative}
#menu li:hover ul, 
#menu li li:hover ul, 
#menu li.sfhover ul, 
#menu li li.sfhover ul {
    left: 0;
    /*top:1.85em;*/
}


/** Style, colors, and typography **/
html, body {
	background: #000; /*#cecece; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

#header {
	background: #9fcd47; /* #809fce; */
}

#main-content {
	line-height: 1.7em;
}

#main-content em {
	font-style:italic;
	font-weight:bold;
}

#main-content ul {
    list-style-type: circle outside;
    clear: left;
}

#main-content ul li {
    list-style: circle outside;
    margin-left: 0.5em;
    clear: left;
}

#main-content ul li ul li{
    list-style: circle outside;
    margin-left: 2.5em;
    clear: left;
}

#main-content a{
	text-decoration:none;
	font-weight:bold;
	color: #6fbb33;
}

#main-content a:hover{
font-style:italic
}

#sub1 {
	background: #d8dce8;
}
#sub1 a{
	color:#000000;
	text-decoration:none;
	font-weight: bold;
}
#sub1 a:hover{
	color:#000000;
	text-decoration:underline;
}
#sub2 a{
	color:#000000;
	text-decoration:none;
}
#sub2 a:hover{
	color:#000000;
	text-decoration:underline;
}

#sub2 {
    background: #fff;
}

#navigation {
	background: #fff;
}

#navigation a {
    color: #000;
    text-decoration: none;
}


#navigation a:hover {
    text-decoration: underline;
}

#foot {
	font-size: 9px;
	background: #fff; /* #cecece;*/
}

#foot a {
	color: gray;
	text-decoration: none;
}

#foot a:hover {
    color: gray;
    text-decoration: underline;
}

#footwrap {
    border-top: 1px solid #999;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 16px;
	font-weight: 600;
	color: #6fbb33;
}
h3 {
	border-bottom: 1px solid #999;
	padding-bottom: 2px;
	margin-bottom: 5px;
	font-size: 14px;
	color: #809fce; /* #6fbb33; */
}

h4 {
	text-transform: uppercase;
	color: #6677aa;
}

#sub2 h4 {
    text-transform: none;
    color: #fff;
    background: #93a6bc;
}

p {
	margin-top: 10px;
}

ol {
	list-style: decimal;
	margin-left: 5px;
	padding-left: 5px;
	border-left: 5px;
}

#search 
{
    width:20em;
    text-align: left;
    position: relative;
    left: 550px;
    padding: 0px 0 10px 0px;
}