@charset "utf-8";
html, body {
  margin: 0;
  padding: 0;
  background: #dbdbdb;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;  
}

.universe { 
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -120px;
  background-color: #dbdbdb;
}

.footer1, .push {
  height: 120px;
}


#bg { 
  margin-top: 0;  
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  position: relative;
  height: auto;
  width: 100%;
  /*min-height: 100%;*/
  /*background:transparent;*/
  background-image: url(bg_grad.jpg);
  background-position: center top;
  background-repeat: repeat-y;
  /*text-align:center;*/
  /*z-index: 1;*/
}

/* mac hide \*/
* html #bg{height:1500px}
/* end hide */


#bg2 { 
  position: absolute;
  top: 0px;
  right: 0px;
  height: auto;
  width: 100%;
  /*min-height: 100%;*/
  background:transparent;
  background-image: url(bg_grad_r.jpg);
  background-position: right top;
  background-repeat: repeat-y;
  /*text-align:center;*/
}

* html #bk2 {
    height:100%;
}

#world { 
  margin: 0px auto;
  background-color: #dbdbdb;
  width: 900px;
  height: auto;
  /*min-height: 1500px;*/
  /*min-width: 60%;
  max-width: 800px;
  width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");padding: 0px;*/
  /*text-align: left;*/
  /*background-image: url(bg_grad.jpg);*/
  /*background-repeat: repeat-y;*/
  /*z-index: 1;*/
 }

/* mac hide \*/
* html #world{height:1500px}
/* end hide */


#header {
  margin-top: 0;  
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  _margin-bottom: -4px;
  position: relative;
  /*padding: 20px 0px 20px 20px;*/
  width: 100%;
  height: 265px;
  text-align:center;
  background-color: #dbdbdb;
  background-image: url(v_bl_bar.jpg);
  background-repeat: repeat-x;
}

#topimgbar {
  position: relative;
  margin-left: 1%;
  /*top: 220px;*/
  width: 40%;
  height: 100%;
  float: left;
  font-family: "arial";
  /*text-align:center;*/
  padding: 1%;
  background-color: #dbdbdb; 
}

#topmenubar {
  position: relative;
  margin: 1%;
  top: 220px;
  width: 40%;
  height: 100px;
  float: right;
  font-family: "arial";
  /*text-align:center;*/
  /*padding: 1%;*/
  background-color: #dbdbdb;
  /*z-index: 1;*/
}

#menurib {
  position: relative;
  margin: 0px 0px 20px 0px;
  /*top: 220px;*/
  width: 100%;
  height: 65px;
  /*float: right;*/
  font-family: "arial";
  /*text-align:center;*/
  /*padding: 1%;*/
  /*background-color: #00ff00;*/
  background-image: url(menu_rib.jpg);
  /*z-index: 1;*/
  /*background:transparent;*/
}

#menuitem1 {
  position: relative;
  float: left;
  margin: 8px 0px 0px 8px;
  display: inline;
  /*top: 220px;*/
  width: 147px;
  height: 75%;
  /*float: right;*/
  font-family: "arial";
  text-align:center;
  /*padding: 20%;*/
  /*background-image: url(m2go_home_butt.jpg);*/
  /*background-color: #00ff00;*/
  /*z-index: 10;*/
  /*background:transparent;*/
}

#menuitem2 {
  position: relative;
  float: left;
  margin: 8px 0px 0px 0px;
  display: inline;
  width: 147px;
  height: 75%;
  text-align:center;
  /*background-image: url(m2go_links_butt.jpg);*/
}

#menuitem3 {
  position: relative;
  float: left;
  margin: 8px 0px 0px 0px;
  display: inline;
  width: 148px;
  height: 75%;
  text-align:center;
  /*background-image: url(m2go_videos_butt.jpg);*/
}

#menuitem4 {
  position: relative;
  float: left;
  margin: 8px 0px 0px 0px;
  width: 148px;
  height: 75%;
  text-align:center;
  /*background-image: url(m2go_store_butt.jpg);*/
}

#menuitem5 {
  position: relative;
  float: left;
  margin: 8px 0px 0px 0px;
  width: 147px;
  height: 75%;
  text-align:center;
  /*background-image: url(m2go_blank_butt.jpg);*/
}

#menuitem6 {
  position: relative;
  float: left;
  margin: 8px 0px 0px 0px;
  width: 147px;
  height: 75%;
  text-align:center;
  /*background-image: url(m2go_blank_butt.jpg);*/
}

#content { 
  margin-left: auto;
  margin-right: auto;
  top: 20px;
  margin-bottom: 75px;
  /*padding-bottom: 75px;*/
  width: 100%;
  /*height: 300px;*/
  position: relative;
  text-align:center;
  background-color: #dbdbdb;
  /*float: clear;*/
 }

.textarea1 { 
  position: relative;
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 2%;
  width: 92%;
  /*height: 100px;*/
  text-align:center;
  /*background-color: green;*/
 }

