/* 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: 16px; text-align: center; color: #333; background: #ccc; padding: 0 0 50px; }
table, th, td { font-size: 12px; 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; background: url(../images/icon_arrow_gry.gif) no-repeat 0 5px; }

hr { border: 1px solid #999; }

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

/* 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: 10px; }

#qlnk_box { position: absolute; top: 30px; left: 20px; 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: 465px; 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: 517px; padding: 0 20px 0 0; } */

#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; height: 53px; width: 980px; background: url(../images/nav_bg2.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.mainnav1	{ width: 120px; }
#nav li.mainnav2	{ width: 200px; }
#nav li.mainnav3	{ width: 210px; }
#nav li.mainnav4	{ width: 190px; }
#nav li.mainnav5	{ width: 165px; }
#nav li.mainnav6	{ width: 90px; margin: 0; }

.hidden { display: none; }

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; top: -15px; width: 250px; margin: 0 20px 0 20px; display: inline; padding: 0; }

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

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

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

#h_calendar { width: 400px; background: #FFF; margin-bottom: 10px; }
/*
#h_calendar { width: 400px; background: url(../images/bg_calendar_gry.gif) repeat-y 50% 0; margin-bottom: 10px; }
*/
#h_calendar h3.hdr { font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color: #333; padding: 10px 0 0 0; font-size: 14px; }
/*
#h_calendar h3.hdr { font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color: #333; padding: 10px 0 0 65px; background: url(../images/news_events.png) no-repeat 0 2px; height: 50px; }
*/
#h_calendar .container	{ width: 400px; background: url(../images/bgtile_askmatty.gif) repeat-y 50% 0;}
#h_calendar .container p { padding: 4px 0 0 15px; }
#h_calendar .top	{ background: url(../images/bg_top_calendar2.gif) no-repeat 50% 0; height: 30px; padding: 0 0 0 15px; }
#h_calendar .btm		{ background: url(../images/bg_btm_calendar.gif) #fff no-repeat; height: 30px; font-size: 11px; clear: both; padding: 4px 0;} 
#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_drkgry.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; }
#h_calendar .left_col {width: 265px; float: left;}
#h_calendar .right_col {width: 89px; float: right;}

#h_askmatty { width: 400px; background: url(../images/bgtile_askmatty.gif) repeat-y 50% 0; margin: 0 0 10px 0; }
#h_askmatty h3 { color: #333; padding: 10px 0 0 0; font-size: 14px; }
#h_askmatty .container	{ width: 400px; }
#h_askmatty .container p { padding: 4px 0 0 15px; }
#h_askmatty .top	{ background: url(../images/box_askmatty_top.gif) no-repeat 50% 0; height: 14px; padding: 0 0 0 15px; }
#h_askmatty .btm		{ background: url(../images/box_askmatty_btm.gif) #fff no-repeat; height: 14px; font-size: 11px; clear: both; padding: 4px 0;} 
#h_askmatty .container form { padding: 0 20px; }
#h_askmatty a:link, #h_askmatty a:visited	{ text-decoration: none; }
#h_askmatty a:hover	{text-decoration: underline; }
.logo_askmatty { float: left; padding: 0 20px; }

