/* CSS DOCUMENT */
* 	{ margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; }
img, a img	{ border: 10px; padding:0 10px 10px 10px; }

body { font-size: 12px; font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; line-height: 16px; text-align: center; color: #333; background: #ccc; padding: 0 0 50px; }


a:link, a:visited	{ color: #c00000; text-decoration: underline; }
a:hover				{ color: #999; }
/*a.arrow:link, a.arrow:visited, p.arrow a:link, p.arrow a:visited	{ background: url(../images/icon_arrow.gif) no-repeat 0 5px; padding-left: 10px; text-align: left; text-decoration: none; }  */
a.arrow:hover		{ text-decoration: underline; }

hr { border: 1px solid #999; margin: 15px 0 30px 0; /* padding: 20px; */}

#bg			{ background: url(../images/bg.gif) repeat-y 50% 0; }
/* #bg_top		{ background: url(../images/bg_top.gif) no-repeat 50% 0; height: 14px; padding: 10px 0 0; }    */
#bg_btm		{ background: url(../images/bg_btm.gif) no-repeat 50% 100%; padding: 0 0 20px; }
#container	{ position: relative; width: 980px; margin: auto; text-align: left; background: #fff; }



/* h2 is used in the nav bar headers */
h2 {
font-family:Arial, Helvetica, sans-serif;
color:#c00000;
font-size: 160%;
margin:0 0 3px 0;
/* background:#800000 url(/images/kbg002.gif) repeat-x top; */
/* border:1px solid #000000; */
clear:right;
letter-spacing:.25em;
padding:12px 0 12px 8px;
}


h3 {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
border: 1px solid #000000;
font-size:100%;
margin:12px 0 2px 0px;
background:#333333 /*url(/images/kbg004.gif) repeat-x top */;
clear:right;
letter-spacing:.25em;
padding:4px 0px 0px 2px;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
color:#c00000;
font-size: 120%;
margin:0 0 3px 0;
/* background:#333333 url(/images/kbg004.gif) repeat-x top; */
/* border:1px solid #000000; */
clear:right;
/* letter-spacing:.25em; */
padding:4px 0 10px 8px;
}






/* HEADER TOOLS*/
#offleft { position: absolute; top:0; left:-3000px; width:500px; }
#offleft li { list-style: none; margin: 0; padding: 0; }
#offleft p { padding: 0 0 10px 0; }

/*
#hdr_box { position: relative; float: right; background: url(../images/bg_hdr_box.gif) no-repeat; width: 600px; height: 20px; top: 80px; padding-right: 20px; }
#qlnk_box { position: absolute; top: 368px; left: 359px; width: 220px; }
#search_box { position: absolute; top: 226px; left: 103px; width: 200px; }
*/

/* positioning of form elements below */


/*
.topform { margin-bottom:2px; border:1px solid #c00; }
#qlnkwrap { position: relative; float: left; margin-left: 10px; padding-top: 10px; width: 225px; }
#qlnkwrap *{ margin:0; padding:2px; }
#searchwrap { width: 258px; }
#q { margin:0; padding:0; clear:none; }
#sa { clear:none; margin:0; padding:0; }
#searchwrap p{ padding:10px 0 10px 0; font-size:90%; display: inline; }
#gbut { margin:0; padding:0; border:1px solid #f60; background-color:#0c0; }
*/

/* end positioning of form elements */




/* HEADER */
#header		{ position: relative; width: 980px; background: url(../images/header_pict04.gif); }
#home #header	{ height: 154px; }
.logo		{
	position: absolute;
	left: 16px;
	height: 73px;
	top: 24px;
}
.mainimg	{ position: absolute; top: 110px; left: 0px; border-top: 1px solid #fff; }
#locator	{ position: absolute; padding: 75px 0 10px 15px; font-size: 11px; font-weight: bold; }

#accesslinks	
{
	background: url(../images/accesslinksback.gif);
	padding-left: 317px;
	position: absolute;
	top: 0px;
	right:0px;
	z-index: 100;
	width: 663px;
}

#accesslinks li	{ float: left; list-style: none; font-weight: bold; font-size: 10px; width: 110px; text-align: right; }
#accesslinks li a:link, #accesslinks li a:visited	{ display: block;  height: 24px; line-height: 28px; text-decoration: none; }
#accesslinks li a:hover	{text-decoration: underline; }
/* #accesslinks li.skip a:link, #accesslinks li.skip a:visited		{ background: url('../images/icon_skip.gif') no-repeat 5px 12px; }  */
/* #accesslinks li.accessibility a:link, #accesslinks li.accessibility a:visited		{ background: url(../images/icon_accessibility.gif) no-repeat 10px 7px; text-align: center; }  */

/*
#csunlinks	{ position: absolute; top: 60px; left: -20px; width: 517px; padding: 0 20px 0 0; }
#csunlinks li	{ float: right; list-style: none; font-weight: bold; font-size: 10px; }
#csunlinks li a:link, #csunlinks li a:visited	{ display: block;  height: 30px; line-height: 30px; text-decoration: none; }
#csunlinks li a:hover	{text-decoration: underline; }
#csunlinks li.portal a:link, #csunlinks li.portal a:visited		{ background: url(../images/icon_portal.gif) no-repeat 0 3px;  width: 85px; padding-left: 15px; }
#csunlinks li.peoplefinder a:link, #csunlinks li.peoplefinder a:visited		{ background: url(../images/icon_peoplefinder.gif) no-repeat 0 7px;  width: 120px; padding-left: 18px; }
#csunlinks li.atoz a:link, #csunlinks li.atoz a:visited		{ background: url(../images/icon_atoz.gif) no-repeat 0 10px; width: 115px; padding-left: 20px; }
#csunlinks li.webmail a:link, #csunlinks li.webmail a:visited		{ background: url(../images/icon_webmail.gif) no-repeat 0 10px;  width: 70px; padding-left: 15px; }
*/

#nav	{ position: absolute; top: 100px; bottom: 0; left: 0; height: 53px; width: 980px; background: url(../images/nav_bg.gif) repeat-x 0 0px; border-top: 0px solid #fcc; border-width: 1px 0; margin: 0; z-index: 10; }
* html #nav { padding-left: 0px; }
#nav li	{ float: left; list-style: none; height: 30px; margin-right: 1px; text-align: center; }
#nav a:link, #nav a:visited, #nav li.on	{ display: block;background: #600000 url(../images/nav.gif); height: 30px; line-height: 30px; text-decoration:none; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; }
#nav a:hover	{ color: #b3b3b3; background: #770000 url(../images/nav.gif) 0 -5px; }
#nav li.on	{ background: #000000 url(../images/nav.gif) 0 -60px; }

#nav li.students		{ width: 120px; }
#nav li.prospective		{ width: 230px; }
#nav li.facultystaff	{ width: 180px; }
#nav li.news			{ width: 100px; }
#nav li.degreeprograms	{ width: 210px; }
#nav li.deanspage		{ width: 135px; margin: 0; }

.hidden { display: none; }

#h_main_img { position: relative; top: -18px; height: 150px; width: 980px; background: url('../images/3picts.jpg') no-repeat; margin: 0; z-index: 100 }

/*
input.button	{ border: 1px solid #660000; background-color: #990000; color: #fff; font-size: 10px; font-weight: bold; padding: 1px; }

#h_column1 { position: relative; float: left; width: 250px; margin: 0 20px 0 20px; display: inline; padding: 5px 0 0 0; }

#h_column2 { position: relative; float: left; width: 400px; margin: 0 20px 0 0; display: inline; padding: 5px 0 0 0; }

#h_column3 { position: relative; float: right; width: 250px; margin: 0 20px 0 0; display: inline; padding: 5px 0 0 0; }

#h_students { width: 250px; background: url(../images/bg_module.gif) repeat-y 50% 0; }
#h_students .container	{ width: 250px; }
#h_students .container p { padding: 0 10px 10px 10px; }
#h_students h3	{ font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color:#333; padding: 6px 10px 0 10px; }
#h_students .top		{ background: url(../images/bg_top_students.jpg) no-repeat 50% 0; height: 50px; padding: 25px 0 0 0; }
#h_students .btm		{ background: url(../images/bg_module_btm.gif) no-repeat 50% 100%; height: 20px; clear: both; }

#h_parents { width: 250px; background: url(../images/bg_module.gif) repeat-y 50% 0; }
#h_parents .container	{ width: 250px; }
#h_parents .container p { padding: 0 10px 10px 10px; }
#h_parents h3	{ font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color:#333; padding: 6px 10px 0 10px; }
#h_parents .top		{ background: url(../images/bg_top_parents.jpg) no-repeat 50% 0; height: 50px; padding: 25px 0 0 0; }
#h_parents .btm		{ background: url(../images/bg_module_btm.gif) no-repeat 50% 100%; height: 20px; clear: both; }

#h_faculty { width: 250px; background: url(../images/bg_module.gif) repeat-y 50% 0; }
#h_faculty .container	{ width: 250px; }
#h_faculty .container p { padding: 0 10px 10px 10px; }
#h_faculty h3	{ font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color:#333; padding: 6px 10px 0 10px; }
#h_faculty .top { background: url(../images/bg_top_faculty.jpg) no-repeat 50% 0; height: 50px; padding: 25px 0 0 0; }
#h_faculty .btm	{ background: url(../images/bg_module_btm.gif) no-repeat 50% 100%; height: 20px; clear: both; }

#h_staff { width: 250px; background: url(../images/bg_module.gif) repeat-y 50% 0; }
#h_staff .container	{ width: 250px; }
#h_staff .container p { padding: 0 10px 10px 10px; }
#h_staff h3	{ font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color:#333; padding: 6px 10px 0 10px; }
#h_staff .top { background: url(../images/bg_top_staff.jpg) no-repeat 50% 0; height: 50px; padding: 25px 0 0 0; }
#h_staff .btm	{ background: url(../images/bg_module_btm.gif) no-repeat 50% 100%; height: 20px; clear: both; }

.h_img { padding-bottom: 20px; }

#h_calendar { width: 400px; background: url(../images/bg_calendar.gif) repeat-y 50% 0; }
#h_calendar h3.hdr { font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color: #333; padding: 10px 0 0 5px; }
#h_calendar .container	{ width: 400px; }
#h_calendar .container p { padding: 4px 0 0 15px; }
#h_calendar .top	{ background: url(../images/bg_top_calendar2.gif) no-repeat 50% 0; height: 35px; padding: 0 0 0 15px; }
#h_calendar .btm		{ background: url(../images/bg_btm_calendar.gif) no-repeat 50% 100%; height: 10px; clear: both; }
#h_calendar .container form { padding: 0 20px; }
#h_calendar img { float: right; margin: 0 20px 0 0; }
#h_calendar ul { width: 400px; margin: 0; font-size: 11px; }
#h_calendar li { list-style: none; width: 360px; padding: 10px 20px; border-bottom: 1px dashed #999; }
#h_calendar li.on { background-color: #ebebeb; border-bottom: 1px dashed #999; width: 360px; background: url(../images/bg_calendar_gry.gif) repeat-y 50% 0;}
#h_calendar em { font-size: 10px; }
#h_calendar a:link, #h_calendar a:visited	{ text-decoration: none; }
#h_calendar a:hover	{text-decoration: underline; }
#h_calendar .line { border-bottom: 1px dashed #999; }

#status1 { display: none; }

#h_featured { width: 400px; background: url(../images/bg_featured_400px.gif) repeat-y 50% 0; margin-top: 20px; }
#h_featured .container	{ width: 400px; }
#h_featured .container p { padding: 15px 20px 10px 20px; }
#h_featured img		{ float: right; padding: 20px 20px 10px 20px; }
#h_featured .top	{ background: url(../images/bg_top_poll.gif) no-repeat 50% 0; height: 20px; padding: 10px 0 0 15px; }
#h_featured .btm		{ background: url(../images/bg_btm_featured_400px.gif) no-repeat 50% 100%; height: 10px; clear: both; }
#h_featured h3.hdr 	{ font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color:#333; padding: 0 0 0 5px; }
#h_featured a:link, #h_featured a:visited	{ text-decoration: none; }
#h_featured a:hover	{text-decoration: underline; }
#h_featured form { padding: 0 20px 10px 20px; }

#h_dept { width: 250px; background: url(../images/bg_dept.gif) repeat-y 50% 0; }
#h_dept .container	{ width: 250px; min-height: 200px; }
#h_dept .container p { padding: 20px; }
#h_dept ul { float: left; padding: 15px 0 0 0; }
#h_dept li { list-style: none; width: 220px; padding: 0 0px 8px 20px; background: url(../images/icon_arrow.gif) no-repeat 10px 6px; }
#h_dept h3 .h_hdr			{ font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color:#333; }
#h_dept .top		{ background: url(../images/bg_top_dept.gif) no-repeat 50% 0; height: 14px; padding: 10px 0 0 10px; }
#h_dept .btm		{ background: url(../images/bg_btm_dept.gif) no-repeat 50% 100%; height: 20px; clear: both; }

#h_poll { width: 250px; background: url(../images/bg_dept.gif) repeat-y 50% 0; margin-top: 20px; }
#h_poll .container	{ width: 250px; }
#h_poll .container p { padding: 0 20px 10px 20px; }
#h_poll img		{ float: left; padding: 0 20px 0 20px; }
#h_poll .top	{ background: url(../images/bg_top_dept.gif) no-repeat 50% 0; height: 20px; padding: 10px 0 0 15px; }
#h_poll .btm		{ background: url(../images/bg_btm_dept.gif) no-repeat 50% 100%; height: 20px; clear: both; }
#h_poll h3.hdr 	{ font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color:#333; padding: 0 0 0 5px; }
#h_poll a:link, #h_featured a:visited	{ text-decoration: none; }
#h_poll a:hover	{text-decoration: underline; }
#h_poll form { padding: 0 20px 10px 20px; }
*/






table {
	border-spacing:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#E7E7E7;
	color: #6b6b6b;
}

caption {
	font-weight: bold;
	background: #cd0000 url(corner.gif) no-repeat right top;
	border-bottom:2px solid #800000;
	color: #FFF;
	text-transform:uppercase;
	padding:10px;
}

td, th {
	padding: 4px;
}

thead th {
	text-align: center;
	background: #F5F5F5;
	color: #666;
	border: 1px solid #FFF;
	text-transform:uppercase;
}

tbody th {
	font-weight: bold;
}

tbody tr		{
	background-color:#FFF; 
	text-align:left;
	}
tbody tr.odd 	{
	background: #f9f9f9;
	border-top:1px solid #FFF;
}

tbody th a:link, tbody th a:visited{
	color:#800000;
	background:url(../../../picts2/layout.gif) no-repeat; 
	padding:3px 0px 0px 18px;
	}
tbody th a:hover{
	color:#cd0000;
	}

tbody tr td { 
	height:50px;
	background: #FFF;
	border: 1px solid #FFF;
	}

tbody tr.odd td{ 
	background: #f9f9f9;
	border-top:1px solid #FFF;
	}

table td a:link, table td a:visited {
	color: #1975D7;
	text-decoration: none;
}

table td a:hover {
	color: #50ADEA;
	border-bottom:2px solid #8FD5FF;
	text-decoration: none ;
}
tbody td a[href="http://www.infectedfx.net"] {
	margin: 0 auto;
	height: 15px;
	background: url(http://infectedfx.net/css/tables/ok.gif) no-repeat;
	border-bottom: 0;
	padding:3px 0px 0px 18px;
	font-weight:bold;
	color:#FF8601;
}

table a[title^="Download"] { 
	background: url(http://infectedfx.net/css/tables/down.gif) no-repeat center;
	padding:20px 0px 0px 15px;
}

tfoot th, tfoot td {
	background-color:#E7E7E7; padding:10px;
	text-align:center; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px; font-weight:bold; font-style:italic;
	border-bottom:3px solid #CCC;
	border-top:1px solid #DFDFDF;
}




#s_left_col { float: left; display: inline; padding: 5px 10px 0px 10px; width: 180px; background: #fff; }
#s_left_col p { padding: 10px 20px 0 0; clear: both; }
#s_left_col p.contact { font-size: 10px; line-height: 10px; }

#s_sidenav { position: relative; float: left; width: 180px; border:1px solid #CCCCCC; /* background: url(../images/bg_tile_180.gif) repeat-y 50% 0;  */ }
#s_sidenav .container	{ width: 180px; }
#s_sidenav .container p { padding: 0px 10px 10px 10px; }
#s_sidenav /* h3 */ { font-size: 12px; padding: 0 10px 0 10px; }
#s_sidenav .container form { padding: 10px 10px; }
#s_sidenav /*h3 */ .h_hdr	{ font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color:#333; }
/* #s_sidenav .top	{ background: url(../images/bg_top_180.gif) no-repeat 50% 0; height: 10px; }  */
/* #s_sidenav .btm	{ background: url(../images/bg_btm_180.gif) no-repeat; width: 180px; height: 20px; }  */
#s_sidenav ul {  width: 160px; padding: 0 10px 0 10px; }
#s_sidenav li { list-style: none; padding: 0 10px 10px 10px; background: url(../images/icon_arrow.gif) no-repeat 0 6px; font-size: 11px; }
#s_sidenav strong { font-size: 11px; font-weight: normal; }
#s_sidenav .heading { font-size: 13px; font-weight: bold; color: #333; }
#s_sidenav a:link, a:visited { color: #c00000; text-decoration: none; }
#s_sidenav .heading a:link, #s_sidenav .heading a:visited { text-decoration: none;}
#s_sidenav .heading a:hover { text-decoration: none; }
#s_center_col { float: left; display: inline; padding: 5px 5px 0 20px; width: 520px; }
#s_center_col ul { padding: 10px 10px 10px 25px; }
#s_center_col ul li { list-style: inside; font-size: 14px}
#s_center_col ol { padding: 10px 10px 10px 25px; }
#s_center_col table { margin: 0 0 20px 0; }
#s_center_col .quotes { font-size: 11px; color: #333; width: 200px; padding: 10px; float: right; }
#s_center_col .quotes /* h3 */ { font-size: 12px; color: #903; font-weight: bold; }
#s_center_col .left  {  float: left; padding: 0px 10px 10px 0px; margin: 0; }
#s_center_col .right  {  float: right; padding: 0px 0px 10px 10px; margin: 0; }


/* minimum height for understanding browsers */
#s_center_col {
  min-height: 34.5em; 
  height: auto;
}
/* minimum height for Internet Explorer */
/*\*/
* html #content_wrapper {
height: 34.5em;
}
/**/
#s_wide_col p { padding: 0px 0px 12px 0px; }
#s_wide_col { float: left; display: inline; padding: 5px 20px 0 20px; width: 700px; }
#s_wide_col ul { padding: 10px 10px 20px 25px; }
#s_wide_col ul li { list-style: square; }
#s_wide_col ol { padding: 10px 10px 20px 25px; }
#s_wide_col table { margin: 0 0 20px 0; }
#s_wide_col .quotes { font-size: 11px; color: #333; width: 200px; padding: 10px; float: right; }
#s_wide_col .quotes /* h3 */ { font-size: 12px; color: #903; font-weight: bold; }
#s_wide_col .left  {  float: left; padding: 0 10px 10px 0; margin: 0; }
#s_wide_col .right  {  float: right; padding: 0 0 10px 10px; margin: 0; }


/* minimum height for understanding browsers */

#s_wide_col {

  min-height: 34.5em; 

  height: auto;

}


.breadnav { padding-bottom: 20px; font-size: 10px; }
.breadnav a:link, .breadnav a:visited	{ font-size: 10px; text-decoration: none; }
.breadnav a:hover	{ font-size: 10px; text-decoration: underline; }

.backtop { font-size: 10px; }

.content { padding: 5px 0 10px 0; }

.red { color: #ff0000; }

#s_right_col { float: right; display: inline; padding: 5px 10px 0 0; width: 180px; }
#s_right_col p.sidebar { padding: 12px 0 12px 0; }
#s_right_col img { margin: 0; padding: 0; display: inline; }
#s_right_col ul { padding: 0 10px 20px 25px; }
#s_right_col ul li { list-style: square; }
#s_right_col ol { padding: 0 10px 20px 25px; }


#r_sidenav {
	position: relative;
	float: right;
	width: 180px;
	padding: 5px 10px 0px 10px;
	border:1px solid #CCCCCC;
	/* background: url(../images/bg_tile_180.gif) repeat-y 50% 0;  */
	top: 2px;
}
#r_sidenav .container	{ width: 180px; }
#r_sidenav .container p { padding: 0 10px 10px 10px; }
#r_sidenav /* h3 */ { font-size: 12px; padding: 0 10px 0 10px; }
#r_sidenav .container form { padding: 10px 10px; }
#r_sidenav /* h3 */ .h_hdr	{ font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color:#333; }
/* #r_sidenav .top	{ background: url(../images/bg_top_180.gif) no-repeat 50% 0; height: 10px; }  */
/* #r_sidenav .btm	{ background: url(../images/bg_btm_180.gif) no-repeat; width: 180px; height: 20px; }  */
#r_sidenav ul {  width: 160px; padding: 0 10px 0 10px; }
#r_sidenav ul li { list-style: none; }
#r_sidenav li { list-style: none; padding: 0 10px 10px 10px; background: url(../images/icon_arrow.gif) no-repeat 0 6px; font-size: 11px; }
#r_sidenav strong { font-size: 11px; font-weight: normal; }
#r_sidenav .heading { font-size: 13px; font-weight: bold; color: #333; }
#r_sidenav a:link, a:visited { color: #c00000; text-decoration: none; }
#r_sidenav .heading a:link, #s_sidenav .heading a:visited { text-decoration: none;}
#r_sidenav .heading a:hover { text-decoration: none; }

/*
.chart	{ position: relative; border: 1px solid #999; width: 100%; }
.chart th, thead	{ position: relative;  border: 1px solid #999; font-size: 10px; font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color: #fff; background: #600; padding: 5px; }
.chart td, tbody { position: relative; border: 1px solid #999; font-size: 10px; font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color: #333; background: #fff; padding: 5px; }
*/
.sidebar { padding: 10px; }

#footer		{ background: url(../images/bg_footer.gif) no-repeat bottom left; font-size: 10px; line-height: 13px; color: #000; clear: both; }
#footer p	{ padding: 45px 0 5px 20px;  width: 725px; }
#footer .feedback { position: relative; float: right; margin: 40px 15px 0 0; padding: 4px; width: 175px; border: 1px solid #999; font-size: 10px; background: #e8e4e4; }
#footer input { padding: 4px; }
#footer .footer_btn  { padding: 10px 0 0 0; }

#footer .easteregg {
	text-decoration:none; 
	color:inherit;
}

/* CSS Form class */
.form label, .form input, .form textarea, .form select, .form .form_text {
display:block;
float:left;
margin-bottom:5px;
}
/* the .form_group class allows you to put multiple form items in a single div, as if it were a row. */
.form .form_group select, .form .form_group .form_text, .form .form_group input {
margin-right:5px;
}
.form label {
text-align:right;
width:150px;
margin-right:15px;
}
/* this little line of code here is essential, it makes everything work. */
.form br {
clear:both;
}
