/* style.css */

img.logo{
position:absolute;
margin-left:34px;
margin-top:485px;
}

input.login{
font-family : arial;
font-size : 8pt;
font-weight: bold;
background-color : #ffffff;
border-color : #000000;
border-style : solid;
border-width : 1px;
color : #666666;
}

input.formsubmit{
font-family : arial;
font-size : 8pt;
font-weight : bold;
background-color : #ffffff;
border: 1px solid #000000;
color : #000000;
}

hr.contact{
color:#aaaaaa;
width:55%;
margin-top:5px;
border:0px;
background:#aaaaaa;
height:1px;
}

img.navigation{
border:0px;
background:#cc0000;
margin-left:10px;
}

img.submenu{
border:0px;
background:#cc0000;
margin-top:2px;
}

img.header{
margin-top: 35px;
margin-left: 10px;
margin-bottom: 10px;
}

img.name{
margin-top: 3px;
margin-left: 20px;
margin-bottom: 10px;
}

img.blank{
margin-right: 10px;
margin-bottom: 10px;
float: left;
}

img.corner{
vertical-align: middle;
}

img.navchoice{
margin-bottom: 6px;
}

ul{
margin:0px;
padding:0px;
margin-top:15px;
margin-bottom:30px;
}

ul.embedded{
margin-top:0px;
margin-bottom:0px;
}


li{
list-style:circle;
margin-right: 10px;
margin-left: 50px;
margin-top:0px;
padding:0px;
font-size:70%;
/* font-size:85%; */
font-weight:normal;
font-family: arial;
}

li.square{
list-style:square;
line-height: 11pt;
}

li.team{
list-style:none;
text-align:center;
margin-left:0px;
margin-right:0px;
text-decoration:none;
font-size: 75%;
line-height: 14pt;
}

li.staff{
list-style:none;
line-height: 8pt;
}

li.embedded{
list-style:square;
font-family: arial;
font-size:100%;
}

a:link{ 
color:#666666;
font-family: arial;
text-decoration:underline;
}

a:visited{ 
color:#666666;
font-family: arial;
text-decoration:underline;
}

a:hover{ 
color:#333333; 
font-family: arial;
text-decoration:underline;
} 

a.grey:link{
color:#666666;
font-family: arial;
text-decoration:underline;
}

a.grey:hover{
font-weight:normal;
color:#333333; 
font-family: arial;
text-decoration:underline;
}

a.team:link{
text-decoration:none;
font-weight:normal;
}

a.team:visited{
text-decoration:none;
font-weight:normal;
}

a.team:hover{
text-decoration:underline;
font-weight:normal;
}

a.navigation:link{ 
color:#000000;
text-decoration:underline;
}

a.navigation:visited{ 
color:#666666;
text-decoration:none;
}

a.navigation:hover{ 
color:#000000; 
text-decoration:underline;
} 

a.normal:link{ 
color:#6D6A68;
font-family: arial;
font-size: 100%;
font-weight: normal;
}

a.normal:visited{ 
color:#990099;
font-family: arial;
font-size: 100%;
font-weight: normal;
}

a.normal:hover{ 
color:#003399; 
font-family: arial;
font-size: 100%;
} 

a.reply{
text-decoration:none;
color:#003399;
}

a.reply:hover{
color:#009933; 
}

a.reply:visited{
color:#990099;
}

a.needs{
text-decoration:none;
}

ul.local{
margin-left: 2px;
margin-right: 4px;
}

li.local{
font-family: arial;
font-size:75%;
color: #6D6A68;
list-style: none;
text-align: right;
}

dd{
font-family: arial;
font-size:90%;
margin-right:20px;
margin-left:40px;
color: #FFFFFF;
margin-bottom:20px;
}

dt{
font-family: arial;
font-size:90%;
margin-right:20px;
margin-left:20px;
color: #FFFFFF;
margin-bottom:20px;
}

h1{
font-family: arial, sans serif;
color: #000000;
margin-right: 10px;
margin-left: 25px;
font-size: 110%;
font-weight: bold;
letter-spacing: .05em;
margin-top: 12px;
margin-bottom:15px;
text-align: left;
}

h1.decreased_bottom_margin{
margin-bottom:0px;
}

