body,li,td {
  font-family: Tahoma, sans-serif;
  font-size: 12px;
  line-height: 130%;
}

body {
  margin: 0px;
  padding: 0px;
  background-color: #000000;
  background-image: url(../x-images/bkg_body.jpg);
  background-repeat: repeat-x;
  text-align: center; /* centered positioning */
}

h2 {
  font-size: 16px;
  color: #553672;
}

h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}

ul {
  margin: 5px 0 20px 0;
  padding-left: 0;
}

li {
  margin-bottom: 3px;
  margin-left: 30px;
}

.catchphrase {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  margin: 35px 0 15px 0;
}

a {
  /* color: #2a32a1; */
  color: #333366;
}

a:visited {
  /* color: #000000; */
  color: #333366;
}

a:hover {
  /* color: #812aa1; */
  color: #990000;
}

a:active {
  color: #000000;
}

#container {
  width: 819px;
  margin: 2px auto; /* centered positioning */
  text-align: left; /* centered positioning */
  background-color: #000000;
}

#header {
  width: 100%;
  height: 119px;
  background-image: url(../x-images/bkg_header.jpg);
  background-repeat: no-repeat;
}

#menu-outer {
  height: 28px;
  background-color: #000000;
  background-image: url(../x-images/bkg_menu.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  text-align: left; /* center child element in IE */
  font-weight: bold;
  margin: 0;
  text-decoration: none;
  color: #ffffff;
}
#menu-outer #UltraWebMenu1_MainM table 
{
	padding: 6px 20px 6px 19px;
}

#menu-inner {
/*  width: 791px;*/
  margin: 0 0 0 1px; /* center an element in non-IE browsers */
}

#menu-outer .current {
  color: #fff1b8;
  background-image: url(../x-images/bkg_menubtn-active.jpg);
  background-repeat: repeat-x;
  padding: 6px 20px 6px 19px;
}

#home-photo {
  width: 819px;
  height: 212px;
  background-image: url(../x-images/home_success.jpg);
  background-repeat: no-repeat;
  background-position: center;
}
#home-photo2 {
  width: 819px;
  height: 212px;
  background-image: url(../x-images/home_success2.jpg);
  background-repeat: no-repeat;
  background-position: center;
}
#home-photo3 {
  width: 819px;
  height: 212px;
  background-image: url(../x-images/home_success3.jpg);
  background-repeat: no-repeat;
  background-position: center;
}
#home-photo4 {
  width: 819px;
  height: 212px;
  background-image: url(../x-images/home_success4.jpg);
  background-repeat: no-repeat;
  background-position: center;
}
#subpage-photo {
  width: 566px;
  height: 150px;
  background-image: url(../x-images/harmony_lessen.jpg);
  background-repeat: no-repeat;
  background-position: center;
}
#subpage-photo2 {
  width: 566px;
  height: 150px;
  background-image: url(../x-images/presence_dataentry.jpg);
  background-repeat: no-repeat;
  background-position: center;
}

#buttonbar {
  width: 819px;
  height: 93px;
  background-image: url(../x-images/bkg_buttonbar.jpg);
  background-repeat: repeat-x;
}

#buttonbar ul {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#buttonbar li {
  display: inline;
  white-space: nowrap;
  /border: 1px solid black; /* fix for IE6 */
}

#buttonbar li a {
  margin: 5px 0 0 10px;
}

#li_breeze a {
  float: left;
  margin: 0;
  padding: 0;
  background-image: url(../x-images/btn_breeze.jpg);
  background-repeat: no-repeat;
}

#li_breeze a:hover {
  /* color: #ffd9ff; */
  background-image: url(../x-images/btn_breeze.jpg);
  background-repeat: no-repeat;
  background-position: 0 -83px;
}

#li_harmony a {
  float: left;
  margin: 0;
  padding: 0;
  background-image: url(../x-images/btn_harmony.jpg);
  background-repeat: no-repeat;
}

#li_harmony a:hover {
  /* color: #ffd9ff; */
  background-image: url(../x-images/btn_harmony.jpg);
  background-repeat: no-repeat;
  background-position: 0 -83px;
}