#textarea2 { 
  position: relative;
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 2%;
  width: 92%;
  height: 100px;
  text-align:center;
  background-color: blue;
 }


#footer1 {
  position: relative;
  /*left: 0px;*/
  /*top: 644px;*/
  width: 100%;
  /*height: 100px;*/
  /*float: right;*/
  /*font-family: "arial";*/
  /*text-align:center;*/
  padding: 0px;
  margin: 0px 0px -10px 0px;
  background-color: #0e00ff;
}

#lfooter {
  float: left;
  width: 400px;
  height: 100px;
  /*background-color: green;*/
  margin: 0px 0px 0px 0px;
  padding: 0px 40px 0px 10px;
}

#rfooter {
  float: right;
  width: 440px;
  height: 100px;
  /*background-color: blue;*/
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 0px;
}

.style52 { text-align: left; font-size: 16px; color: #ffffff; font-family: Arial, Helvetica, sans-serif;}

.style53 { text-align: right; font-size: 16px; color: #ffffff; font-family: Arial, Helvetica, sans-serif;}

.style54 { font-size: 16px; color: #ff0000; font-family: Arial, Helvetica, sans-serif;}

/*  end of ids in use  */

#coll {
  position: relative;
  margin-left: 40px;
  margin-top: 40px;
  width: 285px;
  font-family: "arial";
  text-align:center;
  padding: 0px;
  background-color: green;
  height: 100px; 
}

#vmenubarsubl {
  position: relative;
  margin-left: 40px;
  margin-top: 200px;
  width: 185px;
  font-family: "arial";
  text-align:center;
  padding: 10px;
  background-color: red; 
  height: 100px;
}

#center {
  top: 0;
  margin-left: 215px;
  margin-right: 215px;
  background-color: #ebd27b;
}

#colr {
  position: relative;
  margin-left: 910px;
  margin-top: 0px;
  width: 285px;
  font-family: "arial";
  text-align:center;
  padding: 0px;
  background-color: green;
  height: 100px; 
}

#vmenubarr {
  position: absolute;
  right: 15px;
  top: 370px;
  width: 185px;
  font-family: "arial";
  text-align:center;
  padding: 10px;
  background-color: #dbdbdb;
}

/*#footer { position: absolute;
  margin-bottom: 30px; 
  left: 0px; 
  width: 100%; 
  height: 30px; 
  background-color: yellow;
  position: fixed;
}*/

#formbox { text-align: left; font-weight: bold;
  top: 0;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  background-color: #ebd27b;
 }

/*#surveybox { text-align: left; 
  top: 0;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  background-color: #f1f1f1;
 }*/

#picbox { 
 margin-left: auto;
 margin-right: auto;
 top: 75px;
 margin-bottom: 75px;
 width: 800px;
 height: 300px;
 border: 0px ridge #ffffff;
 position: relative;
 background-color: #dbdbdb;
 }

#cssbox {
 font-size: 8px;
 position: absolute;
 left: 10%;
 text-align: center;
 padding: 10px;
 top: 950px;
 width: 185px;
 height: 150px;
 background-color: #dbdbdb;
 }

/*  only a few of these classes need remain. kill the rest when done  */

.fonarpl { font-family: arial; }

.tbox1 { font-family: "arial bold"; font-size: 16px; text-align: right; padding: 10px; margin-left: auto; margin-right: 46%; top:0px; width: 300px; position: relative; line-height:35px; }

.tbox2 { font-family: arial; font-size: 16px; text-align: center; padding: 10px; margin-left: auto; margin-right: auto; top:0px; width: 630px; position: relative; line-height:25px; }

.tbox3 { font-family: "arial black"; font-size: 16px; text-align: center; padding: 10px; margin-left: auto; margin-right: auto; top:0px; width: 630px; position: relative; line-height:25px; }

a { font-family: "arial black" }

/*a:hover { font-size: 18px; color: green; }*/

.body_item { border: none;  text-align: center; }

.centeredimage {
    border: none;
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

.menu { border: none; margin: 0px 5px 0px 5px }

.nobor { border: none; }

h3 { font-size: 25px; font-family: arial; }

h4 { text-align: center; font-size: 18px; }

.fonarpl { font-family: arial; }

h6 { text-align: center; font-size: 16px; }

p { text-align: center; font-family: arial; }

p.alert { font-weight: bold; color: red; }

p.p1 { text-align: left; font-family: arial; font-size: 16px; }

p.p1.l { text-align: left; }

p.p1.c { text-align: center; font-size: 1.1em; }

p.p1.r { text-align: right;  }

p.p2 { text-align: right; font-family: arial; }

p.p2.c { text-align: center; font-family: arial; font-size: 1.5em; }

p.p3.c { text-align: center; font-family: arial; font-size: 2em; }

p.text { text-align: center; font-family: arial; }