h2{
font-family: arial, sans serif;
color: #444444;
margin-right: 10px;
margin-left: 25px;
font-size: 100%;
font-weight: bold;
letter-spacing: .05em;
margin-top: 12px;
margin-bottom:15px;
text-align: left;
}

br.breakneeds{
line-height: 8px;
}

br.threehalves{
line-height: 15px;
}
/* ********************************** Body properties ********************************** */

html, body{
  margin:0px;
  padding:0px;
}

html, body{
  height:100%;
  background:#777777;
  background-image:url(images/bg_hack.gif);
  background-repeat:repeat-y;
}

body{
margin:0px;
padding:0px;
/* background-image:url(images/pattern.gif);
background-repeat:repeat; */
/* background: #777777; */
/* height:650px; */
scrollbar-base-color: #666666;
scrollbar-arrow-color: #000066;
scrollbar-DarkShadow-Color: #000066; 
}

/* ********************************** Generic properties ********************************** */


#top{
margin:0px 0px 0px 0px;
padding:5px 0px 5px 10px;
border: 0;
border-bottom: 5px solid #000066;
width: 99%;
height:110px;
background:#6699FF;
}

#bottom{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
width: 99%;
background:#ffffff;
}

#left{
float: left;
text-align: left;
width:15%;
padding-left: 10px;
}

#right{
float: right;
text-align: right;
width:80%;
padding-right:10px;
}

#navbar{
float: left;
text-align: left;
margin:7px;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
width:13%;
border: 2px dashed #000066;
}

#maincontent{
float: right;
text-align: left;
width:77%;
}

#bio{
width: 60%;
border:1px dashed #FFFFFF;
padding:0px;
margin:10px;
margin-top:20px;
padding:0px;
border-left:0px;
border-right:0px;
}

#me{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: #000066;
border:1px solid #FFFFFF;
width: 250px;
float: right; 
}

#fineboxleft{
padding:0px 0px 0px 0px;
float: left;
width:35%;
}

#fineboxcenter{
padding:0px 0px 0px 0px;
float: center;
width:20%;
}

#leftwindow{
position: absolute;
left:0px;
top:0px;
width:200px;
}

#fineboxright{
padding:0px 0px 0px 0px;
float: right;
width:35%;
}

#rightwindow{
position: absolute;
right:0px;
top:0px;
width:200px;
}

/* ********************************** Font properties ********************************** */

font.navchoice{
font-family: arial;
color:#ffffff;
text-align: left;
margin-right: 10px;
margin-left: 10px;
font-size: 80%;
font-weight: bold;
}

font.header{
color: #555555;
font-family: arial black;
font-size: 300%;
font-weight:bold;
text-align: center;
bottom: 10px;
}

font.about{
color: #FFFFFF;
font-weight:bold;
}

font.helvetica-bold{
font-family: helvetica;
font-weight:bold;
color: #000066;
}

font.cherries{
color: #FF0000;
}

font.string{
color: #99CCCC;
}

font.list{
font-weight:bold;
font-family: arial, verdena;
font-size:90%;
color: #FFFFFF;
text-align: center;
}

font.patrick{
color: #009966;
}

font.robot{
color: #FFFFFF;
font-weight:bold;
}

font.butterfly{
color: #FFFFFF;
size:-2;
}

font.less{
color: #FFFFFF;
font-family: arial, verdena;
font-size:90%;
margin-right:10px;
margin-left:10px;
font-weight:bold;
}

font.indent{
color: #FFFFFF;
font-family: arial, verdena;
font-size:90%;
margin-left:10px;
}

font.tab{
margin-left:10px;
}

font.indent{
color: #FFFFFF;
font-family: arial, verdena;
font-size:90%;
}

font.underbold{
color: #555555;
font-family: helvetica, georgia, helvetica;
font-size: 100%;
font-weight:bold;
text-decoration:underline;
margin-left:10px;
text-align: left;
bottom: 10px;
}

font.subsidiary{
color: #555555;
font-family: helvetica, georgia, helvetica;
font-size: 100%;
font-weight:bold;
margin-left:10px;
text-align: right;
bottom: 10px;
}

font.titletext{
color: #666666;
font-family: helvetica;
margin-left:0px;
letter-spacing:3px;
font-weight:bold;
font-size:125%;
text-align: right;
}