#li_presence a {
  float: left;
  margin: 0;
  padding: 0;
  background-image: url(../x-images/btn_presence.jpg);
  background-repeat: no-repeat;
}

#li_presence a:hover {
  /* color: #ffd9ff; */
  background-image: url(../x-images/btn_presence.jpg);
  background-repeat: no-repeat;
  background-position: 0 -83px;
}

#li_harmony_wide a {
  float: left;
  margin: 0;
  padding: 0;
  background-image: url(../x-images/btn_harmony_wide.jpg);
  background-repeat: no-repeat;
}

#li_harmony_wide a:hover {
  /* color: #ffd9ff; */
  background-image: url(../x-images/btn_harmony_wide.jpg);
  background-repeat: no-repeat;
  background-position: 0 -83px;
}

#li_presence_wide a {
  float: left;
  margin: 0;
  padding: 0;
  background-image: url(../x-images/btn_presence_wide.jpg);
  background-repeat: no-repeat;
}

#li_presence_wide a:hover {
  /* color: #ffd9ff; */
  background-image: url(../x-images/btn_presence_wide.jpg);
  background-repeat: no-repeat;
  background-position: 0 -83px;
}


#content {
  width: 100%;
}

#content td.left {
  width: 196px;
}

#content td.right {
}

#td-contentleft {
  vertical-align: top;
}

#td-contentright {
  vertical-align: top;
}


/* ====== Left Box ====== */
#leftbox {
  width: 196px;
  margin: 30px 0 0 0; /* last value dist from left */
  padding: 0;
  background-image: url(../x-images/bkg_leftbox.jpg);
  background-repeat: repeat-y;
}

#leftbox-top {
  height: 28px;
  background-image: url(../x-images/bkg_leftbox-top.jpg);
  background-repeat: no-repeat;
  background-position: top;
  padding: 0 22px 0 18px;
}

#leftbox-top h3 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #404040;
  padding: 3px 0 0 9px;
  margin: 0;
}

#leftbox-body { /* leftbox td */
  background-image: url(../x-images/bkg_leftbox-body.jpg);
  background-repeat: no-repeat;
  background-position: top;
  padding: 0 0 21px 0;
}

#leftbox-body #UltraWebMenu2_MainM
{
	width: 169px;
	margin: 5px 0 0 8px;
/*	padding: 0 0 0 8px;*/
	text-align: center;
	color: #fff;
}

#leftbox-body #UltraWebMenu2_MainM table
{
	width: 180px;
	padding: 2px 3px 2px 0;
	background-image: url(../x-images/bkg_submenubtn.jpg);
	background-repeat: repeat-x;
	background-color: #40085a;
	border-top: 1px solid #ac9ab4;
	border-bottom: 1px solid #624272;
}

#leftbox-body .current 
{
	color: #fff1b8;
	font-weight: bold;
}

#leftbox-btm {
  height: 3px;
}


/* ====== Right Box ====== */
#rightbox {
  width: 590px;
  margin: 30px 0 0 31px; /* last value dist from left */
  padding: 0px;
  background-image: url(../x-images/bkg_rightbox.jpg);
  background-repeat: repeat-y;
  vertical-align: top;
}

#rightbox-top {
  height: 28px;
  background-image: url(../x-images/bkg_rightbox-top.jpg);
  background-repeat: no-repeat;
  background-position: top;
  padding: 0 22px 0 18px;
}

#rightbox-top h2 {  
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #553672;
  padding: 3px 0 0 0;
  margin: 0;
}

#rightbox-body {
  background-image: url(../x-images/bkg_rightbox-body.jpg);
  background-repeat: no-repeat;
  background-position: top;
  padding: 6px 12px 20px 12px;
}

#rightbox-btm {
  height: 3px;
}


/* ====== Wide Box ====== */
#widebox {
  width: 819px;
  margin: 30px 0 0 0; /* last value dist from left */
  padding: 0px;
  background-image: url(../x-images/bkg_widebox.jpg);
  background-repeat: repeat-y;
  background-position: 3px 0;
  vertical-align: top;
  clear: both;
}

