//This is Behram Mistree's style sheet for his
//MEng thesis with the Responsive Environments group.

//      -------------------------------------------------------------
//      |           |  "title"                            |         |
//      |           |                                     |         |
//      | "left     |  Flexible High-Density              | "right  |
//      |  column   |           Sensor Network            |  column |
//      |  menus"   |                                     |  pics"  |
//      |           |                                     |         |
//      |           |   "center column content"           | pic pic |
//      |overview   |                                     | pic pic |
//      |people    -----------------                      |         |
//      |pictures |                 |                     | pic pic |
//      |movies   |                 |                     | pic pic |
//      |future   |                 |                     |         |
//      | work    |                 |                     | pic pic |
//      |Resenv   |                 |                     | pic pic |
//      | home    |                 |                     |         |
//      |         |                 |                     | pic pic |
//      |         |                 |                     | pic pic |
//      |         |                 |                     |         |
//      |          -----------------                      |         |
//      |           |                                     |         |
//      |           |                                     |         |
//      |           |                                     |         |
//      |           |                                     |         |
//      |           |                                     |         |
//      |           |                                     |         |
//      |           |                                     |         |
//      |           |                                     |         |
//      |           |                                     |         |
//      |           |                                     |         |
//      |           |                                     |         |
//      |           |                                     |         |
//      |           |                                     |         |
//      |           |                                     |         |
//      |           |                                     |         |
//      |           |                                     |         |
//      |           |                                     |         |
//      |           |                                     |         |
//      ------------------------------------------------------------



#garbage-css
{
        background-color: #999999;
        width: 200px;
       	width: expression(200 +"px");
        
} 




        

#left-column-menus
{
        position: absolute;     
        top: 0px;  //change this to move the text downwards
	left: 0px; //change this to move the column leftwards
        min-width: 10%;
        width: 10%;
        max-width: 10%;
	margin: 0 0 0 0px;
	background-color: #000000;
        height: 7000px;
        border:0px solid #000;
        color: #ffffff;
        text-align: center;
      	width: expression(10 +"%");
} 



#center-column-content
{
        position: absolute;
        height: 7000px;
	right:0px;
	top:0px;
        min-width: 1.5%
        width: 1.5%;
        max-width: 1.5%;
        background-color: #ffffff;
        margin-left: 0; //848px;
   	margin-right:0;//848px;
        left: 10%;
        border:0px solid #000;
        font-size: 16pt;
        color: #999999;
        line-height: 1.4;
      	width: expression(1.5 +"%");
}


#title
{
        position: relative;
        text-align: right;
	font-family: Arial,Helvetica;
        color: #999999;
        font-size: 27pt;
        letter-spacing: 8px;
}



#title-2
{
        position: relative;
        left: 12%;
        font-size: 27pt;
        letter-spacing: 8px;
        color: #ffffff;
}


#title-3
{
        position: relative;
        left: 14%;
        font-size: 27pt;
        letter-spacing: 8px;
        color: #ffffff;
}

#title-4
{
        position: relative;
        left: 16%;
        font-size: 27pt;
        letter-spacing: 8px;
        color: #ffffff;
}


#right-column-pics
{
        height: 7000px;
        position: absolute;
	right:0px;
	top:0px;
        min-width: 88.5%;
        width: 88.5%;
        max-width: 88.5%;
        background-color: #000000;
        margin-left: 0; //848px;
   	margin-right:0;//848px;
        left: 11.5%;
        border:0px solid #000;
        color: #999999;
      	width: expression(88.5 +"%");
}





#picture-one
{
        position: relative;
        float: left;
        margin: 25px 40px 50px -30px;
        padding: 3px;
        border: 5px solid #eee;
        background: #fff;
}





#picture-two
{
        position: relative;
        float: left;
        margin: 80px 0px 30px 20px;
        padding: 3px;
        border: 0px solid #999;
        background: #0aa;
}






#picture-three
{
        position: relative;
        float: right;
        margin: 80px 0px 30px 20px;
        padding: 3px;
        border: 55px solid #e04;
        background: #fff;
}

#picture-four
{
        position: relative;
        float: left;
        margin: 80px 0px 30px 20px;
        padding: 3px;
        border: 25px solid #232;
        background: #fff;
}

#picture-five
{
        position: relative;
        float: right;
        margin: 100px 0px 0px 0px;
        padding: 3px;
        border: 5px solid #ae7;
        background: #fff;
}


#picture-six
{
        position: relative;
        float: right;
        margin: 100px 0px 0px 0px;
        padding: 3px;
        border: 55px solid #fff;
        background: #fff;
}



#picture-seven
{
        position: relative;
        float: left;
        margin: 100px 0px 0px -80px;
        padding: 3px;
        border: 12px solid #999;
        background: #fff;
}


#picture-eight
{
        position: relative;
        float: left;
        margin: 100px 0px 0px -80px;
        padding: 3px;
        border: 32px solid #909;
        background: #fff;
}