/* =MAIN LAYOUT
---------------------------------------------------- */

* {
    padding: 0;
    margin: 0;
    }

body {
    color: #ccc;
    text-align: center;
    font: normal 11px/15px "Lucida Grande", arial, verdana, helvetica, sans-serif;
    background: #1a2938;
	}
#wrap {
    width: 750px;
    margin: 0 auto;
    text-align: left;
    background: #003366;
    border: #111b24 solid;
    border-width: 0 7px 7px 7px;
    }
#header {
    width: 750px;
    height: 110px;
    position: relative;
    background: url(/images/bg_header.gif) no-repeat;
    }
#header h1 {	
	float: left;
	text-indent: -9999px;
	}
#header h1 a {
	display: block;
	width: 240px;
	height: 100px;
	border: 0;
	padding: 0;
	}
p#tagline {
    font-family: georgia, times, serif;
    font-size: 11px;
    position: absolute;
    top: 15px;
    right: 20px;
    margin: 0;
    }
p#tagline a {
    color: #ccc;
    text-decoration: none;
    }
p#tagline a:hover {
    color: #fff;
    }
#main {
    padding: 10px;
    }
div.emphasis {
    background: url(/images/bg_emphasis.gif) top left;
    margin: 0 0 10px 0;
    color: #999;
    }
div.content {
    float: left;
    width: 400px;
    margin: 10px 0 0 20px;
    display: inline;
    }
div.content-wide {
    float: left;
    width: 690px;
    margin: 10px 0 0 20px;
    display: inline;
    }
div.sidebar {
    float: right;
    width: 250px;
    margin: 10px 20px 0 0;
    display: inline;
    }
div.emphasis div.content {
    margin: 20px 0 10px 20px;
    }
div.emphasis div.sidebar {
    margin: 20px 20px 10px 0;
    }
#extra {
    background: url(/images/bg_extra.gif);
    padding: 10px;
    font-size: 11px;
    color: #fff;
    }
#footer {
    width: 710px;
    margin: 20px auto;
    text-align: left;
    font-size: 10px;
    color: #999;
    }
#footer a {
    color: #ccc;
    }

/* Our Agenda */

div.agenda-block {
    margin: 0 0 15px 0;
    clear: both;
    font-size: 10px;
    line-height: 14px;
    }
div.agenda-block p {
    margin: 0;
    }

/* =NAV
---------------------------------------------------- */

ul#top-nav {
    list-style: none;
    position: absolute;
    bottom: 18px;
    right: 20px;
    }
ul#top-nav {
    margin: 0;
    }
ul#top-nav li {
    float: left;
    margin: 0 0 0 15px;
    background: none;
    padding: 0;
    }
ul#top-nav li a {
    color: #ccc;
    text-decoration: none;
    font-size: 12px;
    }
ul#top-nav li a:hover {
    color: #fff;
    }
ul#top-nav li a.active {
    font-weight: bold;
    color: #fff;
    }
#nav {
    width: 750px;
    background-repeat: no-repeat !important;
    }
#nav ul {
    list-style: none;
    margin: 40px 0 0 0;
    float: left;
    }
#nav ul li {
    float: left;
    padding: 0;
    background: none;
    }
#nav ul li a {
    width: 150px;
    height: 70px;
    float: left;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    }
#nav ul li a:hover {
    background-position: 0 -70px;
    }
#nav ul li a.active, #nav ul li a.active:hover {
    background-position: 0 -140px;
    }
li#n1 a {background-image: url(/images/nav_welcome.gif); }
li#n2 a {background-image: url(/images/nav_memphis.gif); }
li#n3 a {background-image: url(/images/nav_working.gif); }
li#n4 a {background-image: url(/images/nav_research.gif); }
li#n5 a {background-image: url(/images/nav_news.gif); }

/* Subnav */

ul.subnav li a.active {
    color: #669966;
    text-decoration: none;
    font-weight: bold;
    }

/* =HEADERS
---------------------------------------------------- */

h2 {
    color: #ff6633;
    font-size: 15px;
    margin: 0 0 15px 0;
    }
#extra h2 {
    color: #111b24;
    }
h3 {
    font-family: georgia, "times new roman", times, serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 5px 0;
    padding: 5px 0 0 0;
    color: #ff6633;
    }
h4 {
    font-size: 13px;
    margin: 0 0 5px 0;
    color: #669966;
    }

/* =LISTS
---------------------------------------------------- */

dl.entries dt {
    font-weight: bold;
    margin: 0 0 3px 0;
    padding: 0 0 0 20px;
    color: #669966;
    font-size: 12px;
    background: url(/images/bullet.gif) 0 .4em no-repeat;
    }
dl.entries dd {
    padding: 0 0 10px 20px;
    margin: 0 0 10px 0;
    border-bottom: #002957 solid 1px;
    }