#widebox-top {
  height: 28px;
  background-image: url(../x-images/bkg_widebox-top.jpg);
  background-repeat: no-repeat;
  background-position: 3px 0;
  padding: 0 22px 0 18px;
}

#widebox-top h2 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #553672;
  padding: 3px 0 0 0;
  margin: 0;  
}

#widebox-body {
  background-image: url(../x-images/bkg_widebox-body.jpg);
  background-repeat: no-repeat;
  background-position: 3px 0;
  padding: 15px 32px 20px 28px;
}

#widebox-btm {
  height: 3px;
  padding: 0 0 0 3px;
}


#footer {
  clear: both;
  padding: 20px 10px 10px 10px;
}

#footer p {
  text-align: center;
  font-size: 10px;
  color: #ffffff;
  margin: 0;
}

#footer a {
  color: #ffffff;
}



/* ====== Sub Menu ====== */
#leftbox-body ul {
  width: 169px;
  /width: 188px; /* fix for IE */
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}
/* Without the above 'fix for IE'
the submenu buttons don't extend
across the entire menu area (too short) */

#leftbox-body li {
  margin: 0 0 0 0;
  padding: 0;
}

#leftbox-body li a {
  color: #ffffff;
  display: block;
  width: 169px;
  margin: 0 0 0 8px; /* button distance from left */
  padding: 2px 3px 2px 8px; /* text position within button */
  background-image: url(../x-images/bkg_submenubtn.jpg);
  background-repeat: repeat-x;
  background-color: #40085a;
  border-top: 1px solid #ac9ab4;
  border-bottom: 1px solid #624272;
}

#leftbox-body a:link, #leftbox-body a:visited {
  color: #ffffff;
  text-decoration: none;
}

#leftbox-body a:hover {
  background-image: url(../x-images/bkg_submenubtn-hover.jpg);
  background-repeat: repeat-x;
  background-color: #65327e;
  /*
  border-top: 1px solid #624272;
  border-bottom: 1px solid #ac9ab4;
  */
  text-indent: 0px;
}

/* Live Sub Menu Item - IE doesn't like a:link */
#leftbox-body #currentsub a {
  color: #fff1b8;
  font-weight: bold;
  background-image: url(../x-images/bkg_submenubtn-active.jpg);
  background-repeat: repeat-x;
  /*
  border-top: 1px solid #ac9ab4;
  border-bottom: 1px solid #624272;
  */
  text-indent: 0px;
}

#leftbox-body #currentsub a:hover {
  color: #fff1b8;
  font-weight: bold;
  background-image: url(../x-images/bkg_submenubtn-active.jpg);
  background-repeat: repeat-x;
  text-indent: 0px;
}


/* Contact Form
-------------------------*/
#contact .td-label, #conference .td-label {
  width: 105px;
  text-align: right;
  padding: 5px 10px 0 0;
  vertical-align:top;
}
#contact input, #conference input {
  width: 250px;
  margin: 1px 0 1px 0;
}
#contact input.formbtn, #conference input.formbtn {
  width: 175px;
}
#contact span.errormessage, #conference span.errormessage {
	color:#f00;
	float:left;
	width:450px;
}
#contact span.required, #conference span.required {
  color:#9d2826;
  font-weight: bold;
  display: inline;
}
#contact select, #conference select {
  margin: 1px 0 1px 0;
}
#contact textarea, #conference textarea {
  width: 250px;
  height: 150px;
}
#contact contact.formerror, #conference contact.formerror {
	color: #f00;
}

#conference span#cblProsceniumPrograms input#cblProsceniumPrograms_0, #conference span#cblProsceniumPrograms input#cblProsceniumPrograms_1 {
	width: 13px;
	height: 13px;
	margin: 2px 5px 15px 0;
	padding: 0 0 0 0;
	float:left;
	clear:left;
}
#conference span#cblProsceniumPrograms label {
	width: 200px;
	text-align: left;
	margin: 0 10px 5px 0;
	vertical-align:middle;
	float:left;
	clear:right;
}