body {
	background-color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 101%;
	color: #000000;
	margin: 20px 0 30px 0;
	padding: 0;
	min-width: 954px;
}

/* ------ the topmost section ------ */
#masthead {
	width: 954px;
	height: 80px;
	background-image: url(../images/masthead.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	background-color: #6699FF;
	
}

#flags {
	float: left;
	padding: 1px 0px 0px 0px;
	height: 20px;
	width: 30px;
	text-align: right;

}

#flaglink {
	float: left;
	width: 414px;
	margin: 0;
	padding: 4px 6px 4px 4px;	
	font-weight: normal;
	color: White !important;
	font-size: 10px;
	text-align: right;
}
#flaglink a, #flaglink a:visited {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;	
}
#flaglink a:hover, #flaglink a:active, #flaglink a:focus {
	font-weight: normal;
	color: #FFCC00;
}

/* ------ positions the title logo ------ */
#toptitle {
	margin: 30px 0 0 10px;
	background-image: url(../images/toptitle.jpg);
	background-repeat: no-repeat;
}

/* ------ the main menu sits in this section ------ */
#navigation {
	width: 954px;
	height: 29px;
    background-image: url(../images/menubar.gif);
	background-repeat: repeat-x;
	background-color: #8A9FE2;
	width: 100%;
	position: relative; /*optional fix for IE5 Mac OS9 only*/
}

/* ------ the section below the main menu ------ */
#topBar {
	width: 954px;
	height: 140px;
	background-image: url(../images/topbar.jpg);
	background-repeat: no-repeat;
	background-color: #6699FF;
	
}
#topBar2 {
	width: 954px;
	height: 140px;
	background-color: #6699FF;
	
}
#topBar0 {
	width: 954px;
	height: 140px;
	background-image: url(../tbimages/micromacro.jpg);
	background-repeat: no-repeat;	
	background-color: #6699FF;
	
}
/* ------ for image positioning in the #topBaar------ */
#topbartitle {	margin: 105px 0 0 17px;}

/* ------ the current page marker style ------ */
#crossbar {
	width: 954px;
	height: 22px;
	background-image: url(../images/crossbar.gif);
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
}
#crossbar2 {
	width: 954px;
	height: 22px;
	padding: 0px;
	margin: 0px;
}
#resourcebar {
	width: auto;
	height: 18px;
	padding: 2px 10px 0 0;
	margin: 0px;
	font-size: .8em;
	text-align: right;
}
#resourcebar2 {
	width: auto;
	height: 18px;
	padding: 2px 10px 0 0;
	margin: 0px;
	font-size: .8em;
	text-align: right;
}
/* ------ wrappers are container divs ------ */
#wrapper {
	width: 954px;
	margin: 0 auto;
	background-image: url(../images/chicagobg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #FFFFFF;
	border-top: 1px solid #000033;
	border-right: 1px solid #000033;
	border-left: 1px solid #000033;
}
#wrapper2 {
	width: 954px;
	margin: 0 auto;
	background-color: #FFFFFF;
	border-top: 1px solid #000033;
	border-right: 1px solid #000033;
	border-left: 1px solid #000033;
}

/* ------ this div holds all the main text ------ */
#maincontent {
	float: left;
	font-size: .8em;
	line-height: 1.4em;
	text-align: justify;
	width: 631px; /*631+30+30=691*/
	padding: 16px 30px 0 30px;
}
.map {
	/*background-image: url(../images/walking_map.jpg);*/
	background-repeat: no-repeat;
	background-position: top right;
}

#maincontent2 {
	float: left;
	font-size: .8em;
	line-height: 1.4em;
	text-align: justify;
	width: 893px; /*893+30+30=953*/
	/*height: 930px;*/
	padding: 16px 30px 0 30px;
}

#contentindent {
	padding: 0px 0px 0px 100px;
	margin-bottom: 350px;
}

#maincontent p, #sidebar p {margin: 0 0 16px 0;}

