/****************************************************************
JHW.CSS Copyright 2009 is based on 2007 umkc.css, updated for 2009 umkc-standard.css
University of Missouri Kansas City
****************************************************************/
/* This CSS includes the 2009 umkc_standard.css to support umkc_header, umkc_footer, umkc_navigation and div-based wrapper re-design of table-based pages */
/* page width standard is changed from 740px to 940px */

/* ------- umkc-standard.css 2009 ----------- */
body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; }
#umkc_headerwrap { background: bottom url(header-bkgd.gif) repeat-x; width: 100%; height: 100px; font-family: Helvetica; 
font-size: 68.75%; text-align: left; background-color: #FFFFFF; }
#umkc_header { background: bottom url(university-mo-kc.gif) no-repeat; margin-left: auto; margin-right: auto; width: 940px; height: 100px; }
#umkc_header a:link, #umkc_header a:visited { color: #36424a; }
#umkc_header a:hover, #umkc_header a:active  { color: #002147; }
#umkc_logo { float: left; width: 220px; padding: 0; margin: 0; }
#umkc_message { float: left; width: 460px; height: 50px; display: block; }
#umkc_alert { padding: 20px; font-size: 1.5em; color:#FF0000; }
.skip { position: absolute; top: -20px; }
#umkc_header form { padding: 0 0 10px 0; margin: 0; }
#umkc_search { float: right; background: right top url(search.gif) no-repeat; width: 240px; height: 43px; padding: 7px 0 0 20px; _padding: 7px 0 0 10px;/*IE fix*/ margin: 0; text-align: right; }
#soptions { text-align: right; color:#6d7981; }
.searchRadio { margin: 0 0 3px 2px; _margin: 5px 0 3px 2px; padding: 0; vertical-align: middle; height: 10px; width: 10px; }
.searchInput { width: 110px; height: 20px; border: none; margin: 4px 0 0 5px; padding: 0; color: #000000; background-color: transparent!important; }
.searchButton { float: right; height: 20px; width: 22px; background-color: transparent; border: none; margin: 7px 0 0 0; padding: 0; }
#umkc_navbar { clear: left; position: relative; margin-left: auto; margin-right: auto; text-align: left; z-index: 9999; width: 940px; height: 20px; text-align: right; }
#umkc_nav, #umkc_nav ul { list-style: none; line-height: 1em; font-weight: normal; padding: 0; margin: 0; }
#umkc_nav a { display: block; color: #36424a; text-decoration: none; font-size: 11px; padding: 4px; margin: 0; border-right: solid 2px #dfe5e6; }
#umkc_nav li { float: right; width: auto; padding: 0; }
#umkc_nav li ul { position: absolute; left: -999em; height: auto; width: 17em; font-weight: normal; background: #e2e9eb; margin: 0; }
#umkc_nav li li { text-align: left; width: 17em; height: auto; }
#umkc_nav li ul a { color: #000000; padding: 0.55em; margin: 0; width: 16em; border-right: none; }
#umkc_nav li ul ul { /* third-and-above-level lists */ width: 16em; margin: -1em 0 0 14em; }
#umkc_nav li:hover ul ul, #umkc_nav li:hover ul ul ul, #umkc_nav li.sfhover ul ul, #umkc_nav li.sfhover ul ul ul { left: -9999em; }
#umkc_nav li:hover ul, #umkc_nav li li:hover ul, #umkc_nav li li li:hover ul, #umkc_nav li.sfhover ul, #umkc_nav li li.sfhover ul, #umkc_nav li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }
#umkc_nav li:hover, #umkc_nav li.sfhover { background: #68ace5; }
#umkc_nav li li:hover, #umkc_nav li li.sfhover { background: #68ace5; }
#umkc_footerwrap { position: relative; width: 900; text-align: center; font-family: Helvetica; font-size: 65%; } /* was width = 100% */
#umkc_footer { position: relative; margin-left: auto; margin-right: auto; width: 890px; margin-top: 0px; padding: 0px; color: #6d7981; font-size: 1em; line-height: 1.3em; }
#umkc_footer a:link, #umkc_footer a:visited, #umkc_footer a:hover, #umkc_footer a:active { color: #6d7981; }
.footnav a { font-weight: bold; letter-spacing: 1px; padding: 3px;}
.footnav a:link, .footnav a:visited { text-decoration: none; }
.footnav a:hover, .footnav a:active { text-decoration: underline; }

/* ------- Layout ------- */
#wrapper { position: relative; width: 100%; min-height: 675px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
#innerwrap { position: relative; margin-left: auto; margin-right: auto; text-align: left; width: 940px; }

/* ------- Sidebar -------*/
#sidebarwrap {
position: absolute;
width: 135px; /* from 200px; also adjust content-wide */ /*--This sets the WIDTH of the menu BACKGROUND-*/
	font-family: Arial, Helvetica;
	font-size: 12px;
	background: #2098d3;
z-index: 11000;
}