dl.comments dd {
    padding: 10px;
    background: #002957;
    }
dl.comments dt {
    background: url(/images/bg_dt-comment.gif) 15px 0 no-repeat;
    padding: 10px;
    color: #669966;
    margin: 0 0 10px 0;
    }
ul {
    list-style: none;
    margin: 0 0 10px 0;
    }
ul li {
    background: url(/images/bullet.gif) 0 .4em no-repeat;
    padding: 0 0 5px 15px;
    }
ul.jobs {
    list-style: none;
    margin: 0 0 10px 0;
    }
ul.jobs li {
    border-bottom: #002957 solid 1px;
    padding: 7px 0;
    background: none;
    }
div.emphasis ul.jobs li {
    border-bottom: #003366 solid 1px;
    }
ul.photos li {
    display: inline;
    list-style: none;
    margin: 0 2px 0 0;
    background: none;
    padding: 2px 0 0 0;
    }
ul.photos img.thumb {
    border: #000 solid 2px;
    vertical-align: middle;
    }    
dl.form dt {    
    text-transform: uppercase;
    margin: 0 0 5px 0;
    color: #669966;
    }
dl.form dd {
    padding: 0 0 10px 1px;
    margin: 0 0 10px 0;
    border-bottom: #003366 solid 1px;
    }

/* =LINKS
---------------------------------------------------- */

a {
    color: #fff;
    outline: none;
    text-decoration: none;
    }
a:hover {
    color: #ff6633;
    text-decoration: underline;
    }
#extra a:hover {
    color: #000;
    }
a.more {
    background: url(/images/bg_link-more.gif) right no-repeat;
    padding: 0 10px 0 0;
    white-space: nowrap;
    }
#extra a.more {
    background: url(/images/bg_link-more-extra.gif) right no-repeat;
    }
a.video {
    background: url(/images/icon_video.gif) 0 .3em no-repeat;
    padding: 0 0 0 18px;
    }
a.commentslink {
    background: url(/images/icon_comment.gif) 0 .3em no-repeat;
    padding: 0 0 0 12px;
    }

/* =TEXT
---------------------------------------------------- */

p {
    margin: 0 0 10px 0;
    }
small {
    font-size: 10px;
    line-height: 12px;
    color: #999;
    }
.clear {
    clear: both;
    }
em {
    font-family: georgia, "times new roman", times, serif;
    }
div.form-wrap {
    background: #002957;
    padding: 15px;
    margin: 0 0 10px 0;
    }
blockquote {
    font-size: 14px;
    line-height: 20px;
    font-family: georgia, "times new roman", times, serif;
    font-style: italic;
    margin: 0 0 10px 0;
    color: #669966;
    border-bottom: #002957 solid 2px;
    padding: 0 0 10px 0;
    }
hr {
    border: #002957 solid;
    border-width: 0 0 2px 0;
    margin: 15px 0;
    }

div.error {
    color: #fff;
    padding: 10px 10px 2px 10px;
    margin: 0 0 10px 0;
    background: #669966;
    font-size: 12px;
    }
div.error h2 {
    color: #fff;
    margin: 0 0 5px 0;
    }

/* =IMAGES
---------------------------------------------------- */

img.thumb {
    border: #000 solid 2px;
    }
img.left {
    float: left;
    margin: 0 10px 5px 0;
    }
a img {
    border: 0;
    }

/* =TABLES
---------------------------------------------------- */
table {
    font: normal 11px/15px "Lucida Grande", arial, verdana, helvetica, sans-serif;
    margin: 0 0 10px 0;
    }
tr th {
    text-align: left;
    }
tr.alt td {
    background: #002957;
    }
table.list {
    border-bottom: #669966 solid 1px;
    }
table.list tr th {
    text-transform: uppercase;
    color: #669966;
    padding: 5px;
    border-bottom: #669966 solid 2px;
    }
table.list tr td {
    padding: 5px;
    }
table.photos tr td, table.videos tr td {
    vertical-align: top;
    padding: 0 0 10px 0;
    width: 33%;
    }

/* =FORMS
---------------------------------------------------- */

input {
    margin: 0 0 3px 0;
    font: normal 12px/14px "Lucida Grande", arial, verdana, helvetica, sans-serif; 
    }

/* SELF-CLEARING FLOATS
---------------------------------------------------- */
#nav:after,
#extra:after,
div.emphasis:after,
#main:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* trigger hasLayout and target ie5+6/win only */
* html #nav,
* html #extra,
* html div.emphasis,
* html #main {
	height: 1%;
	}

/* trigger hasLayout and target ie7/win only */
*:first-child+html #nav,
*:first-child+html #extra,
*:first-child+html div.emphasis,
*:first-child+html #main {
	min-height: 1px;
	}