body {padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; background:#FFFFFF; background-color:#FFFFFF}

#container {width: 940px; height: 642px; margin: 2px auto; padding: 0; position: relative; z-index: 1;}
	
#header {width: 940px; height: 26px; margin: 0 auto; clear: both; position: absolute; left: 0; top: 0; }
#main {width: 924px; height: 448px; margin: 0; overflow: hidden; clear: both; position: absolute; left: 8px; top: 27px;  _z-index: -1; #z-index: -1;  #_/z-index: -1;}
#main:first-of-type {  z-index: -1;}
#shadow_l {width: 8px; height: 566px; margin: 0; float: left; position: absolute; left: 0; top: 26px; background-color: #fff;} /*outside #main to the left*/
#shadow_r {width: 8px; height: 566px; margin: 0; float: right; position: absolute; left: 932px; top: 26px; } /*outside #main to the right*/
#shadow_b {width: 924px; height: 8px; margin: 0; clear: both; position: absolute; left: 8px; top: 474px;  } /*within #main*/

/*-------left side panel--------*/
#sidebar {margin: 0; width: 259px; height: 448px; background-color: #000; float: left; position: relative; background: #000 url(../images/bg_88.jpg) left -13px no-repeat; z-index: 5; }

#sidenav1 {width:200px; position: absolute; right: 705px; top: 550px; _top: 547px; #top: 547px; #_/top: 547px; z-index: 7; text-align:center;} /* SAP */
#sidenav1 a {font-family: Helvetica, Arial, sans-serif; font-size: 8pt; font-weight: bold; color: #CA1F7B; text-decoration: none;} /* SAP */
#sidenav1 a:hover { color: #CA1F7B;} /* SAP */
#sidenav1 span {font-family: Helvetica, Arial, sans-serif; font-size: 8pt; font-weight: bold; color: #CA1F7B; text-decoration: none;} /* SAP */

#sidenav1s {width:200px; position: absolute; right: 715px; top: 320px; _top: 317px; #top: 317px; #_/top: 317px; z-index: 7; text-align:center;} /* SAP */
#sidenav1s a {font-family: Helvetica, Arial, sans-serif; font-size: 8pt; font-weight: bold; color: #CA1F7B; text-decoration: none;} /* SAP */
#sidenav1s a:hover { color: #CA1F7B;} /* SAP */
#sidenav1s span {font-family: Helvetica, Arial, sans-serif; font-size: 8pt; font-weight: bold; color: #CA1F7B; text-decoration: none;} /* SAP */

#sidenav {position: absolute; right: 685px; top: 220px; _top: 237px; #top: 237px; #_/top: 237px; z-index: 7;} /*top: 237px;*/
#sidenav ul {list-style: none; float: right; clear: both;}
#sidenav ul li.sidenav_item, #sidenav ul li.sidenav_item1, #sidenav ul li.sidenav_item2 {text-transform: uppercase; color: green; font-family: Helvetica, Arial, sans-serif; font-size: 8pt; font-weight: bold; height: 18px; margin-bottom: 7px; display: block; text-decoration: none; color: yellow; float: right; text-align: left; clear: both; }
#sidenav ul li.sidenav_item a, #sidenav ul li.sidenav_item1 a, #sidenav ul li.sidenav_item2 a {color: #fff; text-decoration: none;}
#sidenav ul li.sidenav_item a:hover, #sidenav ul li.sidenav_item1 a:hover, #sidenav ul li.sidenav_item2 a:hover {color: #CA1F7B; }
#sidenav ul li.lower_case {text-transform: none;} /* SAP */
#sidenav ul li a.on {color: #CA1F7B; text-decoration: underline;}
#sidenav ul li a.on:hover { cursor: default;}
/*end of left side panel*/

#bthome {position: absolute; width: 155px; height: 155px; top: 45px; left: 64px; z-index: 6; }
#bthome:hover { cursor: pointer; }
#salesCenter{
 position: absolute; width: 200px; height: 31px; top: 403px; left: 26px; z-index:9999
}
#registerFloor { position: absolute; width: 200px; height: 31px; top: 443px; left: 40px; z-index: 999;}
#register {text-indent: -9999px; position: absolute; width: 200px; height: 31px; top: 443px; left: 35px; background: transparent url(../images/bt_register.jpg) center top no-repeat; z-index: 999;}
#register:hover {background: transparent url(../images/bt_register_over.jpg) center top no-repeat; cursor: pointer; }

#content { margin: 0; width: 665px; height: 448px; padding: 0; color: #00275d; float: right; overflow: hidden; position: relative; z-index: 100;}