font.navlinks{
color: #555555;
font-family: helvetica, georgia, helvetica;
font-size: 75%;
margin-left:20px;
text-align: left;
}

font.lateral{
color: #555555;
font-family: helvetica, georgia, helvetica;
font-size: 75%;
margin-left:20px;
text-align: center;
}

font.more{
color: #555555;
font-family: helvetica, georgia, helvetica;
font-size: 68%;
margin-left:15px;
text-align: left;
}

font.fineprint{
font-family: helvetica, georgia, helvetica;
margin-right:10px;
font-size: 65%;
text-align: left;
color: #333333;
}

font.form{
font-family: arial;
color: #666666;
margin-right: 20px;
margin-left: 20px;
font-size: 85%;
font-weight:bold;
}

textarea.form{
margin-left: 20px;
margin-top: 1s0px;
margin-bottom: 10px;
}

input{
margin-right: 20px;
}

input.form{
margin-bottom: 10px;
margin-top: 10px;
}
/* ************** Paragraph properties *************** */
p{
font-family: arial;
color: #000000;
margin-right: 25px;
margin-left: 25px;
font-size: 75%;
text-align:justify;
}

.staff{
font-weight:bold;
color:#666666;
font-family: arial;
margin-top:5px;
font-size: 75%;
}

p.left{
text-align:left;
}

p.address{
text-align:center;
}

p.contact{
text-align: center;
color: #888888;
margin-top:5px;
font-size:70%;
}

p.contactus{
text-align: center;
color: #888888;
margin-top:35px;
font-size:70%;
margin-bottom:0px;
}

p.navchoice{
font-family: arial;
color:#ffffff;
text-align: left;
margin-right: 10px;
margin-left: 20px;
margin-top: 2px;
font-size: 68%;
font-weight: bold;
}

p.return{
font-family: arial;
color: #666666;
margin-right: 20px;
margin-left: 20px;
font-size: 75%;
}

p.needs{
font-family: arial;
color: #444444;
margin-right: 0px;
margin-left: 0px;
font-size: 80%;
margin-top:0px;
margin-bottom:0px;
}

p.legal{
font-family: arial;
font-size: 65%;
text-align: center;
padding:10px;
color: #444444;
}

p.navigation{
font-family: arial;
color: #666666;
margin-right: 10px;
margin-left: 10px;
font-size: 75%;
text-align: right;
margin-top: 10px;
margin-bottom: 10px;
overflow:hidden;
}

p.header{
color: #555555;
font-family: arial black;
font-size: 120%;
font-weight:bold;
text-align: left;
}


p.fineprint{
font-family: arial;
color: #6D6A68;
margin-right: 5px;
margin-left: 5px;
font-size: 65%;
}

p.tea{
text-align: left;
margin-left:20px;
}

p.throw{
text-align: left;
margin-left:20px;
}

p.rejoice{
font-family: helvetica black, courier;
font-size:70%;
margin-right:20px;
margin-left:56px;
color: #6699CC;
margin-bottom:20px;
text-align: left;
}

p.plates{
font-family: helvetica;
margin-right:20px;
margin-left:20px;
color: #6699CC;
margin-bottom:20px;
text-align: center;
font-weight:bold;
}

p.about{
font-family: arial, verdena;
font-size:90%;
margin-right:20px;
margin-left:20px;
color: #EEEEEE;
margin-bottom:20px;
}

p.images{
font-family: arial, verdena;
font-size:90%;
margin-right:10px;
margin-left:10px;
color: #FFFFFF;
text-align: right;
margin-bottom:5px;
margin-top:5px;
}

p.butterfly{
font-family: courier;
font-size:80%;
margin-right:40px;
color: #66CCFF;
text-align: right;
margin-bottom:5px;
margin-top:5px;
font-weight:bold;
}

p.honey{
font-family: helvetica;
font-size:175%;
margin-right:20px;
margin-left:20px;
color: #CCCCCC;
text-align: left;
margin-bottom:5px;
margin-top:5px;
font-weight:bold;
}

p.directions{
font-family: helvetica, georgia, helvetica;
margin-right:10px;
margin-left:10px;
font-size: 90%;
}

p.breadcrumb{
font-family: helvetica, georgia, helvetica;
margin-right:10px;
margin-left:10px;
font-size: 65%;
text-align: left;
bottom: 30px;
font-weight:bold;
}


