/*
 Base               79%    91%   103%

 size               -2    -1      0
 ---------------- ----- ------ -------
 biggest           151%   147%   160%		
 bigger            130%   131%   130%
 big               115%   113%   116%
 normal            100%   100%   100%
 small              89%    90%    88%
 smaller            x      77%    77%
 smallest           x      x      68%
*/


body {
  font-family: Arial, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 79%;
  color: #666666;
}


/* Remove margin-top for all elements - it causes lots of pain for the
   first element in a <div> */

* {
  margin-top: 0px;
}


/* Center the "page" */

BODY {
  text-align: center;
}

#page {
  position:relative;
  text-align: left;
  margin-left: auto;
  margin-right:auto;
  width:980px;
  border:1px solid #CCC;
  margin-top:10px;
}

#header {
  height:60px;
  background-color: #EBEBEB;  
}

#logo-text {
  position: absolute;
  top:12px;
  left:75px;
}

#logo-symbol {
  position: absolute;
  top:20px;
  right:40px;  
}

#navigation {
  font-size:2px;
  height: 25px;
  background-image:  url(../images/MS_nav_blank.gif);
}

#navigation IMG {
  border: 0;
}


#help {
  position:absolute;
  right:0;
}

#header-base {
  font-size:2px;
  height: 6px;
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
  background-image: url(../images/header-base.jpg);
}

#content {
  position: relative;
}

#content IMG {
  border:0;
}

#left-column {
  margin: 55px 0 20px 77px;
  padding-right:15px;
  width: 813px;
  border-right: 1px solid #CCC;
}

#left-column2 {
  margin: 55px 0 20px 72px;
  padding-right:15px;
  width: 550px;
  height: 500px;
  border-right: 1px solid #CCC;
}
#left-column1 {
  margin: 55px 0 20px 72px;
  padding-right:15px;
  width: 550px;  
  border-right: 1px solid #CCC;
}
.message {
  color: #FFF;
  font-weight: bold;
  background-color: #999999;
  padding: 5px;
  text-align:center;
  font-size: 100%;
  margin:10px 0 10px 0;
}

.message A:link, A:visited {
  color: #FFF;
}

#right-column {
  position: absolute;
  right: 10px;
  top: 0px;
}
#right-column1 {
  position: absolute;
  right:70px;
  top: 330px;
}
#right-column2 {
  position: absolute;
  right:110px;
  top: 360px;
}
#right-column3 {
  position: absolute;
  right:110px;
  top: 390px;
}
#right-column3a {
  position: absolute;
  right:75px;
  top: 420px;
}
#right-column4 {
  position: absolute;
  right:150px;
  top: 430px;
}
#rright-column {
  position: absolute;
  right: 77px;
  top: 0px;
}
/* set up rollovers */
IMG#home       { background-image: url(../images/MS_nav_home_on.gif); }
IMG#about    { background-image: url(../images/MS_nav_about_on.gif); }
IMG#contact     { background-image: url(../images/MS_nav_contact_on.gif); }
IMG#partner     { background-image: url(../images/MS_nav_partnering_on.gif); }
IMG#faq     { background-image: url(../images/MS_nav_FAQ_on.gif); }
IMG#pressrelease     { background-image: url(../images/MS_nav_press_on.gif); }