/* CSS Document */
/****
Body Declarations
/
body {background-color:#E5E4E0; margin:0; padding:0; color:#333333; font-size:12px; line-height:16px; font-family: Arial, Helvetica,sans-serif;}
/****
Basic Text Declarations
/
.smallText { font-size:10px;}
ul { margin-top:3px;}
li { margin-top:3px;}
a { color:#027abf; text-decoration:none; font-weight:bold;}
a:hover { text-decoration: underline; font-weight:bold;}
strong { font-weight:bold;}
em { font-style:italic;}
/****
DIV Declarations
/
div#frontBanner { 
	background: #0c497f;
	background: -moz-linear-gradient(top, #0c497f 0%, #093862 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c497f), color-stop(100%,#093862));
	background: -webkit-linear-gradient(top, #0c497f 0%,#093862 100%);
	background: -o-linear-gradient(top, #0c497f 0%,#093862 100%);
	background: -ms-linear-gradient(top, #0c497f 0%,#093862 100%);
	background: linear-gradient(to bottom, #0c497f 0%,#093862 100%);

	color: white;
	padding: .1rem 0 .1rem 0;
	height: 63px;
}

#frontBanner h1 {
	font-size: 2rem;
	letter-spacing: 1px;
	line-height: 2;
	margin: 0;
}
/****
Headlines an Titles Declarations
/
h2 { color:#FFF; background-color:#093862; font-size:16px; line-height:19px; font-weight:bold; margin-bottom:7px; margin-top:0px; padding:4px; font-family: Helvetica, Arial, sans-serif;}
h3 { font-size:14px; line-height:17px; font-weight:bold; margin-bottom:3px; margin-top:0; font-family: Helvetica, Arial, sans-serif;}
td.pagetitle { background-color:#ffc20c; background-image:url(http://spu.edu/depts/um/images/oum-header-2014.jpg); height:200px;}
td.pagetitle h1 { display:none; }
td.pagetitle h1 a { display:none; }
td.pagetitle h1 a:hover { color:#3d998c; background-color:#ffffff; font-weight:bold; text-decoration:none;}
div#frontContent { width:750px; min-height:700px;}
div#frontStatement { clear:both; padding:0; text-align:left; font-size:12px; margin:0 0 30px 0;}
div#news { font-size:12px; color:#333333; width:470px; float:right; text-align:left; padding:18px 20px 0 0;}
div#sidebar { font-size:11px; color:#333333; width:200px; float:left; text-align:left; padding:20px;}
div#sidebar a { color:#3d998c; text-decoration:underline; font-weight:bold;}
div#sidebar a:hover { color:#3d998c; text-decoration:none;}
div#sidebar h1 { color:#FFF; background-color:#093862; font-family: Helvetica, Arial, sans-serif;font-size:17px; font-weight:bold; padding:4px; margin:0px;}
div#sidebar h2 { background:none; font-size:14px; margin-top:15px; margin-bottom:3px; color:#333333;}
div#sidebar h3 { font-size:13px; margin:15px 0 0 0; padding: 0 0 0 5px; color:#3d998c;background: url(/depts/um/images/bullet.png) no-repeat 0 50%;}
div#sidebar p {margin:0; padding-left:5px;}
/****
Charts
/
table.chart { font-size:10px;}
td.chart { background-color:#e5e4e0; padding:0px; padding-bottom:5px;}
td.chart ul { list-style-position:outside; margin:0px; padding: 0 4px 0 5px;}
td.chart li { list-style: none; background:url(/depts/um/images/arrow-bullet.gif) no-repeat left 2px ;padding-left:15px;}
table.chart h2 { font-size:14px; margin:0px; color:#093862; background-color:#ffc20c;}
table.chart h3 { font-size:12px; margin:0px; color:#333333; background-color:#cccccc; padding-left:3px;}
/****
Blockquote
/
blockquote { font-size:12px; line-height:14px; color:#333333; background-color:#e5e4e0; padding:10px;}
blockquote em { font-style:italic; font-size:12px; line-height:14px; color:#333333;}
blockquote em a { font-style:italic;}
/****
Calendar Declarations
/
a.calendarheader { color:#333333; font-size:13px; text-decoration:none; font-weight:bold;}
a.calendarheader:hover { color:#FFFFFF; background-color:#333333; font-size:13px; text-decoration:none; font-weight:bold;}
.calendartitle { color:#333333; font-size:10px; text-decoration:none; font-weight:bold;}
a.calendardates { color:#333333; font-size:10px; font-weight:bold; text-decoration:underline;}
a.calendardates:hover { color:#333333; font-size:10px; font-weight:bold; text-decoration:underline;}
.calendarmonth { color:#FFFFFF; font-size:9px; font-weight:bold; text-transform:uppercase;}
/****
Menu and Navigation Declarations
/
a.nav { color:#333333; font-size:10px; text-decoration:none; line-height:15px; text-align:left; font-weight:normal;}
a.nav:hover { color:#FFFFFF; font-size:10px; text-decoration:none; background-color:#59b0e2; text-align:left; font-weight:normal;}
.navtitle { color:#333333; font-size:12px; text-transform:uppercase; font-weight:bold; text-align:left; font-family:Helvetica, Arial, sans-serif;}
a.navselect { color:#FFFFFF; font-size:10px; background-color: #027abf; text-align:left;}
div#subnavigation { background-color:#FFFFFF; float:right; width:720px; vertical-align:middle; padding:10px; font-size:11px;}
.col { border-left: 1px solid #dddddd; padding-left:  10px; }
.col:first-child { border-left: none; }
/****
Image Declarations
/
img { border:0px;}
img.photo { margin-right:10px; margin-bottom:10px;}
img.photoLeft { margin-right:10px; margin-bottom:10px; float:left;}
img.photoRight { margin-left:10px; margin-bottom:10px; float:right;}
/*
Photo
*/
.photofeatureLeft { text-align:left; float:left; margin-top:0px; margin-right:10px; margin-bottom:10px; margin-left:0px; padding:0px; width:150px;}
.photofeatureRight { text-align:left; float:right; margin-top:0px; margin-left:20px; margin-bottom:10px; margin-left:0px; padding-left:30px; width:150px;}
.caption { font-size:10px; font-style:italic; line-height:13px; font-weight:normal; text-transform:none; color:#333333; text-decoration:none; padding-top:5px; margin-bottom:10px;}
.caption em { font-size:10px; font-style:normal;}
a.captionlink { font-size:10px; font-style:italic; line-height:11px; font-weight:normal; text-transform:none; text-decoration:underline;}
a.captionlink:hover { font-size:10px; font-style:italic; line-height:11px; font-weight:normal; text-transform:none; color:#333333; text-decoration:none;}
/****
Footer Declarations
/
div#footer { border-top:3px solid #666; color:#666; margin-top:7px; padding-top:4px; font-size:10px; width:100%;}
div#footer a { color:#666; text-decoration:underline; font-size:10px;}
div#footer a:hover { background: none; color:#666; text-decoration:none; font-size:10px;}
.footer_left { float:left; clear:left; font-size:10px;}
.footer_right { float:right;}
.footer_right a { padding-left:15px;}
.footer_bottom { color:#666; font-size:10px;}

/****
Table fixes
/
.w-750 {
	width: 750px;
}

.h-261 {
	height: 261px;
}

.border-0 {
	border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}

.align-c {
	margin-inline-start: auto;
    margin-inline-end: auto;
}

.cell-space-0 {
	-webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
}

.bg-col-dddddd {
	background-color: #dddddd;
}

.bg-col-ffffff {
	background-color: #ffffff;
}

.height-400 {
	height: 400px;
}

.align-l {
	text-align: -webkit-left;
}

.align-r {
	text-align: -webkit-right;
}

.valign-t {
	vertical-align: top;
}

.pad-10 {
	padding: 10px;
}

.w-100-per {
	width: 100%;
}

.w-22-per {
	width: 22%;
}

.cellpad-4 {
	padding: 4px;
}

.cell-space-4 {
	-webkit-border-horizontal-spacing: 4px;
    -webkit-border-vertical-spacing: 4px;
}