body
{
  font-size:1em;
  margin:0;
  padding:0;
  height:100%;
}

a
{
  color:#002185;
}

a:hover
{
  color:#8a56ba;
}

p
{
  text-align:justify;
  margin-top:0em;
}

#fade
{
  position:absolute;
  top:0px;
  margin-left:1%;
  width:20%;
  height:600px;
  background-image:url('imageresources/fade.jpg');
  background-repeat:repeat-x;
  z-index:1;
}

#banner
{
  position:absolute;
  right:1%;
  top:30px;
}

#content
{
    position:relative;
    padding:0px;
    margin-right:1%;
    margin-left:1%;
    margin-top:82px;
    border-top:4px darkblue solid;
    border-bottom:4px darkblue solid;
    text-align:left;
    min-width:500px;
    height:100%;
    z-index:2;
}

#footer
{
  position:relative;
  z-index:2;
  width:100%;
  color:#999999;
  margin-top:15px;
  text-align:center;
}

#contentTable
{
  width:100%;
  padding:0px:
  margin:0px;
}

/* for tr within <table id="contentTable"> */
#contentTable tr
{
  vertical-align:top;
}

#contentCell
{
  width:81%;
  padding-top: 40px;
  padding-left: 30px;
  padding-right:30px;
}

#menuCell
{
  width:19%;
  font-size:1em;
}

#menuList
{
    margin: 0;
    padding: 1px;
    padding-left: 15%;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 85%;
    list-style: none;
    text-align: left;
}

/* for li within <ul id="menuList">
/* top & bottom 1 em, left & right 0px */
#menuList li
{
    margin: 1em 0px;
}

#menuList li.sub
{
    margin-left: 10%;
}

li.sub
{   
  background: url(imageresources/arrow.gif) left center no-repeat;
  padding-left: 14px;    
}

li.home
{
  background: url(imageresources/home.gif) left center no-repeat;
  padding-left: 14px;
}

li.people
{
  background: url(imageresources/people.gif) left center no-repeat;
  padding-left: 14px;
}

li.services
{
  background: url(imageresources/services.gif) left center no-repeat;
  padding-left: 14px;
}

li.department
{
  background: url(imageresources/department.gif) left center no-repeat;
  padding-left: 14px;
}

li.contact
{
  background: url(imageresources/speechbubble.gif) left center no-repeat;
  padding-left: 14px;
}

#infoTable
{
  width:100%;
  padding:0px;
  margin:0px;
}


#infoTable td
{
    vertical-align:middle;
}

/* ID infoTable, class people */
#infoTable.people
{
  margin-bottom:40px;
}

#infoTable.peopleTop
{
  margin-bottom:0px;
}


#infoTable td:first-child
{
  width:75%;
  vertical-align:middle;
}


#infoTable.people td
{
  width:60%;
  vertical-align:middle;
  text-align:center;
}

/* all are set above, so no need for a first-child
#infoTable.people td:first-child
{
  width:60%;
  vertical-align:middle;
  text-align:center;
}
*/


#infoTable.peopleTop td
{
  width:60%;
  vertical-align:middle;
  text-align:center;
}


#infoPane
{
  padding:5px;
  margin-left:10px;
  border-left:1px darkblue solid;
}


#infoPane p
{
  text-align:center;
  color:#999999;
  font-size:0.9em;
}


#infoPane p.highlight, #infoTable.people p.highlight
{
  text-align:center;
  color:darkblue;
  font-size:1em;
  font-weight:bold;
}

#googleMapTitle
{
  display:none;
}

#googleMapInput
{
  display:none;
}

#googleInput
{
   text-align:center;
   margin-left:10px;
   margin-right:10px;
}

#map
{
  display:none;
  width:100%;
  height:600px;
}

.pageTitle
{
  color:darkblue;
  font-size:1.45em;
  font-weight:bold;
  margin-bottom: 0.7em;
}

.pageTitleCenter
{
  color:darkblue;
  font-size:1.45em;
  font-weight:bold;
  margin-bottom: 0.7em;
  text-align:center;
}


.highlight
{
  color:darkblue;
  font-weight:bold;
  font-size:1.2em;
  margin-top: 1.5em;
  margin-bottom: 0.7em;
}


.info
{
  color:#999999;
  font-size:0.9em;
}