#sidebar, #sidebar ul {
float: left;
list-style: none;
text-align: left;
padding: 0px; /* was top-padded 10px 0 0 0; */
margin: 0;
width: 135px; /* from 200px; */
	background: #68ace5;
}

#sidebar a {
display: block;
width: 130px; /* was 180px */ /*--This sets the WIDTH of the first layer menu TEXT--*/
color: #000000;  /*-- was 0e3e6e; dblue This sets the COLOR of the first layer menu TEXT--*/
text-decoration: none;
	/* font-size: 1.4em; */
padding: 2px 0px 2px 5px; /* 5px 0 5px 20px; */
}

#sidebar li {
width: 135px; /* from 200px;*/ /*--This sets the WIDTH of the first layer menu HOVER-*/
float: left;
	/* line-height: 1em; */ /*--This sets the HEIGHT of first layer menu items-*/
padding: 5px 0;
margin: 0;
border-bottom: 1px solid #dfe5e6;
}

#sidebar li ul {
position: absolute;
left: -999em;
margin-left: 135px; /* 136 just gives overlap but gives problems in level3;  from 200px; */ /*--Set this to match WIDTH of the first layer menu HOVER-*/
margin-right: 0;
margin-top : -2em; /* -2.4em; */
padding: 5px 0px 5px 0px; /* 5px; */
width: 300px; /* 130px; */ /*--This sets the WIDTH of the second layer menu HOVER-*/
font-weight: normal;
background: #68ace5;  /*--This sets the COLOR of the second layer menu BACKGROUND--*/
}

#sidebar li ul a {
	/* font-size: 1em; */
width: 290px; /* 130px; */ /*--This sets the WIDTH of the second layer menu TEXT--*/
padding: 2px 0px 2px 10px; /* 3px 10px; */
}

#sidebar li li {
text-align: left;
margin: 0;
	/* line-height: 1.5em; */
width: 300px; /* 130px; */ /*--This sets the WIDTH of the second layer menu BACKGROUND--*/
padding: 2px 0; /* 0; */ 
border-bottom: 1px solid #dfe5e6; /* was border-bottom: none; */
}

#sidebar li:hover ul, #sidebar li li:hover ul, #sidebar li.sfhovers ul, #sidebar li li.sfhovers ul {
left: auto;
}

#sidebar li:hover, #sidebar li li:hover, #sidebar li.sfhovers, #sidebar li li.sfhovers {
background: #2098d3; /* change to mblue from lblue #68ace5; */  /*--This sets the COLOR of the first layer menu HOVER--*/
}

/* #sidebar li li:hover, #sidebar li li.sfhovers {
background: #2098d3; /* #dfe5e6; */ /*--This sets the COLOR of the second layer menu HOVER-- } */

.feature {
float: left;
width: 135px; /* from 200px; */
margin-top: 0px; /* 30px; */
background-color: #2098d3; /* mblue from #dfe5e6; */
}

/* ------- Page Title ------ */

#titlebar { /* modified from content_wide to sit to right of sidebar wrap */
position: relative;
width: 785px; /* was 940px; -135px sidebar: 940 - 135 (menu sidebar) = 805 = 605 (content) - 200 (resources); left-padding=20px */
	left: 135px; /* from 200px; in content_wide */
height: 80px;
	/* background: url(../images/title-bkgd.jpg) left no-repeat; */
padding: 0px 0px 0px 20px;
margin: 0;
text-align: left;
	background-color: #2098d3; /* bg_mblue */
}

