@charset "utf-8";
/* CSS Document */

body
{
	margin: 0px;
	padding: 0px;
	background: #000 url(images/bg.jpg) no-repeat scroll center 70px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

#header
{
	height: 70px;
	background: transparent url(images/header-bg.jpg) repeat-x scroll top left;
}

#header_wrapper
{
	width: 754px;
	margin: 0px auto;
	height: 60px;
	padding-top: 10px;
}

#header_links
{
	float: right;
	font-size: 12px;
	margin-top: 0px;
	vertical-align: top;
}

.fb_edge_widget_with_comment
{
	vertical-align: top;
	float: right;
}

#content
{
	width: 754px;
	margin: 76px auto 0px auto;
	overflow: hidden;
}

#left-content
{
	width: 512px;
	margin-left: 14px;
	background-image: url(images/black-bg.png);
	padding: 0px 10px;
	float: left;
}

#menu
{
	width: 206px;
	float: left;
	margin-top: 20px;
}

#menu-title
{
	margin-bottom: 10px;
}

.button
{
	height: 40px;
	display: block;
	width: 206px;
	background-position: 0px 0px;
}

.button span
{
	display: none;
}

#btnAcademics
{
	background-image: url(images/menu/academics.png);
}

#btnFaculty
{
	background-image: url(images/menu/faculty.png);
}

#btnStudents
{
	background-image: url(images/menu/students.png);
}

#btnAdmission
{
	background-image: url(images/menu/admission.png);
}

#btnFundraising
{
	background-image: url(images/menu/fundraising.png);
}

#btnAlumni
{
	background-image: url(images/menu/alumni.png);
}

#btnCampusDevelopment
{
	background-image: url(images/menu/campusdevelopment.png);
}

#btnFinances
{
	background-image: url(images/menu/finances.png);
}

#btnPhotos
{
	background-image: url(images/menu/photos.png);	
}

.button:hover
{
	background-position: 0px -40px;	
}

#left-content ul li a
{
	color: #FFF;
	text-decoration: none;
}

#left-content ul li a:hover
{
	text-decoration: underline;
}

#header_links a
{
	color: #FFF;
}

#black_overlay
{
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background: transparent url(http://www.knox.edu/images/web/overlay_bg.png) repeat scroll top left;
    z-index:1001;
}

div.modal
{
	position: absolute;
	top: 100px;
	left: 50%;
	width: 760px;
	margin-left: -380px;
	z-index: 1002;
}

div.modal_header
{
	width: 745px;
	height: 41px;
	background: transparent url(images/modal-top.png) no-repeat scroll top left;
	font-size: 30px;
	padding-top: 10px;
	padding-left: 15px;
	display: block;
}

div.modal_body
{
	width: 730px;
	height: 320px;
	background-color: #F8F7F2;
	padding: 15px;
	color: #333;
	overflow: auto;
	border-bottom: solid 1px #c2b5d3;
	display: block;
}

div.modal_tabs
{
	width: 760px;
	height: 49px;
	background: transparent url(images/modal-btm.png) no-repeat scroll top left;
	display: block;	
	overflow: hidden;
}

a.tab,
a.current:hover
{
	display: block;
	background-position: 0px 0px;
	height: 49px;
	overflow: hidden;
	float: left;
}

a.tab:hover,
a.current
{
	background-position: 0px -49px;
}

a.tab span,
a.closeBtn span
{
	display: none;
}

a.learntab
{
	background-image: url(images/tabs/learnmore.png);
	width: 142px;
}

a.watchtab
{
	background-image: url(images/tabs/watch.png);
	width: 102px;
}

#tab_academics_text
{
	background-image: url(images/tabs/academics.png);
	width: 130px;
}

#tab_faculty_text
{
	background-image: url(images/tabs/faculty.png);
	width: 99px;
}

#tab_students_text
{
	background-image: url(images/tabs/students.png);
	width: 109px;
}

#tab_admission_text
{
	background-image: url(images/tabs/admission.png);
	width: 124px;
}

#tab_fundraising_text
{
	background-image: url(images/tabs/fundraising.png);
	width: 136px;
}

#tab_alumni_text
{
	background-image: url(images/tabs/alumni.png);
	width: 97px;
}

#tab_campusdevelopment_text
{
	background-image: url(images/tabs/campusdevelopment.png);
	width: 232px;
}

#tab_finances_text
{
	background-image: url(images/tabs/finances.png);
	width: 112px;
}

a.closeBtn
{
	background: transparent url(images/modal-close.png) no-repeat scroll top left;
	display: block;
	height: 37px;
	width: 37px;
	position: absolute;
	right: -10px;
	top: -10px;	
}

div.modal_body a
{
	color: #502d7f;
}

ul.link-list
{
	list-style: none;
}

ul.link-list li
{
	margin-bottom: 20px;
}

.video-text
{
	margin-top: 0px;
	margin-left: 10px;
	float: left; 
	width: 220px;
	line-height: 24px;
}