/* ------ sets the style for the job listings table ------ */
#joblisting {
	font-size: .75em;
	line-height: 1.3em;
   margin: 0 10px 0 10px;
	
}
#joblisting td {
	padding: 4px;
	border-bottom: 1px solid #333333;
}
#dotted {
	border-left: 1px dotted #333333;
	border-bottom: 1px dotted #333333; 
}
/* ------ styles the class schedule table ------ */
#schedule td {
	padding: 4px;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
}
#schedule  {
	font-size: .75em;
	line-height: 1.3em;
   margin: 0 0 0 20px;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
}
/* ------ sets the style for the job listings table ------ */
#jobapp {
	font-size: .75em;
	line-height: 1.3em;
   margin: 0 10px 0 10px;
	
}
#jobapp td {
	padding: 4px;
	
}	

#applyapp {
   background-color: #D9E0FF;
	font-size: .75em;
	line-height: 1.3em;
   margin: 0 10px;
	border:1px solid #CCCCCC;
}
#applyapp td {
	padding: 10px;
	background-color: #E9EAFF;
	border: 1px solid #CCCCCC;
}	
#applyapp h2 {
	padding:4px 0 4px 10px;
	margin:0;
	font-size: 1.2em;
	border: none;
	text-align: left;
}
	
/* ------ the links in the main content section ------ */	
#maincontent a:link, #maincontent a:visited {color: #0033CC;  text-decoration: none; }
#maincontent a:hover, #maincontent a:active, #maincontent a:focus {color: #0033CC;  text-decoration: underline; }

/* ------ link styling for undefined sections ------ */
a:link {color: #0066CC;  text-decoration: none; }
a:visited {color: #0066CC;  text-decoration: none; }
a:hover, a:active, a:focus {color: #A33D23;  text-decoration: underline; }


/* ------ misc color and text styles ------ */

#blue {color: #0033CC;}
#dkblue {color: #000099;}
#green {color: #669933;}
#redbrn {color: #993300;}
#bluered {color: #0033CC;
	border-bottom: 1px solid #FF0000; 
 	letter-spacing: 1px;
 	font-style: italic;
 	font-weight: bold;
}
#downloadlink {color: #0033CC;
	border-bottom: 1px solid #FF0000; 
 	letter-spacing: 1px;
 	font-weight: bold;
}
#caps {
	font-weight: bold;
	letter-spacing: 1px;
	color: #0033CC;
}
.bigtext {
	font-size: 1.2em;
	text-align: left; 
}
.bigtext2 {
	font-size: 1.2em;
	font-weight: bold; 
}
.bigtext3 {
	font-size: 1.4em;
	font-weight: bold; 
}
#superscript {
	 vertical-align: super;
	 font-size: .55em;  
}
#jpntext {
	 
	font-size: 12px;
	font-family: "MS Gothic";
	letter-spacing: 1px;
}
.tpbtmbdr {
	font-style:italic;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
}
.noborder {border:none;}

.stronghdr {	
	margin: 24px 0 12px 0;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	border-bottom: none;
}
.rshdr {
	margin: 10px 0px 0px 0px;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
}
.zerotop {
	margin: 0;
}
/* ------ right sidebar styles ------ */
#sidebar {
	width: 212px; /*212+30+20=262 rendered*/
	float: left;
	text-align: justify;
	padding: 16px 30px 0 20px;
	font-size: .7em;
}
#sidebar2 {
	width: 212px; /*212+30+20=262 rendered*/
	float: left;
	text-align: justify;
	padding: 16px 30px 0 20px;
	font-size: .77em;
	line-height: 1.3em;
}
#sidebarkey {
	width: 212px; /*212+30+20=262 rendered*/
	float: left;
	text-align: justify;
	background-image: url(../images/sidekey.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 16px 30px 0 20px;
	font-size: .7em;
	height: 467px;
	margin-top: 27px;
}
#sidebargirl {
	width: 212px; /*212+30+20=262 rendered*/
	float: left;
	text-align: justify;
	padding: 16px 30px 0 20px;
	font-size: .7em;

}
#sidebarkey2 {
	width: 212px; /*212+30+20=262 rendered*/
	float: left;
	text-align: justify;
	background-image: url(../images/sidekey.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 16px 30px 0 20px;
	font-size: .8em;
	line-height: 1.4em;
}
#sidebarkey3 {
	width: 212px; /*212+30+20=262 rendered*/
	float: left;
	text-align: left;
	background-image: url(../images/sidekey.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 16px 30px 0 20px;
	font-size: .8em;
	line-height: 1.4em;
}