/* ------- Content ------ */

#breadcrumbs { padding-bottom: 10px; }

#content-wide {
position: relative;
width: 800px; /* increased from 700px; 940 - 135 (menu sidebar) = 800 = 600 (content) - 200 (resources) */
left: 135px; /* from 200px; */
padding: 0px; /*from 20px */
margin: 0;
text-align: left;
}

#content {
position: relative;
width: 600px; /* from 500px; */
left: 135px; /* from 200px; */
padding: 0px; /*from 20px */
margin: 0;
text-align: left;
}

#content ul {
list-style-image: url(../images/bullet.gif);
padding: 0 0 5px 20px;
_padding: 0 0 5px 10px;
margin-top: 5px;
margin-bottom: 0;
}

#content li {
padding-top: 2px;
padding-bottom: 2px;
line-height: 1.5em;
}

#content p {
line-height: 1.5em;
}

#content img {
margin-bottom: 10px;
}

#links {
width: 700px;
height: 150px;
color: #0e3e6e;
background: #dfe5e6;
padding: 20px 0;
margin: 20px 0;
}

#links a:link { text-decoration: none; color:#0066cc; }
#links a:visited { text-decoration: none;  color:#0066cc; }
#links a:hover { text-decoration: underline;  color:#0e3e6e; }
#links a:active { text-decoration: underline; color:#0e3e6e;  }

.link_column1 {
float: left;
display: block;
width: 190px;
height: 150px;
padding: 0 20px;
}

.link_column2 {
float: left;
display: block;
width: 190px;
height: 150px;
padding: 0 20px;
border-left: 1px solid #6d7981;
}

#resources { /* right column */
position: absolute;
top: 70px;
width: 200px;
left: 740px;
color: #36424a;
}

.line {
border-bottom: 1px solid #36424a;
margin-bottom: 10px;
}

