/* Positioning and Layout */
body, html {
     margin: 0;
     padding: 0;
     text-align: center;
}
#wrap {
     width: 780px; /*wraps whole document*/
     margin: 0 auto 0;
     background: url(leftborder.gif) #FFFFFF scroll left repeat-y;
     text-align: left;
}
#header {
     width: 100%; /*Branding, logo, and top image*/
     margin: 0;
     padding: 0;
     background: url(Branding.jpg);
     height: 150px;
}
#navdiv {
     float: left; /*navigation elements on the left of doc */
     width: 170px;
     background: url(navbackground.gif) no-repeat;
     height: 240px;
}
#content {
     margin-left: 190px; /*actual page content */
     background: url(rightborder.gif) #FFFFFF scroll 100% 0% repeat-y;
}
#header h1 {
     padding: 0;
     margin: 0;
}
#header h1 a{
     padding: 0;
     margin: 0;
     display: none; /*hides the Perdue Inc. text intstead dsiplaying the graphic image*/
}
/*makes sure the elements fit together with no spacing*/
#navdiv ul {
     margin-top: 0;
}
#bottom {
     margin: 0;
     background: url(bottom.gif) #FFFFFF scroll center bottom no-repeat;
     text-align: center;
     height: 55px;
}
/*styling of the nav list */
#navdiv ul {
     margin-left: .8em;
     padding: .8em 0 0 .1em;
     list-style: none; /*get rid of the dots*/
}
#navdiv ul li {
     margin-left: 1.2em;
     padding: 0 0 .5em 0;
     text-indent: -1em;
}
#navdiv ul li a, #navdiv ul li a:link, #navdiv ul li a:visited {
     color: #006633;
     font: normal bold 1em Arial, Helvetica, sans-serif;
     text-decoration: none;
}
#navdiv ul li a:hover, #navdiv ul li a:focus {
     color: #333300;
}
#navdiv ul li a.here, #navdiv ul li a.here:link, #navdiv ul li a.here:visited #navdiv ul li a.here:hover, #navdiv ul li a.here:active{
     color: #333300 ! important;
}
/*syling the content*/
#content {
     font: normal normal .9em Arial, Helvetica, sans-serif;
}
#content h2 {
     margin: 0 5em 0 0;
     padding-top: .3em;
     border-bottom: 5px solid #CCCC99;
     color: #006633;
     font: normal bold 2em Arial, Helvetica, sans-serif;
}
#content p {
     margin: 0;
     padding: .2em 1.5em .6em 0;
}
#content a, #content a:link {
     border-bottom: 1px solid #006633;
     padding-bottom: 0;
     color: #006633;
     text-decoration: none;
}
#content a:visited {
     border-bottom: 1px solid #006633;
     color: #333300;
}
#content a:hover, #content a:focus {
     border-bottom: 3px solid #CCCC99;
}
/*styling of the footer*/
#bottom p {
     margin-top: 0px;
     padding-top: 10px;
     color: #CCCC99;
     font: italic normal .7em Arial, Helvetica, sans-serif;
}
/*styling of the people table */
table#ourteam {
     border: 0;
     margin: 1em;
     vertical-align: top;
}
table#ourteam tr {
     vertical-align: top;
}
table#ourteam td.headshot {
     width: 150px;
     height: 130px; /*this will give a padding b/t images*/
}
table#ourteam td.info {
     width: 200px;
     text-align: left;
}
table#ourteam ul, table#ourteam ul li {
     margin: 0 .3em;
     padding: 0;
     list-style-type: none;
}
table#ourteam tr td.info ul li.name {
     font-weight: bold;
}
table#ourteam tr td.info ul li.title {
     color: #666666;
     font-style: italic;
}
table#ourteam tr td.info ul li.maillink {
     font-size: .8em;
}