/* ------ sidebar navigation ------ */
#navlist {
	margin: 0;
	padding: 0;
	border: 1px solid #DAA520;
}
#navlist li {
	list-style-type: none;
	margin: 0;
	text-align: left;
}
#navlist a:link, #navlist a:visited {
	text-decoration: none;
	background-color: transparent;
	color: #0033CC;
	display: block;
	padding: 6px 10px;
	border-top: 0;
}
#navlist a:hover, #navlist a:active, #navlist a:focus {
	background-color: #DAA520;
	color: #FFFFFF;
}

/* ------ bottom section above footer div ------ */
#bottomBevel {
	width: 954px;
	height: 28px;
	clear: both;
	background-image: url(../images/footerbar.gif);
	background-repeat: repeat-x;
	font-size: 10px;
}

#pmmcrumb2 {
	font-weight: normal;
	color: White;
	font-size: 10px;
	
}
#pmmcrumb2 p {
	margin: 0;
	padding: 8px 0 0 4px;
}
#pmmcrumb2 a, #pmmcrumb2 a:visited {
	font-weight: normal;
	color: #3F3F3F;
	text-decoration: underline;	
}
#pmmcrumb2 a:hover, #pmmcrumb2 a:active, #pmmcrumb2 a:focus {
	font-weight: normal;
	color: #FFCC00;
}

 
/* ------ header styles ------ */
#first {
	margin: 24px 0 8px 0;
	font-size: 1.3em;
	color: #DAA520;
	text-align: center;
	font-style: italic;
}

h1 {
	margin: 0px;
	font-size: 1.0em;
	text-align: left;
	border-bottom: 1px solid #DAA520;
}

h2#nav {margin: 0 0 8px 0;}

h2, h3 {
	margin: 24px 0 8px 0;
	font-size: 1.4em;
	border-bottom: 1px solid #DAA520;
	text-align: left;
}

h3 {font-size: 16px;}

h4 {
	margin: 24px 0 8px 0;
	font-size: 1.2em;
	text-align: left;
}
h5 {
	margin: 24px 0 0px 0;
	font-size: 1.1em;
	text-align: left;
}
h6 {
	margin: 0px 0px 10px 0px;
	font-size: 1.0em;
	text-align: left;
	
}

/* ------ the site map styles ------ */

#maplist {
	margin: 0;
	padding: 0;
	border: 1px solid #DAA520;
}
#maplist li {
	list-style-type: none;
	margin: 0;
}
#maplist a:link, #maplist a:visited {
	text-decoration: none;
	background-color: transparent;
	color: #0033CC;
	display: block;
	padding: 6px 10px;
	border-top: 0;
}
#maplist a:hover, #maplist a:active, #maplist a:focus {
	background-color: #DAA520;
	color: #FFFFFF;
}

/* ------ the footer div ------ */
#footer {
	width: 954px;
	height: 28px;
	margin: 0 auto;
	font-size: 0.6em;
	color: #999999;
	padding: 3px 0 0 0;
}
#footer p {margin: 0 4px 8px 4px;}
#footer a:link {
	color: #6699FF;
	font-weight: bold;
	letter-spacing: 1px;}
#footer a:visited {color: #6699FF;
	font-weight: bold;
	letter-spacing: 1px;}
#footer a:hover, a:active, a:focus {color: #6699FF;}