body {
	padding:0px;
	margin:0px;

	font-family:Calibri, Verdana, Helvetica, sans-serif;
	font-size:16px;

	background-color:#efefef;
	font-weight:600;
}

.container {
	background-color:#ffffff;
}

/* Header Formatting */
#headerContent {
	background-color:#005fbc;

	text-align:center;
	margin:0px;
	padding:0px;
}

#headerContent .documentTitle {
	padding:10px 0px 10px 0px;
}

.tablinks {
	margin:0px;

	font-size:16px;
	font-weight:bold;

	border-bottom:1px solid #af000b;
	height:22px
}

.tablinks ul {
	padding:0px;
	margin:0px;
}

/* af000b with ffffff print, outlined by ffdb49 and light up the way the Jayhawk Café does (Below). */

.tablinks ul li {
	list-style-type:none;
	display:inline;

	margin-left:5px;
	margin-right:5px;

	padding:2px 5px 3px 5px;

	vertical-align:bottom;

	background-color:#af000b;

	border-top:1px solid #ffdb49;
	border-left:1px solid #ffdb49;
	border-right:1px solid #ffdb49;
	border-bottom:1px solid #ffffff;
}

.tablinks ul li.current {
	background-color:#ffffff;
	border-top:1px solid #af000b;
	border-left:1px solid #af000b;
	border-right:1px solid #af000b;
	border-bottom:1px solid #ffffff;
}

.tablinks ul li a {
	color: #ffffff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:95%;
}

.tablinks ul li.current a {
	color: #af000b;
}

.tablinks ul li:hover {
	padding:1px 4px 2px 4px;

	background-color:#ffffff;

	border-top:2px solid #af000b;
	border-left:2px solid #af000b;
	border-right:2px solid #af000b;
	border-bottom:2px solid #ffffff;
}

.tablinks ul li:hover a {
	color: #0022b4;
}

.tablinks ul li.current:hover {
	padding:2px 5px 3px 5px;

	background-color:#ffffff;

	background-color:#ffffff;
	border-top:1px solid #af000b;
	border-left:1px solid #af000b;
	border-right:1px solid #af000b;
	border-bottom:1px solid #ffffff;
}

.tablinks ul li.current:hover a {
	color: #af000b;
}

/* Footer Formatting */
#footerContent {
	background-color:#005fbc;
}

/* General and Content Formatting */
div.image {
	padding:5px;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

img {
	border:0px solid #000000;
}

p {
	margin-top:0px;
	padding-top:0px;
}

.alert {
	color:#cc0000;
}

input {
	border:1px solid #000000;
}

textarea {
	border:1px solid #000000;
}

.center {
	text-align:center;
}

.underline {
	text-decoration:underline;
}

.bold {
	font-weight:bold;
}

.noList {
	list-style:none;
	padding-left:0px;
}

.noBottomPadding {
	margin-bottom:0px;
	padding-bottom:0px;
}

.noTopPadding {
	margin-top:0px;
	padding-top:0px;
}

.big {
	font-size:125%;
}

.small {
	font-size:75%;
}

.indent {
	text-indent:25px;
}

th {
	text-align:left;
}

/*******************************/
.slideshow {
	overflow:hidden;
	position:relative;

	width:600px;
	height:450px;
	/*height:240px;*/
}

.slideshow img {
	margin:0 auto;
	padding:0;

	width:600px;

	/* Need these to overlap & center images */
	position:absolute;
	top:0;
	left:0;
}