body {
	font-family: verdana, sans;
}

#master_container {
	margin: 1px auto;
	width: 1040px;
	background-image: url("../images/esg_bg_border.png");
	background-repeat: repeat-y;

}
#container {
	border-top: 1px solid #BBB;
	margin-left: 40px;
	width: 962px;
}

#logo {
	position: relative;
	background-image: url("../images/logo_bg.jpg");
	margin-left: auto;
	width: 960px;
	height: 160px;
	font: normal 30px arial, verdana, serif; 
}

#logo_text {
	position: relative;
	padding-top: 60px;
	padding-left: 100px;
}

#top_menu {
	height: 20px;
	width: 961px;
	margin-left: 1px;
	position: relative;
}

#top_menu .button {
	background-image: url("../images/menu_button.gif");
	float: left;
	height: 25px;
	margin-right: 1px;
	text-align: center;
	width: 100px;
}

.button_end {
	background-image: url("../images/menu_button.gif");
	float: left;
	text-align: center;
	height: 25px;
	width: 173px;
}

#top_menu .button {
	background-image: url("../images/menu_button.gif");
	float: left;
	height: 25px;
	margin-right: 1px;
	text-align: center;
	width: 100px;
}

a:link, a:visited {
	color: #6666ff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border-right: 2px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-top: none;
	border-left: none;
}


.button a, .button a:visited {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	font-family: verdana, sans;
	color: #FFF;
}

.button a:hover {
	text-decoration: none;
	color: #CCC;
}

#content {
	margin-top: 15px;
	margin-left: 25px;
	width: 910px;
}

#footer {
	width: 100%;
	border-bottom: 1px solid #BBB;
	margin-top: 10px;
	text-align: center;
	font-size: 11px;
}

h1 {
	font-size: 20px;
	font-family: verdana, sans;
	border-bottom: 1px solid #EEE;
	font-weight: normal;
}
h2 {
	font-size: 16px;
	font-family: verdana, sans;
	color: #555;
	font-weight: bold;
}

#news_box {
	width: auto;
	height: 470px;
	min-height: 470px;
}

.news_title {
	font-size: 16px;
	border-bottom: 1px solid #DDD;
	width: 100%;
}

.news_box_left {
	position: relative;
	margin-left: 10px;
	text-align: justify;
	width: 440px;
}

.news_box_right {
	position: relative;
	margin-top: -440px;
	margin-left: 495px;
	text-align: justify;
	width: 420px;
}

.slideshow {
	height: 420px;
	width: 440;
	padding: 0;
	margin: 0;
}

.slideshow img {
	top: 0;
	left: 0;
}

#gallery {
	overflow: hidden;
}

#gallery a:link {
	text-decoration: none;
}

#gallery li {
	list-style-image: url("/static_media/images/bullet.gif")
}

.thumbnail {
	position: relative;
	height: 140px;
	width: 160px;
	float: left;
	margin: 5px;
	text-align: center;
	vertical-align: bottom;
}

.thumbnail_num {
	position: absolute;
	bottom: 0;
	left: 50%;
	right: 50%;
}

.thumbnail a:link {
	text-decoration: none;
}

#dir li {
	list-style-image: url("/static_media/images/icon_folder_blue.gif")
}

#file li {
	list-style-image: url("/static_media/images/file_icon.gif")
}

#file {
	margin-left: 16px;
	margin-top: -15px;
}

#full {
	margin-top: 10px;
}

#full_caption {
	width: 480;
}

#topnav {
	width: 100%;
	text-align: center;
}

#events {
	border-top: 1px solid #CCC;
	width: 100%;
}

.events_title {
	margin: 0 auto;
	font-weight: bold;
	display: block;
	text-align: center;
	width: 200px;
}

#lower_content {
	border-top: 1px solid #CCC;
	width: 100%;
}

/* Image Map */

dl#volz_map {
	margin: 0;
	padding: 0;
	background: url(/static_media/images/map/map_key.jpg) top left no-repeat;
	position: relative;
	left: 130px;
	height: 775px;
	width: 667px;
}
dl#volz_building_map {
	margin: 0;
	padding: 0;
	background: url(/static_media/images/map/volz_building_map.jpg) top left no-repeat;
	position: relative;
	left: 130px;
	height: 775px;
	width: 667px;
}

a#show_building {
	position: absolute;
	margin-left: -15px;
	margin-top: 80px;
}

a#show_map {
	position: absolute;
	margin-left: -15px;
	margin-top: 80px;
}


