/****************************************************************
Copyright 2005
Grasp-Grip-Grade visualization to complement (and replace)
umkc.css 
University of Missouri Kansas City
http://web.umkc.edu 
Visualization changes
****************************************************************/

/* _______________ text _______________ */

body {
	font-size: 12px;
	font-family: Verdana, Arial;
	}
td {
	font-size: 12px;
	font-family: Verdana, Arial;
	}
tr {
	font-size: 12px;
	font-family: Verdana, Arial;
	}
th {
	font-family: Verdana, Arial;
	}
.justify {
	text-align: justify;
	}
a.justify {
	text-align: justify;
	}
.noline {
	text-decoration : none;
}
.wurl {
	text-decoration : none;
	color : #AAAAAA;
}
blockquote {
	margin-bottom : 10px;
	margin-left : 20px;
	margin-right : 0px;
	margin-top : 20px;
	}
textarea {
	font-size: 12px;
	font-family: Verdana, Arial;
	}
textfield{
	font-size: 12px;
	font-family: Verdana, Arial;
	}
	
/* ___________ text sizes and choices _____________ */


.text10 {
	font-size: 10px;
	font-family: Verdana, Arial;
	}
.text10 a{
	color: #006;
	font-size: 10px;
	font-family: Verdana, Arial;
	}
.text10 a:visited{
	color: #960;
	font-size: 10px;
	font-family: Verdana, Arial;
	}
.text10 a:active{
	color: #666;
	font-size: 10px;
	font-family: Verdana, Arial;
	}
.text12 {
	font-size: 12px;
	font-family: Verdana, Arial;
	}
.text12 a{
	color: #006699;
	font-size: 12px;
	font-family: Verdana, Arial;
	}
.text12 a:visited{
	color: #006699;
	font-size: 12px;
	font-family: Verdana, Arial;
	}
.text12 a:active{
	color: #006699;
	font-size: 12px;
	font-family: Verdana, Arial;
	}
.text14 {
	font-size: 14px;
	font-family: Verdana, Arial;
	}
.text16{
	font-size: 16px;
	font-family: Verdana, Arial;
	}
.text18{
	font-size: 18px;
	font-family: Verdana, Arial;
	}
.text24{
	font-size: 24px;
	font-family: Verdana, Arial;
	}
.text30{
	font-size: 30px;
	font-family: Verdana, Arial;
	}
.textquote{
	font-size: 12px;
	font-family: Verdana, Arial;
	margin: 5px;
	padding: 5px;
	color: #000066;
	}
.textblock{
	font-size: 12px;
	font-family: Verdana, Arial;
	margin: 5px;
	padding: 5px;
	color: #000099;
	background-color: #FFFFCC;
	border: 1px dotted;
	}

/* _______________ headings _______________  3E5E81 - 006699 */	
	
h1 {
	font-size: 18px;
	font-family: Verdana, Arial;
	color: #006699;
	}
h2 {
	font-size: 16px;
	font-family: Verdana, Arial;
	color: #006699;
	}
h3 {
	font-size: 14px;
	font-family: Verdana, Arial;
	color: #006699;
	}
h4 {
	font-size: 13px;
	font-family: Verdana, Arial;
	color: #006699;
	}
h5 {
	font-size: 12px;
	font-family: Verdana, Arial;
	color: #006699;
	}
h6 {
	font-size: 11px;
	font-family: Verdana, Arial;
	color: #006699;
	}
h7 {
	font-size: 10px;
	font-family: Verdana, Arial;
	color: #006699;
	}
	
.h2white {
	font-size: 16px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}
.h3white {
	font-size: 14px;
	font-family: Verdana, Arial;
	color: #FFFFFF;
	font-weight: bold;
	}
.h4white {
	font-size: 13px;
	font-family: Verdana, Arial;
	color: #FFFFFF;
	font-weight: bold;
	}
.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;
}
.h7white {
	font-size: 10px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: #FFFFFF;
}
.h7white a{
	color: #FFFFFF;
	text-decoration : none;
}
.h7white a:visited{
	color: #DDDDDD;
	text-decoration : none;
}
.h7white a:active{
	color: #FFFFFF;
	text-decoration : none;
}
.h7lgrey {
	font-size: 10px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: #DDDDDD;
}
.h7lgrey a{
	color: #DDDDDD;
	text-decoration : none;
}
.h7lgrey a:visited{
	color: #FFFFFF;
	text-decoration : none;
}
.h7lgrey a:active{
	color: #DDDDDD;
	text-decoration : none;
}

/* _______________ colored text  _______________ */

