body 
{ 
    font-family: Helvetica, Arial, sans-serif;
    margin-left: 2%; 
    margin-right: 5%; 
}


 
#pagewidth{ }
 
#leftcol{
 width:40%; 
 height: 1000px;
 float:left; 
 position:relative;
 background-color: white; 
  }
 
#twocols{
 width:55%; 

 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:55%;
 float:right; 
 position:relative; 
 }
 
#maincol{
 background-color: #FFFFFF;  
 float: left; 
  position: relative; 
 width:0%; 
 }
 
.titleStyle {
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 200%;
   color: #000000;
   text-align: left ;
}

.mapTitleStyle {
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 200%;
   color: #000000;
   text-align: left ;
   margin-left: 20px;
}

.nameStyle {
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 125%;
   color: #000000;
   text-align: left ;
   margin-top: 0px;
   margin-bottom: 5px;
}


#map-canvas {
   position: absolute;
   width: 98%;
   height: 500px;
   margin: 1%;
   margin-right: 1%;
   margin-top: 0px;
   #border-right: 1px solid #C6EC8C;
   font-weight: normal;
}


#about {
   position: relative;
   width: 98%;
   height: 500px;
   margin: 1%;
   margin-right: 1%;
   margin-top: 600px;
   #border-right: 1px solid #C6EC8C;
   font-weight: normal;
}




#localmap-canvas {
   position: absolute;
   width: 98%;
   height: 400px;
   margin: 1%;
   margin-right: 1%;
   margin-top: 300px;
   #border-right: 1px solid #C6EC8C;
   font-weight: normal;
}

#streetview-canvas {
   position: absolute;
   width: 98%;
   height: 300px;
   margin: 1%;
   margin-right: 1%;
   margin-top: 0px;
   #border-right: 1px solid #C6EC8C;
   font-weight: normal;
}


#project-entry {
  /* image size */
   clear: both;
   min-height: 20px;
   margin-bottom: 0px;
  
}
#project-entry img{
  width:150px;
  /*max-height:160px;*/
  margin-right:10px;
  margin-top:10px;
  margin-bottom:10px;
}
#project-entry .project-left{
  float:left;
}
#project-entry .project-right{/*h3, .abstract, .artifacts, .tags{*/
  float:left;
  max-width:500px;
/*  margin-left:230px;*/
  margin-top:10px;
  margin-bottom:10px;
  text-align:left;
}

a:link{
    color:#000000;
}

a:visited{
    color:#000000;
}

#a:hover, a:focus, a:active{
#    color:#000000;
#    background-color:#CCCCCC;
#}

.active{
    font-weight:bold;
    color:#000000;
}

.inactive a{
    color:#3333CC;
}