#contactinfo {margin: 0; width: 259px; height: 110px; float: left; position: absolute; left: 8px; top: 482px; background:url(../images/contactinfo.gif) no-repeat; }

#text { margin: 0; width: 655px; height:100px; padding: 2px 5px 5px 5px; float: right; overflow: hidden; position: absolute; right: 8px; top: 482px; word-spacing: 1px; }
#text p {font-size: 9pt; color: #666; margin-top: 0; word-spacing: 1px; line-height: 1.3em; }
#text p.title {text-transform: uppercase; font-weight: bold; font-size: 12pt; color: #666; margin-bottom: 4px;}
#text p.note {font-size: 7pt; color: #999; margin-top: 0; word-spacing: 1px; line-height: 1.3em; }
#text p.note2 {font-size: 7pt; color: #999; margin-top: 0; word-spacing: 1px; line-height: 1.2em; }
#text a:hover {color: #CA1F7B; }
#text a{font-size:9pt; text-decoration:none; color: #666; }
#text_areamap { margin: 0; width: 655px; height:100px; padding: 2px 5px 5px 5px; float: right; overflow: hidden; position: absolute; right: 8px; top: 482px; word-spacing: 1px; background: #FFF url(../images/biz_area.gif) no-repeat -2px 1px ;}

/*________drop-down menu________*/

#menu {width: 665px; font-size: 8pt; height: 26px; padding: 0; margin: 0; float: right; text-transform: uppercase; position: relative; z-index: 5000; }

#menu ul {list-style: none; margin: 0; padding: 6px 12px 1px 4px; float: left;}

#menu a, #menu p {display: block; margin: 0px; padding: 0;}
#menu p, #menu p a {text-indent: -9999px; display: block; margin: 0px; color: #999; font-weight: 900; font-family: Helvetica, Arial, Helvetica, sans-serif; }
#menu a { border-top: 2px solid transparent; color: #fff; background-color: #000; text-decoration: none; font-size: 8pt; line-height: 12pt; margin-left: -10px; padding: 2px 7px; height: 1%; font-weight: bold; }
#menu p a { background-color: transparent; line-height: 14px; border-width: 0; margin: 0; padding: 0;}

#menu a:hover {color: #fff; background-color: #CA1F7B; }
#menu p a:hover {background-color: transparent; }

#menu li {margin: 2px 0; #margin: 0; _margin: 0; #_/margin: 0; position: relative; height: 1%; }
#menu li:hover, #menu li.hover {position: static;}

#menu ul ul ul {position: absolute; top: 0; left: 100%; }

div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {display: none; }

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block; font-weight: normal; }

.nav1, .nav1on {width: 80px;}
.nav2, .nav2on {width: 110px;}
.nav3, .nav3on {width: 90px;}
.nav4, .nav4on {width: 100px;}
.nav5, .nav5on {width: 50px;}
.nav6, .nav6on {width: 50px;}
.nav7, .nav7on {width: 50px;}

.nav1 {background: transparent url(../images/topmenu.gif) -12px top no-repeat;}
.nav2 {background: transparent url(../images/topmenu.gif) -109px top no-repeat;}
.nav3 {background: transparent url(../images/topmenu.gif) -238px top no-repeat;}
.nav4 {background: transparent url(../images/topmenu.gif) -342px top no-repeat;}
.nav5 {background: transparent url(../images/topmenu.gif) -454px top no-repeat;}
.nav6 {background: transparent url(../images/topmenu.gif) -522px top no-repeat;}
.nav7 {background: transparent url(../images/topmenu.gif) -590px top no-repeat;}

.nav1:hover {background: transparent url(../images/topmenu_over.gif) -12px top no-repeat; cursor: pointer; }
.nav2:hover {background: transparent url(../images/topmenu_over.gif) -109px top no-repeat; cursor: pointer;}
.nav3:hover {background: transparent url(../images/topmenu_over.gif) -238px top no-repeat; cursor: pointer;}
.nav4:hover {background: transparent url(../images/topmenu_over.gif) -342px top no-repeat; cursor: pointer;}
.nav5:hover {background: transparent url(../images/topmenu_over.gif) -454px top no-repeat; cursor: pointer;}
.nav6:hover {background: transparent url(../images/topmenu_over.gif) -522px top no-repeat; cursor: pointer;}
.nav7:hover {background: transparent url(../images/topmenu_over.gif) -590px top no-repeat; cursor: pointer;}

