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

body { font-size: 12px; font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; line-height: 18px; text-align: center; color: #333; background: #000; padding: 0 0 50px; }
table, th, td { font-size: 14px; font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color: #333; }

a:link, a:visited	{ color: #c03; 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; }

object { margin: 0px; padding: 0px; display: inline; }

hr { border: 1px solid #999; margin: 5px 0; clear: both; display: block; }

h3 { font-size: 15px; color: #333; }

h4 { font-size: 13px; }

#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; }
#container { left: -1px; * left: 1px; _left: 1px; } 

/* 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: 517px; height: 93px; padding-right: 20px; }

#qlnk_box { position: absolute; top: 30px; left: 10px; width: 220px; }

#search_box { position: absolute; top: 10px; left: 275px; 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; }
#home #header	{ height: 150px; }
.logo		{ position: absolute; left: 16px; height: 69px; }
.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	{ position: absolute; top: 4px; left: 455px; z-index: 100; }
#accesslinks li	{ float: left; list-style: none; font-weight: bold; font-size: 10px; width: 110px; }
#accesslinks li a:link, #accesslinks li a:visited	{ display: block;  height: 28px; line-height: 28px; padding-left: 15px; 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: 462px; 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 -2px; border-top: 1px solid #fcc; border-width: 1px 0; margin: 0; z-index: 50; }
#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: #330000 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: #ff9; background: #e58813 url(../images/nav.gif) 0 -30px; }
#nav li.on	{ background: #333 url(../images/nav.gif) 0 -60px; }

#nav li.nav1	{ width: 190px; }
#nav li.nav2	{ width: 160px; }
#nav li.nav3	{ width: 150px;  }
#nav li.nav4	{ width: 477px; margin: 0; }

.hidden { display: none; }

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

.button	{ border: 1px solid #660000; background-color: #990000; color: #fff; font-size: 9px; font-weight: bold; padding: 4px; }
a.button:link, a.button:visited	{ color: #fff; text-decoration: none; }
a.button:hover				{ color: #fff; text-decoration: none; }

#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; }

.rss { float: right; padding: 10px 0 0 0; }

#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-bottom: 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; }
#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_featured h4 { padding: 0 0 0 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 10px; }
#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_dept .subdept  	{ font-size: 11px; width: 210px; }
#h_dept .subdept_links { padding: 3px 0 2px 0; }

#h_weather { width: 250px; background: url(../images/bg_dept.gif) repeat-y 50% 0; margin-bottom: 20px; }
#h_weather .container	{ width: 250px; }
#h_weather .container p { padding: 20px; }
#h_weather ul { float: left; padding: 15px 0 0 0; }
#h_weather li { list-style: none; width: 220px; padding: 0 0px 8px 20px; background: url(../images/icon_arrow.gif) no-repeat 10px 6px; }
#h_weather h3 .h_hdr			{ font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color:#333; }
#h_weather .top		{ background: url(../images/bg_top_dept.gif) no-repeat 50% 0; height: 11px; padding: 15px 0 0 10px; }
#h_weather .btm		{ background: url(../images/bg_btm_weather.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; }

#s_left_col { float: left; display: inline; padding: 5px 0 0 20px; 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; background: url(../images/bg_tile_180.gif) repeat-y 50% 0; }
#s_sidenav .container	{ width: 180px; }
#s_sidenav .container p { padding: 0 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 .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 20px 0 20px; width: 540px; }
#s_center_col ul { padding: 10px 10px 10px 25px; }
#s_center_col ul li { list-style: square; }
#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: 0 10px 10px 0; margin: 0; }
#s_center_col .right  {  float: right; padding: 0 0 10px 10px; margin: 0; }
#s_center_col h3 { padding-bottom: 10px; }
#s_center_col h2 { padding-bottom: 10px; line-height: normal; }
#s_center_col h4 { line-height: normal; }

#s_wide_col { float: left; display: inline; padding: 5px 20px 0 20px; width: 720px; }
#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; }

#s_center_col_design { float: left; display: inline; padding: 5px 20px 0 20px; width: 740px; }
#s_center_col_design .col { width: 245px; position: relative; float: left; }

/*#s_center_col_design ul { padding: 10px 10px 10px 25px; }
#s_center_col_design ul li { list-style: square; }
#s_center_col_design ol { padding: 10px 10px 10px 25px; }
#s_center_col_design table { margin: 0 0 20px 0; }
#s_center_col_design .quotes { font-size: 11px; color: #333; width: 200px; padding: 10px; float: right; }
#s_center_col_design .quotes h3 { font-size: 12px; color: #903; font-weight: bold; }
#s_center_col_design .left  {  float: left; padding: 0 10px 10px 0; margin: 0; }
#s_center_col_design .right  {  float: right; padding: 0 0 10px 10px; margin: 0; }
#s_center_col_design h3 { padding-bottom: 10px; }
#s_center_col_design h2 { padding-bottom: 10px; line-height: normal; }
#s_center_col_design h4 { padding-bottom: 10px; line-height: normal; }*/

.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; line-height: 18px; }
.content_justify { padding: 5px 0px 10px 0px; line-height: 18px; text-align: justify;}
.title_orange { color: #f60; padding: 5px 0 10px 0; line-height: 18px; font-weight:bold; font-style:italic; }
.title_gray { color: #666; padding: 5px 0 10px 0; line-height: 18px; font-weight:bold; font-style:italic; }
.title_red { color: #c03; padding: 5px 0 10px 0; line-height: 18px; font-weight:bold; font-style:italic; }
.title_black { padding: 5px 0 10px 0; line-height: 18px; font-weight:bold; font-style:italic; }
.list_indentation { margin-left: 40px; }

#pdf li.pdf { list-style: none; padding: 0 30px 10px 24px; background: url(../images/icon_pdf.gif) no-repeat 0 0; }

#h_mainimg { position: relative; top: -18px; height: 170px; width: 980px; margin: 0; z-index: 100; }

#s_mainimg { position: relative; top: -18px; height: 135px; width: 980px; margin: 0; z-index: 100; }

#s_right_col { float: right; display: inline; padding: 5px 20px 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 ol { padding: 0 10px 20px 25px; }

#s_col1 { float: left; display: inline; padding: 5px 20px 0 20px; width: 450px; border-right: 1px solid #333;}
#s_col1 h4 { padding: 5px 0; }
#s_col1 h3 { padding: 5px 0; }

#s_col2 { float: right; display: inline; padding: 5px 20px 0 20px; width: 449px; }
#s_col2 h4 { padding: 5px 0; }
#s_col2 h3 { padding: 5px 0; }

#s_col { float: left; display: inline; padding: 5px 20px 0 20px; width: 940px; }

.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: #ccc; padding: 5px; }
	
.sidebar { padding: 10px; }

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

.gallery { clear: both; }
.gallery img { position: relative; padding: 0 10px 20px 0; float: right; }

.template { position: relative; padding: 20px 10px 20px 0; float: left; width: 220px; text-align: center; }

.template_design { width: 220px; text-align: center; }

.right { float: right; }
.left { position: relative; float: left; display: inline; clear: right; }

.ipod_icon { padding: 0 5px 0 0; }

.red { color: #c03; }
.orange { color: #f60; }
.grey { color: #333; }

#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 input { padding: 4px; }
#footer .footer_btn  { padding: 10px 0 0 0; }

#feedback { position: relative; float: right; margin: 40px 15px 0 0; _margin: 40px 7px 0 0; padding: 4px; width: 150px; border: 1px solid #999; font-size: 10px; background: #e8e4e4; text-align: center;} #footer input { padding: 1px; }