.normaltext { color: #000; }
.normaltext a { color: #006; }
.normaltext a:visited { color: #960; }
.normaltext a:active { color: #666; }

.footer {
	font-weight: 400;
	color: #ffffff;
	text-decoration: none;
	background-color : #006699;
}
.footer a { font-weight: 400;  color: #ffffff; text-decoration: none; 	background-color : #006699;}
.footer a:visited { font-weight: 400;  color: #ffffff; text-decoration: none; 	background-color : #006699;}
.footer a:active { font-weight: 400;  color: #ffffff; text-decoration: none;	background-color : #006699; }

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

.sidebar { font-weight: 600;  color: #00308F; text-decoration: none; }
.sidebar a { font-weight: 600;  color: #00308F; text-decoration: none; }
.sidebar a:visited { font-weight: 600;  color: #00308F; text-decoration: none; }
.sidebar a:active { font-weight: 600;  color: #00308F; text-decoration: none; }

.sidebar2 { font-weight: 300;  color: #00308F; text-decoration: none;}
.sidebar2 a { font-weight: 300;  color: #00308F; text-decoration: none; }
.sidebar2 a:visited { font-weight: 300;  color: #00308F; text-decoration: none; }
.sidebar2 a:active { font-weight: 300;  color: #00308F; text-decoration: none; }

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

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

/* New 6-2005: 006699; was 00308f  (=dblue)*/
.bluetext { font-weight: 600;  color: #006699; text-decoration: none; }
.bluetext a { font-weight: 600;  color: #006699; text-decoration: none; }
.bluetext a:visited { font-weight: 600;  color: #006699; text-decoration: none; }
.bluetext a:active { font-weight: 600;  color: #006699; text-decoration: none; }

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

/* New 6-2005: FFCC00; was F2B900 */
.yellowtext { font-weight: 600;  color: #FFCC00; text-decoration: none; }
.yellowtext a { font-weight: 600;  color: #FFCC00; text-decoration: none; }
.yellowtext a:visited { font-weight: 600;  color: #FFCC00; text-decoration: none; }
.yellowtext a:active { font-weight: 600;  color: #FFCC00; text-decoration: none; }

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

/* New UMKC blue is too light (6-2005): 006699; keep darker blue (00308f) as dblue */
.dbluetext { font-weight: 600;  color: #00308F; text-decoration: none; }
.dbluetext a { font-weight: 600;  color: #00308F; text-decoration: none; }
.dbluetext a:visited { font-weight: 600;  color: #00308F; text-decoration: none; }
.dbluetext a:active { font-weight: 600;  color: #00308F; text-decoration: none; }

.dbluetext2 { font-weight: 300;  color: #00308F; text-decoration: none;}
.dbluetext2 a { font-weight: 300;  color: #00308F; text-decoration: none; }
.dbluetext2 a:visited { font-weight: 300;  color: #00308F; text-decoration: none; }
.dbluetext2 a:active { font-weight: 300;  color: #00308F; text-decoration: none; }

.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: #00308F;
}

/* _______________ use in masterheader _______________ */
.form_boxes {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	font: bold 10px Helvetica;
	vertical-align: middle;
	color: #006699;
}


/* _______________ use in masterfooter _______________ */
.footertext {
	font-family: Verdana;
	text-decoration: none;
	color: #006699;
	font-size: 9px;
	padding-left: 10px;
}
.footertext A {
	color: #006699;
	text-decoration: underline;
}
.footertext A:visited {
	color: #006699;
	text-decoration: underline;
}
.footertext A:active {
	color: #006699;
	text-decoration: underline;
}
.footertext A:hover {
	color: #006699;
	text-decoration: underline;
}
.bluefooter {
	font-family: Helvetica, sans-serif;
	text-decoration: none;
	color: #006699;
	font-size: 11px;
	font-weight: bold;
}
.bluefooter A {
	font-family: Helvetica, sans-serif;
	text-decoration: none;
	color: #006699;
	font-size: 11px;
	font-weight: bold;
}
.bluefooter A:visited {
	font-family: Helvetica, sans-serif;
	text-decoration: none;
	color: #006699;
	font-size: 11px;
	font-weight: bold;
}
.bluefooter A:active {
	font-family: Helvetica, sans-serif;
	text-decoration: none;
	color: #006699;
	font-size: 11px;
	font-weight: bold;
}
.bluefooter A:hover {
	font-family: Helvetica, sans-serif;
	text-decoration: none;
	color: #006699;
	font-size: 11px;
	font-weight: bold;
}

/* _______________ colors _______________ */
.bg_dblue {
	background-color : #00308F;
}
.bg_blue {
	background-color : #006699;
}
.bg_grey {
	background-color : #3E5E81;
}
.lgrey {
	color : #CCCCCC;
}
.grey {
	color : #3E5E81;
}
.wgrey {
	color : #AAAAAA;
}
.black {
	color : #000000;
}
.blue {
	color : #006699;
}
.dblue {
	color : #00308F;
}
/* "blue" is same color as "sidebar" and "bluetext" in umkc.css (Was 00308F until 6-2005 when this was renamed 'dblue' for dark-blue; NEW=006699 named 'blue' */
.yellow {
	color : #FFCC00;
}
/* "gold NEW in 2005 = FFCC00 in header/footer = F2B900; darker yellow usable better in dark-grey and white background is F28900 */
.orange {
	color : #F28900;
}

/* _______________ lists _______________ */

ul {
	list-style-type: disc;
	}
ul li {
	font : 12px Verdana, Arial;
	}
ol li {
	font : 12px Verdana, Arial;
	}

/* _______________ tables _______________ */

TD.caption {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	color: #006699;
}
TD.header1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	background-color: #006699;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
TD.header2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #006699;
	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.row1 a{
	color: #005AC0;
}
TD.row1 a:visited{
	color: #006699;
}
TD.row1 a:active{
	color: #6289B4;
}
TD.row2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color:#EEEEEE;
}
TD.row2 a{
	color: #005AC0;
}
TD.row2 a:visited{
	color: #006699;
}
TD.row2 a:active{
	color: #6289B4;
}
TD.row3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color:#DDDDDD;
}
TD.row3 a{
	color: #005AC0;
}
TD.row3 a:visited{
	color: #006699;
}
TD.row3 a:active{
	color: #6289B4;
}
TD.row4 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color:#CCCCCC;
}
TD.row4 a{
	color: #005AC0;
}
TD.row4 a:visited{
	color: #006699;
}
TD.row4 a:active{
	color: #6289B4;
}
TD.footer {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	background-color: #006699;
	color: #FFFFFF;
}