/* _______________ colors _______________ */
.white { color: #FFFFFF; }
.lgrey { color : #E5E9EC; } /* Light Gray: #dfe5e6 ; umkc-header= #e5e9ec*/
.grey { color : #6D7981; } /* (grey: 3E5E81; hlc-grey: 888888) */
.dgrey { color: #36424a; } /* Dark Gray: #36424a */
.black { color : #000000; }
.lblue { color: #68ACE5; } /* Sky Blue: #68ace5 (lblue: 54BCEF) */
.mblue { color: #2098D3; }
.blue { color : #0066CC; } /* Blue: #0066cc (blue: 0075E0, ISAO blue: 006699) */
.dblue { color : #0E3E6E; } /* Dark Blue: #0e3e6e (dblue = 00308F) */
.yellow { color : #FFCC00; }
.orange { color : #DA9800; } /* Yellow: #da9800; also called gold */
.red { color : #D6492A; } /* Orange: #d6492a */
.dred { color : #AB0823; } /* Red: #ab0823 */
.green { color : #5F692D; } /* Green: #5f692d */
.lgreen { color : #D2E27E; } /* Light Green: d2e27e */
.tan { color : #F4F0E5 } /* Tan: #f4f0e5 */

.bg_white { background-color : #FFFFFF; }
.bg_lgrey { background-color : #E5E9EC; }
.bg_grey { background-color : #3E5E81; }
.bg_black { background-color : #000000; }
	/* used in td table rows: FFFFFF, EEEEEE, DDDDDD, CCCCCC */
.bg_lblue { background-color: #68ACE5; }
.bg_mblue { background-color: #2098D3; }
.bg_blue { background-color : #0066cc; }
.bg_dblue { background-color : #0E3E6E; }
.bg_yellow { background-color : #FFFF00; }
.bg_tan { background-color : #F4F0E5; }

/* _______________ Text position or decoration _______________ */

/* a:link { text-decoration: underline; color: #0E3E6E; } *//* umkc option: text-decoration: none; color: Blue */
/* a:visited { text-decoration: underline; color: #0066cc; } *//* umkc option: text-decoration: none; color: Blue */
/* a:hover { text-decoration: underline; color: #0000FF; } *//* umkc option: color: #0e3r6e Dark Blue */
/* a:active { text-decoration: underline; color: #0000FF; } *//* umkc option: color: #0e3r6e Dark Blue */

.noline { text-decoration : none; }
.urldoc { text-decoration: none; font-variant: small-caps; }

.text8 { font-size: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.text10 { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.text11 { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.text12 { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.text13 { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.text14 { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.text16 { font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.text18 { font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.text24 { font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.justify { text-align: justify; }
.textblock { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 5px; padding: 5px; color: #0066cc; background-color: #F4F0E5; border: 1px dotted; }
blockquote { margin-bottom : 10px; margin-left : 20px; margin-right : 0px; margin-top : 20px; } /* background-color changed from #FFFFCC to Tan: #F4F0E5; color #000099 changed to standard blue: #0066CC */

/* umkc-standard 
form { padding: 0 0 10px 0; margin: 0; }
input { padding: 0; margin: 0; }
*/
.form_dblue { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin-top: 0px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; vertical-align: middle; color: #0E3E6E; } /* in grasp.css, color: #00308F to standard dblue: #0E3E6E  */

/* _______________ headings _______________ */	
h1 { font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066cc; }
h2 { font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066cc; }
h3 { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066cc; }
h4 { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066cc; }
h5 { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066cc; }
h6 { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066cc; }
h7 { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066cc; }

.h5white { font-size: 12px; font-family: Verdana, Arial, helvetica, sans-serif; color: #FFFFFF; }
.h5white a{ color: #FFFFFF; text-decoration : none; }
.h5white a:visited{ color: #DDDDDD; text-decoration : none; }
.h5white a:active{ color: #FFFFFF; text-decoration : none; }

/* _______________ lists _______________ */
ul { list-style-type: disc; }
ul li { font : 12px; Verdana, Arial, Helvetica, sans-serif; }
ol li { font : 12px; Verdana, Arial, Helvetica, sans-serif; }

/* _______________ tables _______________ */
tr, td, th { margin:0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 12px; }
TD.caption { font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; color: #0066cc; }
TD.header1 { font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; background-color: #0066cc; color: #FFFFFF; text-align: center; font-weight: bold; }
TD.header2 { font-family: arial, helvetica, sans-serif; font-size: 12px; background-color: #0066cc; color: #FFFFFF; text-align: center; font-weight: bold; }
TD.header3 { font-family: arial, helvetica, sans-serif; font-size: 12px; background-color:#CCCCCC; color: #000000; text-align: center; font-weight: bold; }
TD.row1 { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #000000; background-color:#FFFFFF; }
TD.row2 { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #000000; background-color:#EEEEEE; }
TD.row3 { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #000000; background-color:#DDDDDD; }
TD.row4 { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #000000; background-color:#CCCCCC; }
TD.footer { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; background-color: #0066cc; color: #FFFFFF; }

.sidebar { font-weight: 300;  color: #0066cc; text-decoration: none; }
.sidebar a { font-weight: 300;  color: #0066cc; text-decoration: none; }
.sidebar a:visited { font-weight: 300;  color: #0066cc; text-decoration: none; }
.sidebar a:active { font-weight: 300;  color: #0066cc; text-decoration: none; }

.whitetext { font-weight: 300;  color: #ffffff; text-decoration: none; }
.whitetext a { font-weight: 300;  color: #ffffff; text-decoration: none; }
.whitetext a:visited { font-weight: 300;  color: #ffffff; text-decoration: none; }
.whitetext a:active { font-weight: 300;  color: #ffffff; text-decoration: none; }

.whitetext2 { font-weight: 600;  color: #ffffff; text-decoration: none;}
.whitetext2 a { font-weight: 600;  color: #ffffff; text-decoration: none; }
.whitetext2 a:visited { font-weight: 600;  color: #ffffff; text-decoration: none; }
.whitetext2 a:active { font-weight: 600;  color: #ffffff; text-decoration: none; }

.bluetext {font-size: 12px; font-weight: 300;  color: #68ACE5; text-decoration: none; } /* Bluetext color was #00A1E0, changed to Sky Blue lblue: #68ACE5 */
.bluetext a {font-size: 12px; font-weight: 300;  color: #68ACE5; text-decoration: none; }
.bluetext a:visited {font-size: 12px; font-weight: 300;  color: #68ACE5; text-decoration: none; }
.bluetext a:active {font-size: 12px; font-weight: 300;  color: #68ACE5; text-decoration: none; }

.bluetext2 {font-size: 12px; font-weight: 600;  color: #68ACE5; text-decoration: none;}
.bluetext2 a {font-size: 12px; font-weight: 600;  color: #68ACE5; text-decoration: none; }
.bluetext2 a:visited {font-size: 12px; font-weight: 600;  color: #68ACE5; text-decoration: none; }
.bluetext2 a:active {font-size: 12px; font-weight: 600;  color: #68ACE5; text-decoration: none; }

.bluetext3 {font-size: 11px; font-weight: bold;  color: #68ACE5; text-decoration: none;}
.bluetext3 a {font-size: 11px; font-weight: bold;  color: #68ACE5; text-decoration: none; }
.bluetext3 a:visited {font-size: 11px; font-weight: bold;  color: #68ACE5; text-decoration: none; }
.bluetext3 a:active {font-size: 11px; font-weight: bold;  color: #68ACE5; text-decoration: none; }

.dbluetext { font-weight: 300;  color: #0E3E6E; text-decoration: none; }
.dbluetext a { font-weight: 300;  color: #0E3E6E; text-decoration: none; }
.dbluetext a:visited { font-weight: 300;  color: #0E3E6E; text-decoration: none; }
.dbluetext a:active { font-weight: 300;  color: #0E3E6E; text-decoration: none; }

.dbluetext2 { font-weight: 600;  color: #0E3E6E; text-decoration: none;}
.dbluetext2 a { font-weight: 600;  color: #0E3E6E; text-decoration: none; }
.dbluetext2 a:visited { font-weight: 600;  color: #0E3E6E; text-decoration: none; }
.dbluetext2 a:active { font-weight: 600;  color: #0E3E6E; text-decoration: none; }

.redtext { font-weight: 300;  color: #d6492a; text-decoration: none; }
.redtext a { font-weight: 300;  color: #d6492a; text-decoration: none; }
.redtext a:visited { font-weight: 300;  color: #d6492a; text-decoration: none; }
.redtext a:active { font-weight: 300;  color: #d6492a; text-decoration: none; }

.redtext2 { font-weight: 600;  color: #d6492a; text-decoration: none;}
.redtext2 a { font-weight: 600;  color: #d6492a; text-decoration: none; }
.redtext2 a:visited { font-weight: 600;  color: #d6492a; text-decoration: none; }
.redtext2 a:active { font-weight: 600;  color: #d6492a; text-decoration: none; }

.dredtext { font-weight: 300;  color: #ab0823; text-decoration: none; }
.dredtext a { font-weight: 300;  color: #ab0823; text-decoration: none; }
.dredtext a:visited { font-weight: 300;  color: #ab0823; text-decoration: none; }
.dredtext a:active { font-weight: 300;  color: #ab0823; text-decoration: none; }

.dredtext2 { font-weight: 600;  color: #ab0823; text-decoration: none;}
.dredtext2 a { font-weight: 600;  color: #ab0823; text-decoration: none; }
.dredtext2 a:visited { font-weight: 600;  color: #ab0823; text-decoration: none; }
.dredtext2 a:active { font-weight: 600;  color: #ab0823; text-decoration: none; }

.yellowtext { font-weight: 300;  color: #FFCC00; text-decoration: none; }
.yellowtext a { font-weight: 300;  color: #FFCC00; text-decoration: none; }
.yellowtext a:visited { font-weight: 300;  color: #FFCC00; text-decoration: none; }
.yellowtext a:active { font-weight: 300;  color: #FFCC00; text-decoration: none; }

.yellowtext2 { font-weight: 600;  color: #FFCC00; text-decoration: none;}
.yellowtext2 a { font-weight: 600;  color: #FFCC00; text-decoration: none; }
.yellowtext2 a:visited { font-weight: 600;  color: #FFCC00; text-decoration: none; }
.yellowtext2 a:active { font-weight: 600;  color: #FFCC00; text-decoration: none; }


/* _______________ Graphics _______________ */
img{ border: 0px; }

/* _______________ printed text _______________ */
.printTR {
	font-family : Times, serif;
	font-size : 16px;
}