.nav1on {background: transparent url(../images/topmenu_on.gif) -12px top no-repeat;}
.nav2on {background: transparent url(../images/topmenu_on.gif) -109px top no-repeat;}
.nav3on {background: transparent url(../images/topmenu_on.gif) -238px top no-repeat;}
.nav4on {background: transparent url(../images/topmenu_on.gif) -342px top no-repeat;}
.nav5on {background: transparent url(../images/topmenu_on.gif) -454px top no-repeat;}
.nav6on {background: transparent url(../images/topmenu_on.gif) -522px top no-repeat;}
.nav7on {background: transparent url(../images/topmenu_on.gif) -590px top no-repeat;}

.nav1_sub {width: 127px;}
.nav2_sub {width: 121px;}
.nav3_sub {width: 80px;}
.nav4_sub {width: 95px;}
.nav5_sub {width: 75px;}
.nav6_sub {width: 134px;}
.nav7_sub {width: 69px;}

.nav1_sub, .nav2_sub, .nav3_sub, .nav4_sub, .nav5_sub, .nav6_sub, .nav7_sub {_border-top: 2px transparent solid; #border-top: 2px transparent solid;#_/border-top: 2px transparent solid; }

.inputR{
width: 300px;
height: 16px;
font-size:10px;

background-color:#999999;
color:#FFFFFF;
border:none;
background-image:url(../images/reqNo.gif);
}
.inputDropdown{
width: 300px;
height: 18px;
font-size:11px;
background-color:#999999;
background:#999999;
border-color:#FFFFFF;
color:#FFFFFF;
border:none;
background-image:url(../images/reqNo.gif);
}
.inputRx{
width: 300px;
height: 16px;
background-color:#999999;
font-size:10px;

color:#FFFFFF;
border:none;
background-image:url(../images/reqBack.gif);
}
.inputHx{
width: 120px;
height: 16px;
font-size:10px;

background-color:#999999;
color:#FFFFFF;
border:none;
background-image:url(../images/reqBack.gif);
}
.inputHxs{
width: 40px;
height: 16px;
font-size:10px;

background-color:#999999;
color:#FFFFFF;
border:none;
background-image:url(../images/reqBack.gif);
}
.inputHs{
width: 40px;
height: 16px;
font-size:10px;

background-color:#999999;
color:#FFFFFF;
border:none;
background-image:url(../images/reqNo.gif);
}
.inputH{
width: 80px;
height: 16px;
font-size:10px;

background-color:#999999;
color:#FFFFFF;
border:none;
background-image:url(../images/reqNo.gif);
}
.tdtop{
font-size:10px;
color:#999999;
height:14px;
}
.tdbot{
height:19px;
}

.regTitle {text-transform: uppercase; font-weight: bold; font-size: 12pt; color: #666; margin-bottom: 4px;}
.regNote {font-size: 9pt; color: #999; margin-top: 0; word-spacing: 1px; line-height: 1.3em; }

#menus{
	position:absolute;
	z-index:9;
	left:280px;
	width:600px;
	 top: 0px;
}

.mainmenubox{
 
}
.mainmenusection{
z-index:10;
}
.mainmenusection a{
 
}
.mainmenusectionhover{
z-index:10;

}
.mainmenusectionhover a:hover{
 
}
.mainmenusectionhover a{
 
}

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
  position:absolute;
  overflow:hidden;
  left:-1000px;
  top:-1000px;
  }

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
  position:absolute;
  }

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
  position:relative;
  left:0px; top:0px;
  z-index:2;
  }

.transMenu.top .items {
  border-top:none;
  }

/* each TR.item is one menu item */
.transMenu .item {
    color:#ffffff;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
	font-weight:bold;
  /* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
 	cursor:pointer;
  cursor:hand;
   background:#000000;
   width:120px;
   text-transform:uppercase;
  }

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
  position:absolute;
  left:0px; top:0px;
  z-index:1;
  -moz-opacity:.8;
  filter:alpha(opacity=80);
  }

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
  position:absolute;
  z-index:3;
  top:3px; width:2px;
  -moz-opacity:.01;
  filter:alpha(opacity=1);
  }

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
  position:absolute;
  z-index:1;
  left:3px; height:2px;
  -moz-opacity:.01;
  filter:alpha(opacity=1);
  }

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
  background:#CA1F7B;
  color:#ffffff;
  }

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
  margin-left:10px;
  }  
  
/* below classes are for twitter and facebook image links */
.facebook { float:right; width:25px; height:25px; padding: 38px 60px 0px 5px;}
.facebook img { border: none;}
.twitter { float:right; width:25px; height:25px; padding: 38px 0px 0px;}
.twitter img { border: none;}