.h_box_border { width: 400px; background: url(../images/bgtile_askmatty.gif) repeat-y 50% 0; margin: 0 0 10px 0; }
.h_box_border h3 { color: #333; padding: 10px 0 0 0; font-size: 14px; }
.h_box_border .container	{ width: 400px; }
.h_box_border .container p { padding: 4px 0 0 15px; }
.h_box_border .top	{ background: url(../images/box_askmatty_top.gif) no-repeat 50% 0; height: 14px; padding: 0 0 0 15px; }
.h_box_border .btm		{ background: url(../images/box_askmatty_btm.gif) #fff no-repeat; height: 14px; font-size: 11px; clear: both; padding: 4px 0;} 
.h_box_border .container form { padding: 0 20px; }
.h_box_border a:link, .h_box_border a:visited	{ text-decoration: none; }
.h_box_border a:hover	{text-decoration: underline; }

.h_box_border2 { width: 400px; background: url(../images/bgtile_askmatty.gif) repeat-y 50% 0; margin: 0 0 10px 0; }
.h_box_border2 h3 { color: #333; padding: 10px 0 0 0; font-size: 14px; }
.h_box_border2 .container	{ width: 400px; }
.h_box_border2 .container p { padding: 4px 15px; }
.h_box_border2 .top	{ background: url(../images/box_askmatty_top.gif) no-repeat 50% 0; height: 14px; padding: 0 0 0 15px; }
.h_box_border2 .btm		{ background: url(../images/box_askmatty_btm.gif) #fff no-repeat; height: 14px; font-size: 11px; clear: both; padding: 4px 0;} 
.h_box_border2 .container form { padding: 0 20px; }
.h_box_border2 a:link, .h_box_border2 a:visited	{ text-decoration: none; }
.h_box_border2 a:hover	{text-decoration: underline; }

#status1 { display: none; }

#map_h_mainimg { position: relative; top: -18px; height: 176px; width: 980px; background: url(../images/h_map.jpg) no-repeat; margin: 0; z-index: 100; }
#map_h_mainimg p { color: #000; width: 600px; padding: 65px 0 0 35px; }
* html #map_h_mainimg { padding-left: 1px; }

#h_mainimg { position: relative; top: -18px; height: 176px; width: 980px; background: url(../images/h_main_img.jpg) no-repeat; margin: 0; z-index: 100; }
#h_mainimg p { color: #000; width: 600px; padding: 65px 0 0 35px; }
#h_mainimg h4 { color: #f60; width: 600px; padding: 10px 0 10px 35px; }
* html #h_mainimg { padding-left: 1px; }

#h_mainimg2 { position: relative; top: -18px; height: 176px; width: 980px; background: url(../images/h_main_img2.jpg) no-repeat; margin: 0; z-index: 100; }
#h_mainimg2 p { color: #fff; width: 600px; padding: 65px 0 0 35px; }
#h_mainimg2 h4 { color: #fff; width: 600px; padding: 10px 0 10px 35px; }
#h_mainimg2 { padding-left: 1px; * padding-left: 1px; _padding-left: 1px; }

.img_rt { float: right; padding: 0 20px 10px 10px; }

.h_box { width: 250px; background: url(../images/bg_dept.gif) repeat-y 50% 0; margin: 0 0 10px 0; clear: both; }
.h_box .container	{ width: 250px; }
.h_box .container p { padding: 0 20px 10px 20px; }
.h_box img		{ float: left; padding: 0 20px 0 20px; }
.h_box .top	{ background: url(../images/bg_top_dept.gif) no-repeat 50% 0; height: 20px; padding: 10px 0 0 15px; }
.h_box .btm		{ background: url(../images/bg_btm_dept.gif) no-repeat 50% 100%; height: 20px; clear: both; }
.h_box .top h3 	{ font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color:#333; padding: 0 0 20px 5px; font-size: 14px; }
.h_box a:link, .h_box a:visited	{ text-decoration: none; }
.h_box a:hover	{text-decoration: underline; }
.h_box form { padding: 0 20px 10px 20px; }
.h_box ul { width: 250px; margin: 0 0 0 40px; z-index: 10000; }
.h_box ul li { list-style: square; width: 210px; margin-bottom: 10px; }
/*.h_box li { list-style: none; width: 210px; padding: 10px 20px; border-bottom: 1px dashed #999; }
.h_box li.on { background-color: #ebebeb; border-bottom: 1px dashed #999; width: 210px; background: url(../images/bg_calendar_drkgry.gif) repeat-y 50% 0;}
*/

#h_location2 { width: 250px; background: url(../images/bg_dept.gif) repeat-y 50% 0; }
#h_location2 .container	{ width: 250px; }
#h_location2 .container p { padding: 0 20px 10px 20px; }
#h_location2 img		{ float: left; padding: 0 20px 0 20px; }
#h_location2 .top	{ background: url(../images/h_location_top.jpg) no-repeat 50% 0; width: 250px; height: 155px; }
#h_location2 .btm		{ background: url(../images/bg_btm_dept.gif) no-repeat 50% 100%; height: 20px; clear: both; }
#h_location2 h3 { padding: 0 20px 10px 20px; }
#h_location2 a:link, #h_location2 a:visited	{ text-decoration: none; }
#h_location2 a:hover	{text-decoration: underline; }
#h_location2 form { padding: 0 20px 10px 20px; }

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

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

/* 
#h_know { width: 250px; background: url(../images/bg_dept.gif) repeat-y 50% 0; }
#h_know .container	{ width: 250px; }
#h_know .container p { padding: 0 20px 10px 20px; }
#h_know .container ul { width: 230px; }
#h_know .container li { list-style: square; margin-left: 34px; padding-bottom: 10px; }
#h_know img		{ float: left; padding: 0 20px 0 20px; }
#h_know .top	{ background: url(../images/bg_top_dept.gif) no-repeat 50% 0; height: 20px; padding: 10px 0 0 15px; }
#h_know .btm		{ background: url(../images/bg_btm_dept.gif) no-repeat 50% 100%; height: 20px; clear: both; }
#h_know h3.hdr 	{ font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color:#333; padding: 0 0 0 5px; }
#h_know a:link, #h_know a:visited	{ text-decoration: none; }
#h_know a:hover	{text-decoration: underline; }
#h_know 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; 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 strong { font-size: 11px; }

#s_sidenav ul {  width: 160px; padding: 0 10px 0 10px; }
#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_sidenav li { padding: 0 10px 5px 10px; font-size: 11px; list-style: none; background: url(../images/icon_arrow.gif) no-repeat 0 6px; }

#s_sidenav ul.level1 { width: 145px; margin: 0; padding: 0; }
#s_sidenav li.level1 { list-style: none; background: url(../images/icon_arrow.gif) no-repeat 0 6px; }

#s_sidenav ul.level2 { width: 130px; margin: 0; padding: 0; }
#s_sidenav li.level2 { list-style: none; background: url(../images/icon_arrow_grey.gif) no-repeat 0 6px; }

#s_sidenav ul.level3 { width: 120px; margin: 0; padding: 5px 0 0 0; }
#s_sidenav li.level3 { list-style: none; background: url(../images/icon_square.gif) no-repeat 0 6px; }

#s_center_col { float: left; display: inline; padding: 5px 20px 0 20px; width: 540px; }
#s_center_col ul { padding: 10px 10px 10px 15px; }
#s_center_col ul li { list-style: square; }
#s_center_col ol { padding: 10px 10px 0 20px; }
#s_center_col ol li { padding: 0 0 10px 0; }
#s_center_col table { margin: 0 0 10px 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: #333; font-weight: bold; }
#s_center_col .left  {  float: left; padding: 10px 10px 5px 0; margin: 0; }
#s_center_col .right  {  float: right; padding: 10px 0 5px 10px; margin: 0; }
#s_center_col h3 { font-size: 14px; padding-bottom: 10px; }
#s_center_col h4 { font-size: 12px; } 

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

.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; }
.contentx { padding: 5px 0px 10px 0px; line-height: 18px; text-align: justify;}
.content_center { padding: 5px 0px 10px 0px; line-height: 18px; text-align:center ;}
.indt { padding: 5px 0px 10px 0px; line-height: 18px; text-align: justify; text-indent: 40px;}

.s_archive { width: 540px; }
.s_archive_col { width: 180px; float: left; }

.orange { color: #f60; }
.red { color:#cc0033;}
.white { color:#ffffff;}

#s_right_col { float: right; display: inline; padding: 5px 20px 0 0; width: 180px; }
#s_right_col img { margin: 0; padding: 0; display: inline; }
#s_right_col h3.title { font-size: 12px; color: #333; font-weight: bold; padding-top: 10px; }
#s_right_col ul { padding: 10px 10px 10px 15px; }
#s_right_col ul li { list-style: square; }
#s_right_col ol { padding: 10px 10px 0 20px; }
#s_right_col ol li { padding: 0 0 10px 0; }

.chart	{ position: relative; border: 1px solid #999; width: 100%; }
.chart th, thead	{ position: relative;  border: 1px solid #999; font-size: 12px; 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: 12px; font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color: #333; background: #ccc; padding: 5px; }
.chart2 td, tbody { position: relative; border: 1px solid #999; font-size: 12px; font-family: verdana, trebuchet ms, arial, helvetica, sans-serif; color: #333; background: #fff; padding: 5px; }

.list_indent {padding: 0 0 0 30px;}

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


/* PHOTO GALLERY */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.photo { width: 635px; height: 550px; text-align: left; position: relative; margin: 0 auto; }

.photo ul.topic { padding: 0; margin: 0; list-style: none; width: 635px; height: auto; position: relative; z-index: 10; }

.photo ul.topic li { display: block; width: 125px; height: 31px; float: left; }
.photo ul.topic li a.set { display: block; font-size: 11px; width: 124px; height: 30px; text-align: center; line-height: 30px; color: #000; text-decoration: none; border: 1px solid #fff; border-width: 1px 1px 0 0; background: #ccc; font-family: verdana, arial, sans-serif; }

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{ display: none; }

.photo ul.topic li.active a
{ color: #000; background: #bbb; }

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{ color: #fff; background: #aaa; }

.photo ul.topic li.active ul
{display: block; position: absolute; left: 0; top: 31px; list-style: none; padding: 0; margin: 0; height: 375px; background: #ddd; width: 464px; padding: 40px 60px; border: 20px solid #bbb; z-index: 1; }

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{ display: block; position: absolute; left: 0; top: 31px; list-style: none; padding: 0; margin: 0; height: 375px; background: #ddd; width: 464px; padding: 40px 60px; border: 20px solid #aaa; z-index: 100; }

.photo ul.topic li ul li
{ display: inline; width: 112px; height: 87px; float: left; border: 1px solid #fff; margin: 1px; }

.photo ul.topic li ul li a
{ display: block; width: 110px; height: 85px; cursor: default; float: left; text-decoration: none; background: #444; border: 1px solid #888; }

.photo ul.topic li ul li a img
{ display: block; width: 100px; height: 75px; border: 5px solid #eee; }

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{ white-space: normal; position: relative; }

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{ position: absolute; left: -50px; top: -32px; width: 200px; height: 150px; border-color:#fff; }

/* map */
#map p { padding: 10px; }
#map img { border: 0px solid #cc0000; }