body {
  background-color:#1f3541;
  background-image:url(images/bg.gif);
  background-repeat:repeat-x;
  text-align:center;
  padding-top:20px;
  margin:0px;
  color:#688291;
  font-family:arial, verdana, helvetica;
}

a:link{color:#FFFFFF;}
a:hover{color:#ff0000;}
a:visited{color:#FFFFFF;}

#footer{
  font-size:0.8em;
}

#page{
  width:800px;
  height:817px;
  background-color:#fffbef;
  position:relative;
  margin-left:auto;
  margin-right:auto;
}
#page-top{position:absolute;top:-6px;left:0px;}
#page-bottom{position:absolute;bottom:-6px;left:0px;}
#page-left{position:absolute;top:0px;left:-6px;}
#page-right{position:absolute;top:0px;right:-6px;}
#page-grad{position:absolute;top:136px;left:0px;z-index:0;}

#login-area {
  width:800px;
  height:59px;
  position:relative;
  position:absolute;
  top:0px;
  left:0px;
}
#login-grad{position:absolute;top:0px;left:426px;}
#login-profile{position:absolute;top:7px;right:7px;}
#login-departures{position:absolute;top:30px;right:7px;}
#login-msg{
  position:absolute;
  top:10px;
  left:475px;
  color:#000000;
  text-align:left;
  font-size:0.8em;
}

#login-msg a:link{color:#000000;font-size:0.7em;}

#title-bar{
  width:800px;
  height:37px;
  position:relative;
  position:absolute;
  top:59px;
  left:0px;
}

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

#nav-bar{
  padding-top:10px;
  width:800px;
  height:27px;
  position:absolute;
  top:99px;
  left:0px;
  background-color:#184d90;
  color:#ffffff;
  font-size:0.9em;
  z-index:2;
}
.nav-arrow{position:relative;top:3px;}
#nav-suggestion{position:absolute;top:0px;left:409px;}
#nav-findride_dis{position:absolute;top:0px;right:0px;}

#getting-there{
  position:absolute;
  left:90px;
  top:150px;
  width:650px;
  text-align:center;
  color:#16488c;
  font-size:1.2em;
}

.getting-orange{
  color:#c76c00;
  font-size:1.3em;
  font-weight:bold;
}

#map-area{
  width:540px;
  height:567px;
  position:relative;
  position:absolute;
  top:227px;
  left:260px;
  background-color:#f9edbe;
  color:#0a4769;
  font-size:0.9em;
}

.corner-ur{position:absolute;top:0px;right:0px;}
.corner-br{position:absolute;bottom:0px;right:0px;}
.corner-ul{position:absolute;top:0px;left:0px;}
.corner-bl{position:absolute;bottom:0px;left:0px;}

#map-4steps{position:absolute;top:20px;left:15px;}
#map-starthere{position:absolute;top:20px;left:355px;}

#map-holder{
  width:518px;
  height:544px;
  position:relative;
  position:absolute;
  top:10px;
  left:11px;
  background-color:#ffffff;
  border:1px solid;
  border-color:#a8a8a8;  
}

#map {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
height:544px;
padding:5px;
width:518px;
}

#map-joinride{
  width:222px;
  height:260px;
  position:relative;
  position:absolute;
  top:227px;
  left:8px;
  background-color:#dde5e3;
  text-align:left;
  padding:10px;
  padding-top:45px;
  color:#000000;
  font-size:1.1em;
  font-weight:bold;
}
.map-sidebar-title{position:absolute;top:0px;left:0px;}
.input-title{padding-top:10px;padding-bottom:5px;}
#map-or{position:absolute;top:462px;left:442px;}

#map-createride{
  width:243px;
  height:106px;
  position:relative;
  position:absolute;
  top:571px;
  left:8px;
  background-color:#dde5e3;
  text-align:left;
  padding:45px 10px 10px 10px;
  color:#000000;
  font-size:1.1em;
  font-weight:bold;
}
#map-createride-button_none{position:absolute;bottom:12px;left:21px;}

#sidebar{
  width:202px;
  height:653px;
  position:relative;
  position:absolute;
  top:156px;
  right:7px;
  text-align:left;
  color:#16488c;
  font-size:0.9em;
  list-style-image:url(images/blue-arrow.gif);
}
#sidebar ul{font-weight:bold;}
#sidebar ul a{text-decoration:none;color:#16488c;}
#sidebar ul a:hover{text-decoration:none;color:#ff9e17;}

.sidebar-article{
  padding:5px 4px 15px 4px;
}

.blue{
  font-weight:bold;
}

.centered{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}