body {
  background: #e0e0e0 url('../img/bg-grad.gif') top left repeat-x;
  top: 0;
  left: 0;
  margin: 0 auto;
  padding: 0;
  color: #56585a;
  font-family: verdana, arial, san-serif;
  font-size: 11px;
  line-height: 150%;
}
#wrapper {
  width:  871px;
  margin: 0 auto;
}
img {
  border: 0;
}
.inner {
  padding: 5px 15px;
}
span.inlineLeft {
  float:left; 
  margin-right: 15px;
}
span.yellow {
  background: #fafcb9;
}
span.note {
  font-size:9px;
}
a {
  color: #5e8bad;
  text-decoration: none;
}
input, textarea {
  font-family: verdana, arial, san-serif;
  font-size: 11px;
}

/* HEADER */

#header {
  position: relative;
  height: 93px;
}

#header img.logo {
  position: absolute;
  top: 15px;
  left: 5px;  
}

.uemonk #header img.logo, .mr #header img.logo {
  position: absolute;
  top: 15px;
  left: 5px;
}


#login {
  background: url('../img/login-wrap.gif') top left no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  width: 258px;
  height: 59px;
}
#login .inner {
  padding: 5px 10px;
  line-height: 200%;
}
img.loginButton {
  position: absolute;
  right: 10px;
  top: 27px;
}

/* /HEADER */


/* CONTENT */
#contentWrap  {
  float: left;
  width: 669px;
}
#contentTopCap {
  height: 8px;
  background: url('../img/top-cap.gif') top left no-repeat;
}
#contentMid {
  background: url('../img/mid-strip.gif') top left repeat-y;
}
#contentBotCap {
  height: 10px;
  background: url('../img/bot-cap.gif') top left no-repeat;
}
#contentInnerWrap {
  padding-left:26px;
}
#contentInnerTopCap {
  height: 6px;
  background: url('../img/inner-top-cap.gif') top left no-repeat;
}
#contentInner {
  background: url('../img/inner-mid-strip.gif') top left repeat-y;
}
#contentInnerBotCap {
  height: 17px;
  background: url('../img/inner-bot-cap.gif') top left no-repeat;
}
.footer .left {
  float: left;
  width: 340px;
}
.footer .right {
  float: left;
  width: 250px;
}
.footer {
  padding: 15px 40px 5px 10px;
}
span.disclaimer {
  padding-left: 26px;
}
/* /CONTENT */


/* TOP AREA */

#topArea {
  height: 382px;
}



#topContent {
  position: relative;
  float: left;
  width: 662px;
  height: 382px;
}
#top1, #top2, #top3 {
  height:100%;
}
#top1 {
  display: block;
  background: url('../img/top-content-wrap.gif') top left no-repeat;
}
#top2 {
  display:none;
  background: url('../img/top-content-wrap2.gif') top left no-repeat;
}
#top3 {
  display:none;
  background: url('../img/top-content-wrap4.gif') top left no-repeat;
}
#topContact {
  position: relative;
  float: left;
  width: 199px;
  height: 382px;
  background: url('../img/top-contact-bg.gif') 0px 23px no-repeat;
}

#overview {
  padding: 15px 15px 5px 15px;
}

#port {
  padding-top: 15px;
}
#port .portLeft {
  float: left;
  width: 195px;
}
#port ul, ul.square {
  list-style: none;
  margin-left: 15px;
  padding-left: 0;
  margin-top: 0;
}

ul.square {
  margin-left: 0;
}
#port ul a {
  color: #5e8bad;
  cursor: pointer;
  text-decoration: underline;
}
#port ul li {
  background: url("http://i.connect-3.com/10/img/bullet-gray.gif") 0 50% no-repeat;
  margin-left: 0;
  padding-left: 15px;
  margin-bottom: 10px;
}

ul.square li{
  background: url("http://i.connect-3.com/10/img/bullet-gray.gif") 0 50% no-repeat;
  margin-left: 0;
  padding-left: 15px;
  margin-bottom: 10px;

}


#port ul li.active {
background: url("http://i.connect-3.com/10/img/bullet-on.gif") 0 50% no-repeat;
}
#port ul li.active a {
  color: #727373;
  text-decoration: none;
}
#portWrap {
  float: left;
  width: 455px;
}
#portWrap .desc {
  display: none;
  height: 35px;
  vertical-align: middle;
}
#portBottom {
  position: absolute;
  bottom: 10px;
  left: 15px;
}

#collab {
  padding: 15px;
}
.collabLeft {
  position: relative;
  float: left;
  width: 465px;
}
.collabRight {
  float: left;
  width: 167px;
}

.collabLeftMR {
  float: left;
  width: 50%;
}
.collabRightMR {
  float: left;
  width: 50%;
}
.webCamPic {
  position: relative;
  height: 160px; 
  width: 290px; 
  overflow:hidden;
  border:1px solid #bfbfbf;
}
.camDate {
  position: absolute; 
  bottom: 5px; 
  left: 5px;
  padding: 0 2px;
  background: #000000;
  color: #ffffff;
  font-size: 9px;
  opacity: 0.6; 
  filter: alpha(opacity=60);
}
.camRadios {
  width:290px; 
  background: #efefef; 
  border:1px solid #bfbfbf;
  border-top: 0;
}
.camRadios img {
  padding-top: 5px;
}


.wis textarea.formField {
  width: 150px;
  height:45px;
}
.sp textarea.formField, .wmg textarea.formField {
  width: 150px;
  height: 75px;
}
.sp .quarterlyNewsletter, .wmg .quarterlyNewsletter {
  visibility:hidden;
  height:1px;
  overflow:hidden;
}

/* /TOP AREA */

/* CONTENT AREA */

#bottomArea {
  margin-top: 20px;
}
#bottomLeftGap {
  float: left;
  width: 46px;
}
#bottomContentWrap {
  float: left;
  width: 662px;
}
#bottomContentTopCap {
  height: 6px;
  background: url('../img/bottom-area-top-cap.gif') top left no-repeat;
}
#bottomContent {
  background: url('../img/bottom-area-strip.gif') top left repeat-y;
}
#bottomContent p {
  padding: 0;
  margin: 0;
}
#bottomContentLeft {
  float: left;
  width: 295px;
}
#bottomContentRight {
  float: left;
  width: 290px;
}


span#formBottom img {
  margin: 20px 0 0 70px;
}
#message {
  text-align: center;
}

#submit {
  position: absolute;
  left: 15px;
  top: 225px;
}

/* /CONTENT AREA */