/* ************** Table properties *************** */

table.post{
margin-left:auto;
margin-right: auto;
border: 0px;
}

table.contact{
border:0px;
margin-left:25px;
}

table.directory{
border:0px;
margin-left:8px;
}

td.directory_names{
width:45%;
}

td.contactleft{
width:25%;
color:#666666;
}

td.contactright{
width:75%;
}

th{
text-align:left;
font-size:85%;
border-bottom:1px solid #dddddd;
}

th.phone{
width:80px;
}

th.email{
width:200px;
}

/* ************** Div properties *************** */

div.header{
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0px;
height: 40px;
width: 550px;
}

div.navigation{
position:absolute;
width:150px;
top:0px;
left:0px;
height:100%;
background: #cc0000;
border-right: solid 1px #000000;
border-bottom: solid 0px #000000;
font-weight:bold;
font-size:85%;
padding-top:0px;
padding-bottom:0px;
font-family:arial, sans serif;
text-align:left;
margin:0px;
z-index:0;
}

div.menu{
width:150px;
}

div.submenu{
/*margin-left:100px;*/
visibility:hidden;
float:left;
}

div.menuitem{
width:125px;
padding-top:2px;
padding-bottom:2px;
padding-left:0px;
margin-left:20px;
/*background:#ffffff;*/
color:#000000;
/*font-size:85%;
border: 1px solid #000000;*/
}

div.textualcontent{
position:absolute;
width:601px;
top:0px;
left:150px;
height:100%;
background: #ffffff;
border-right: solid 1px #000000;
border-left: solid 0px #000000;
border-bottom: solid 0px #000000;
margin:0px;
padding:0px;
overflow:auto;
overflow-x: hidden;
z-index:0;
}

div.biocontent{
position:absolute;
width:601px;
top:0px;
left:150px;
height:100%;
background: #ffffff;
border-right: solid 1px #000000;
border-left: solid 0px #000000;
border-bottom: solid 0px #000000;
margin:0px;
overflow:auto;
overflow-x: hidden;
z-index:0;
}

div.expertcontent{
margin-left:10px; 
margin-right:10px;
margin-top:115px; 
border: 0px solid #000000; 
}

div.stripe{
background: #8B0000;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
height: 8px;
border-bottom: solid 1px #ffffff;
border-top: solid 1px #ffffff;
border-left: solid 0px #ffffff;
border-right: solid 0px #ffffff;
}

/* div.content{
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
width: 100%;
height:100%;
} */

div.middle{
background: #ffffff;
height: 5px;
border-collapse: true;
left-margin: 0px;
right-margin: 0px;
margin-top: 0px;
bottom-margin: 0px;
float: left;
width: 100%;
}

div.bottom{
background: #000000;
left-margin: 0px;
right-margin: 0px;
top-margin: 0px;
bottom-margin: 0px;
border-collapse: true;
height: auto;
float: left;
width: 100%;
}

div.leftbuffer{
position: absolute;
left:10px;
top:120px;
width:149px;
background:#B0C4DE;
border:0px;
}

div.rightbuffer{
position: absolute;
right:10px;
top:120px;
width:149px;
background:#B0C4DE;
border:0px;
}

div.centercontent{
background:#ffffff;
margin-left: auto;
margin-right:auto;
margin-top: 0px;
width: 625px;
bottom:120px;
border:1px solid #666666;
border-top: 1px dashed #666666;
}

div.reply{
background:#ffffff;
margin-left: auto;
margin-right:auto;
margin-top: 0px;
width: 625px;
bottom:120px;
border:1px solid #666666;
}

div.banner{
margin-left: auto;
margin-right:auto;
width: 625px;
}

div.need{
width: 575px;
margin-left: auto;
margin-right:auto;
margin-top: 10px;
margin-bottom: 5px;
background: #F0FFF0;
padding: 8px;
}

div.comment{
width: 475px;
margin-left: auto;
margin-right:auto;
margin-top: 10px;
margin-bottom: 5px;
background: #F0F8FF;
padding: 8px;
}

div.pictures{
float: left;
margin-left: 20px;
margin-bottom: 10px;
width: 150px;
}

div.faculty{
float: right;
}

img.gtc{
margin-bottom:0px;
margin-top: 10px;
}

img.pigs{
margin-left: 375px;
}