body{
background-color: #FFFFFF;
margin: 0px;
width: 100%;
height: 100%;
}

a{
color: #99CCFF;
text-decoration: none;
}
a:hover{
color: #336699;
}
p{
color: #F0F0F0;
margin: 1em 0em 1em 0em;
}
img{
border: 0px;
padding: 0px;
margin: 0px;
}


.click{
 cursor: pointer;
 color: #99CCFF;
}
.click:hover{
color: #445500;
}

input, textarea, select{
border: 1px solid #D0D0D0;
border-spacing: 0px;
padding: 0px;
margin: 0px;
font-family: Times New Roman;
font-size: 9pt;
}

.right{
float: right;
}
.left{
float: left;
}
.center{
text-align: center;
}


.indent{
padding-left: 15px;
}
.normal{
font-weight: normal;
font-size: 100%;
}
.bullet{
text-indent:2ex;
display: block;
clear:both;
}
.justify{
letter-spacing: 1ex;
}


.heading{
font-weight: normal;
font-size: 150%;
clear: both;
display: block;
margin-bottom: 0.5em;

}
.heading a{
font-size: 50%;
}
.subheading{
font-size: 150%;
color: #6699CC;
clear: both;
display: block;
margin-top: 1em;
}
.large{
font-size: 110%;
}
h1{
font-size: 200%;
font-weight: 100;
}
.name{
font-size: 150%;
display: block;
color: #FFFFFF;
}
.title{
color: white;
}
.quote{
font-style: italic;
clear: both;
display: block;
margin-bottom: 1em;
}


.color1{
color: #6699CC;
}








table.flush{
border: 0px;
border-spacing: 0px;
border-collapse: collapse;
}
.flush td{
padding: 0px;
margin: 0px;
}












#divBackground{
margin: 8% 0px auto 0px;
background: #FFFFFF url("../img/bg_page.jpg") repeat;
width: 100%;
height: 360px;
max-height:360px;
font-weight: normal;
font-family: Verdana;
font-size: 8pt;
}






#tableContainer{
margin: auto;
background-color: #FFFFFF;
border-collapse: collapse;
/*width: 770px;
max-width: 770px;
height: 360px;
max-height: 360px;*/
}
#tdLogo{
text-align: right;
width: 440px;
max-width: 440px;
height: 40px;
max-height: 40px;
}
#tdLeftPane, #tdCenterPane, #tdRightPane{
border: solid white;
border-width: 0px 10px 0px 10px;
}





#tdLeftPane{
width: 320px;
max-width: 320px;
height: 360px;
max-height: 360px;
}
#tdCenterPane{
background-image: url("../img/bg_pane_center.jpg");
vertical-align: top;
width: 240px;
max-width: 240px;
height: 320px;
max-height: 320px;
}



#synapseCenter{
width: 240px;
max-width: 240px;
height: 320px;
max-height: 320px;
overflow: hidden;
}
#divProjectList, #divStaffList, #divSynapseList{
padding: 10px;
width: 220px;
max-width: 220px;
height: 300px;
max-height: 300px;
}
.scroll_list{
overflow: hidden;
height: 260px;
max-height: 260px;
width: 220px;
max-width: 220px;
}
.scroll_list table{
width: 220px;
max-width: 220px;
}
.scroll_list td{
width: 220px;
max-width: 220px;
height: 260px;
max-height: 260px;
vertical-align: top;
text-align: center;
}
.scroll_list div{
padding-top: 12px; /* remove this possible*/
width: 220px;
max-width: 220px;
}





#tdRightPane{
background-image: url("../img/bmlanniversary.jpg");
vertical-align: bottom;
width: 185px;
max-width: 185px;
height: 320px;
max-height: 320px;
}
#tdRightPane div{
overflow: hidden;
width: 155px;
padding: 15px;
}
#contact a{
color: #336699;
}

#divStaffListHolder p{
margin: 0px;
}

#imgScrollUp, #imgScrollDown{
cursor: pointer;
}


#tdBottomRight{
padding-right: 3px;
}