dd#m1 a { top: 37px; left: 257px; position: absolute; width: 29px; height: 29px; }
dd#m2 a { top: 190px; left: 433px; position: absolute; width: 29px; height: 29px; }
dd#m3 a { top: 304px; left: 373px; position: absolute; width: 29px; height: 29px; }
dd#m4 a { top: 349px; left: 290px; position: absolute; width: 29px; height: 29px; }
dd#m5 a { top: 403px; left: 357px; position: absolute; width: 29px; height: 29px; }
dd#m6 a { top: 473px; left: 327px; position: absolute; width: 29px; height: 29px; }
dd#m7 a { top: 406px; left: 275px; position: absolute; width: 29px; height: 29px; }
dd#m8 a { top: 402px; left: 245px; position: absolute; width: 29px; height: 29px; }
dd#m9 a { top: 444px; left: 233px; position: absolute; width: 29px; height: 29px; }
dd#m10 a { top: 474px; left: 223px; position: absolute; width: 29px; height: 29px; }
dd#m11 a { top: 466px; left: 192px; position: absolute; width: 29px; height: 29px; }
dd#m12 a { top: 526px; left: 194px; position: absolute; width: 29px; height: 29px; }
dd#m13 a { top: 412px; left: 164px; position: absolute; width: 29px; height: 29px; }
dd#m14 a { top: 449px; left: 154px; position: absolute; width: 29px; height: 29px; }
dd#m15 a { top: 493px; left: 162px; position: absolute; width: 29px; height: 29px; }
dd#m16 a { top: 523px; left: 162px; position: absolute; width: 29px; height: 29px; }
dd#m17 a { top: 563px; left: 113px; position: absolute; width: 25px; height: 29px; }
dd#m18 a { top: 560px; left: 163px; position: absolute; width: 29px; height: 29px; }
dd#m19 a { top: 580px; left: 140px; position: absolute; width: 22px; height: 29px; }
dd#m20 a { top: 600px; left: 164px; position: absolute; width: 29px; height: 23px; }
dd#m21 a { top: 580px; left: 198px; position: absolute; width: 29px; height: 29px; }
dd#m22 a { top: 625px; left: 168px; position: absolute; width: 29px; height: 29px; }
dd#m23 a { top: 653px; left: 120px; position: absolute; width: 29px; height: 29px; }
dd#m24 a { top: 594px; left: 104px; position: absolute; width: 29px; height: 29px; }
dd#m25 a { top: 534px; left: 90px; position: absolute; width: 29px; height: 29px; }
dd#m26 a { top: 734px; left: 15px; position: absolute; width: 29px; height: 29px; }
dd#m27 a { top: 639px; left: 27px; position: absolute; width: 29px; height: 29px; }
dd#m28 a { top: 665px; left: 0px; position: absolute; width: 26px; height: 29px; }
dd#m29 a { top: 641px; left: 383px; position: absolute; width: 29px; height: 29px; }
dd#m30 a { top: 594px; left: 303px; position: absolute; width: 29px; height: 29px; }
dd#m31 a { top: 569px; left: 342px; position: absolute; width: 29px; height: 29px; }
dd#m32 a { top: 455px; left: 294px; position: absolute; width: 29px; height: 29px; }
dd#m33 a { top: 566px; left: 276px; position: absolute; width: 29px; height: 29px; }
dd#m34 a { top: 605px; left: 220px; position: absolute; width: 29px; height: 29px; }
dd#m35 a { top: 552px; left: 210px; position: absolute; width: 29px; height: 29px; }
dd#m36 a { top: 553px; left: 415px; position: absolute; width: 29px; height: 29px; }
dd#m37 a { top: 456px; left: 500px; position: absolute; width: 29px; height: 29px; }
dd#m38 a { top: 423px; left: 498px; position: absolute; width: 29px; height: 29px; }
dd#m39 a { top: 383px; left: 423px; position: absolute; width: 29px; height: 29px; }

/* cluetip */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/static_media/images/map/cluetip/images/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #FFF;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #FFF;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 0px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #FFF;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #FFF;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 20px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 0px 0px;
  color: #FFF;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(/static_media/images/map/cluetip/images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(/static_media/images/map/cluetip/images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(/static_media/images/map/cluetip/images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(/static_media/images/map/cluetip/images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(/static_media/images/map/cluetip/images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(/static_media/images/map/cluetip/images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(/static_media/images/map/cluetip/images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(/static_media/images/map/cluetip/images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(/static_media/images/map/cluetip/images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(/static_media/images/map/cluetip/images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(/static_media/images/map/cluetip/images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(/static_media/images/map/cluetip/images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(/static_media/images/map/cluetip/images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(/static_media/images/map/cluetip/images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(/static_media/images/map/cluetip/images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(/static_media/images/map/cluetip/images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}