html {overflow-y: scroll;} /* so scroll bar is always visible */

header, footer, nav, article, section {
  display: block; /* Needed for older browsers that don't support HTML5 */
}

body {
  background: #fff url(../images/bg-main.jpg) repeat 0 0;
  color: #555;
  font: 90%/1.7em Arial, Helvetica, sans-serif;
  margin: 0 auto;
  padding: 0;
}

/* Basic elements */

address {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  color: #5d0025;
  font: 1em/1.2em "Quattrocento", Georgia, "Times New Roman", Times, serif;
  margin: 1.5em 0 0;
  padding: 0;
}

h1 {
  font-size: 1.6em;
}

h2 {
  font-size: 1.4em;
}

h3 {
  color: #666;
  font-size: 1.2em;
	line-height: 1.4em;
}

h4 {
  color: #777;
  font-size: 1em;
  font-style: italic;
}

h1.dotted, h2.dotted, h3.dotted, h4.dotted {
	border-bottom: dotted 1px #ccc;
	padding-bottom: 5px;
}

img {
  border: 0;
}

p, ol, ul {
  margin: 1.5em 0;
  padding: 0;
}

ol, ul {
  padding-left: 30px;
}

ol ol, ul ul, ol ul, ul ol {
  margin: 0.5em 0;
}

ul {
  list-style: disc outside;
}

ol.lower-alpha {
  list-style-type:lower-alpha;
}

/* Basic classes */

.box {
  background: #edf6fa;
  margin: 1.5em 0;
  padding: 1px 15px;
  border-radius: 10px;
}

.center {
  text-align: center;
}

.clear {
  clear: both;
}

.date {
  font: 0.9em "Quattrocento", Georgia, "Times New Roman", Times, serif;
  padding-left: 5px;
}

.div {
  border-top: 1px dotted #e2e2e2;
  padding-top: 1.5em;
}

.footnote {
  color: #777;
  font-size: 0.8em;
  line-height: 1.7em;
  margin-top: -0.5em;
}
.fourth {
  width:24.5%; 
}
.frame {
  border: 1px solid #ececec;
  padding: 5px;
}

.half {
  width: 48%;
}

.intro-blurb {
  color: #777;
  font-size: 1.1em;
  line-height: 1.8em;
}

.left {
  float: left;
}

.mid {
  padding: 0 3.5%;
}

.option { /* For use within a heading */
  color: #777;
  font-size: 0.5em;
  padding-left: 10px;
  text-transform: uppercase;
}

.right {
  float: right;
}

.small {
  font-size: 0.8em;
  line-height: 1.7em;
}

.third {
  width: 31%;
}

.two-thirds {
  width: 64%;
}

img.alignright, img.alignleft,
.wp-caption {
  background: #fff;
  border: 1px solid #e5e5e5;
  display: block;
  padding: 5px;
  box-shadow: 0 0 5px #e2e2e2;
  max-width: 95%;
}

.alignleft {
  float: left;
  margin-right: 15px;
}

.alignright {
  float: right;
  margin-left: 15px;
}

.wp-caption {
  font-size: 0.8em;
  line-height: 1.7em;
  margin-bottom: 10px;
}

img.photo {
  background: #fff;
  border: 1px solid #e5e5e5;
  display: block;
  padding: 5px;
  box-shadow: 0 0 5px #e2e2e2;
  max-width: 95%;
	height: auto;
}

img.graphic {
  display: block;
  max-width: 100%;
}

p.citation {
  text-indent: -3em;
  padding-left: 3em;  
  display: block;
}

.yellow {
  background: #fffde1;
  border: 1px solid #fde9be;  
}

#back-to-top {
    background: #444444;
    bottom: 8px;
	right: 8px;
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    font-size: .9em;
    height: 20px;
    line-height: 1.8em;
    opacity: 0;
    padding: 10px;
    position: fixed;    
    text-align: center;
    width: 75px;
	border-radius: 5px;
}
	
	

/* Lists */

ul.nav, ul.news, ul.dotted {
  border-top: 1px dotted #ececec;
  list-style: none;
  margin-top: 0.5em;
  padding: 0;
}

ul.news {
  margin-bottom: 0;
}

ul.nav li, ul.news li, ul.dotted li {
  border-bottom: 1px dotted #ececec;
  padding: 5px 10px;
}


ul.news li {
  padding: 5px 0;
}

ul.nav li a {
  text-decoration: none;
}

ul.nav li.expand {
  padding: 0;
}

ul.nav li.expand a {
  background: url(../images/arrows-up-down.png) no-repeat 100% -47px;
  display: block;
  padding: 5px 10px;
}

ul.nav li.expand a.active {
  background-color: #f7f7f7;
  background-position: 100% 10px;
}

ul.nav ul {
  color: #777;
  font-size: 0.9em;
  line-height: 1.7em;
  list-style: disc outside;
  padding-left: 30px;
}

ul.nav ul li {
  border: 0;
  padding: 0;
}

ul.nav ul li a, ul.nav li.expand ul li a {
  background: none;
  display: inline;
  padding: 0;
  text-decoration: underline;
}

ul.news ul {
  border: 0;
  font-size: 0.8em;
  line-height: 1.7em;
  list-style: disc outside;
  margin: 0.5em 0;
}

ul.news ul li {
  border: 0;
  padding: 0;
}

ul.sub {
  color: #777;
  font-size: 0.8em;
  line-height: 1.7em;
  list-style: none;
  padding-left: 0;
}

ul.sub li {
  margin: 1em 0;
}

ul.tags {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.tags li {
  float: left;
  padding-right: 5px;
}

ul.tags li a {
  display: block;
  padding: 3px 8px;
}

ul.tags li a:hover, ul.tags li.selected a {
  background: #f2f2f2;
  border-radius: 5px;
}

ul.two-col {
  float: left;
  font-size: 0.8em;
  line-height: 1.7em;
  list-style-position: inside;
  margin-top: 0.5em;
  padding: 0 0 0 10px;
}

ul.two-col li {
  float: left;
  margin-right: 0.5%;
  width: 49%;
}

.pagenav, .groupnav {
  background: #f2f2f2;
  margin: 1em 0 1em;
  overflow: auto;
  padding: 10px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: inset 0 0 5px #e2e2e2;
  -webkit-box-shadow: inset 0 0 5px #e2e2e2;
  box-shadow: inner 0 0 5px #e2e2e2;
}

.pagenav h1, .groupnav h1 {
  color: #333;
  display: block;
  float: left;
  font: 0.9em/1.7em Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 3px 10px 3px 0;
}

.pagenav ul, .groupnav ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

.pagenav ul li, .groupnav ul li {
  float: left;
  margin-right: 10px;
}

.pagenav ul li a, .groupnav ul li.selected a {
  background: #fff;
  display: block;
  font-family: "Quattrocento", Georgia, "Times New Roman", Times, serif;
  padding: 3px 10px;
  text-decoration: none;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 5px #e2e2e2;
}

.pagenav ul li a:hover, .groupnav ul li.selected a:hover {
  box-shadow: 0 0 5px #ccc;
}

.groupnav ul {
  width: 100%;
}

.groupnav ul li a {
  display: block;
  font-family: "Quattrocento", Georgia, "Times New Roman", Times, serif;
  padding: 3px 10px;
  text-decoration: none;
}

.groupnav ul li.search {
  float: right;
  margin: 0 0 0 10px;
}

.groupnav ul li.search fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.groupnav ul li.search input[type="text"] {
  border: 0;
  display: block;
  float: left;
  font: italic 1em "Quattrocento", Georgia, "Times New Roman", Times, serif;
  padding: 6px;
  max-width: 7em;
  min-width: 4em;
  box-shadow: 0 0 5px #e2e2e2;
}

.groupnav ul li.search input.search-button {
  display: block;
  float: right;
  margin: 3px 0 0 5px;
  width: auto;
}

.groupnav ul li.search label {
  display: none;
}

/* Tables */

table.def {
  border: 0;
  border-collapse: collapse;
  line-height: 1.4em;
  margin: 1.5em 0 0;
}

table.def tr {
  border: dotted #ececec;
  border-width: 1px 0;
}

table.def td, table.def th {
  padding: 8px 5px;
}

table.def th {
  padding-right: 10px;
  text-align: right;
  vertical-align: top;
}

table.grid {
  border: 0;
  border-collapse: collapse;
  margin: 1.5em 0;
  padding: 0;
  width: 100%;
}

table.grid caption {
  padding-bottom: 1em;
  text-align: left;
}

table.grid th, table.grid td {
  border: solid #e2e2e2;
  border-width: 1px 0;
  padding: 5px 10px;
  text-align: left;  
  vertical-align: top;
}

table.grid th {
  background-color: #f2f2f2;
  background-image: -moz-linear-gradient(100% 100% 90deg, #ddd, #f2f2f2);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f2f2), to(#ddd));
  border-bottom: 1px solid #ccc;  
}

table.grid tr.alt td {
  background: #f3fafc;
}

/* Expanding sections */

dl.expand {
  margin: 1.5em 0;
  padding: 0;
}

dl.expand dt {
  background: #fff url(../images/arrows-up-down.png) no-repeat 100% -43px;
  border: 1px solid #ececec;
  color: #5d0025;
  font: 1.2em/1.5em "Quattrocento", Georgia, "Times New Roman", Times, serif;
  margin: 1px 0;
  padding: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

dl.expand dt a {
  display: block;
  text-decoration: none;
}
dl.expand dt a[href $='.pdf'] {
  background: url(../images/pdf.png) no-repeat 0 50%;
  padding-left: 20px;
}

dl.expand dt:hover, dl.expand dt.active {
  background-color: #f4f4f4;
  cursor: pointer;
}
dl.expand dt.active {
  background-position: 100% 15px;
}
dl.expand dd {
  border: 1px solid #ececec;
  margin: 0;
  padding: 10px 15px 20px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

dl.expand dd img {
  max-width: 100%;
}

/* Forms */

form {
  border: 0;
  margin: 0;
  padding: 0;
}

fieldset {
  border: 1px solid #f2f2f2;
  margin: 1.5em 0;
  padding: 5px 10px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

fieldset div {
  clear: both;
  padding: 5px 0;
}

fieldset div.half {
  clear: none;
  padding: 0;
}

fieldset div.required label:after {
  content: "(required)";
  color: #777;
  font-size: 0.8em;
  padding-left: 5px;
}

label {
  display: block;
  padding-bottom: 5px;
}

fieldset.inline label {
  display: inline;
  padding-bottom: 5px;
}

legend {
  color: #5d0025;
  font: 1.3em/1.7em "Quattrocento", Georgia, "Times New Roman", Times, serif;
}

input[type="text"], input[type="password"], input[type="email"], select, textarea {
  background: #fff;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fff)); /* Goofy iPad/iPhone fix */
  border: 1px solid #e2e2e2 !important; /*important so MailChimp styles don't override this*/
  color: #777;
  font: 1.2em Arial, Helvetica, sans-serif;
  padding: 7px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

input[type="text"], input[type="password"] {
  width: 25em;
}

aside input[type="text"], aside input[type="password"] {
  max-width: 15em;
}

input:focus, select:focus, textarea:focus {
  box-shadow: 0 0 5px #e2e2e2;
}

fieldset div.half input[type="text"] {
  width: 90%;
}

fieldset.select {
  padding-bottom: 15px;
}

fieldset.select div {
  border-bottom: 1px dotted #e2e2e2;
}

fieldset.select div:last-child {
  border: 0;
}

fieldset.select label {
  display: inline;
  font-weight: bold;
  padding: 0 5px;
}

fieldset.select span.note {
  font-style: italic;
}

fieldset.search {
  background: #fff;
  border: 1px solid #e2e2e2;
  margin: 0;
  padding: 3px 5px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

fieldset.search input[type="text"] {
  border: 0;
  float: left;
  font-size: 1em;
  margin: 6px 0 0 5px;
  padding: 0;
  width: 80%;
}

fieldset.search input:focus {
  box-shadow: none;
}

fieldset.search input.labelHighlight {
  color: #777;
}

fieldset.search label {
  display: none;
}

fieldset.search input.search-button {
  border: 0;
  float: right;
  margin: 2px 2px 2px 2px;
  padding: 0;
  text-align: center;
  width: 25px;
  -moz-border-radius: 0;
  border-radius: 0;
}

div#intro fieldset.search {
  margin: 1.5em 0;
  max-width: 30em;
}
  
.login input[type="text"], .login input[type="password"] {
  width:13em;
}

/* Error messages */

div.success, div.error, div.warning {
  background: #ffefe9 url(../images/warning.png) no-repeat 7px 5px;
  border: 1px solid #ffcbc6;
  color: #c00;
  font-weight: bold;
  margin: 1.5em 0;
  padding: 8px 0 8px 50px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

div.error {
  background-position: 7px 7px;
}

input.validatorHighlight, select.validatorHighlight, textarea.validatorHighlight {
  background-color: #ffefe9;
  border-color: #ffcbc6;
}

div.success {
  background-color: #effdde;
  background-image: url(../images/success.png);
  border-color: #c8ef9b;
  color: #390;
}

div.warning {
  background-color: #fffde1;
  border-color: #fde9be;
  color: #333;
}

/* Buttons */

div.button a,
input.button,
input.gsc-search-button {
  background-image: none;
  border: 1px solid;
  color: #fff !important;
  display: block;
  font: 1.3em/1.5em "Quattrocento", Georgia, "Times New Roman", Times, serif;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  width: auto;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

input.button,
input.gsc-search-button {
  cursor: pointer;
  font-size: 1.7em;
  line-height: 1.5em;
}

/* Default box widths */

#top-box, #header header, #search-box, #intro-box, #main-box, #about, #system-requirements, #article-header {
  margin: 0 auto;
  overflow: hidden;
  padding: 0 15px;
  max-width: 66.5em; /*63em*/ 
}

#main-box {
  overflow: visible;
}

/* Special Sections */

#map-canvas {
  height: 200px;
  width: 100%;
}

#map-canvas #map {
	height: 100%;	
}

/* Brand */

#top, #footer-about  {
  background: url(../images/bg-brand.jpg) repeat 0 0;
}

ul#brand {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul#brand li {
  background-color: #2a4714;
  background-image: -moz-linear-gradient(100% 100% 90deg, #1f350f, #2a4714);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2a4714), to(#1f350f));
  float: left;
}

ul#brand li a {
  background: url(../images/brands.png) no-repeat 50% 2px;
  display: block;
  font-size: 0;
  height: 37px;
  line-height: 0;
  text-indent: -10000px;
  width: 115px;
}

ul#brand li.extension {
  background-color: #024366;
  background-image: -moz-linear-gradient(100% 100% 90deg, #01324c, #024366);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#024366), to(#01324c));
}

ul#brand li.extension a {
  background-position: 50% -57px;
  width: 121px;
}

ul#brand li.college {
  background-color: #5d0025;
  background-image: -moz-linear-gradient(100% 100% 90deg, #46001c, #5d0025);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5d0025), to(#46001c));
}

ul#brand li.college a {
  background-position: 50% -117px;
  width: 121px;
}

/* Breadcrumbs */

ul#breadcrumbs, #other-institute {
  float: left;
  font-size: 0.75em;
  font-style: italic;
  line-height: 1.7em;
  list-style: none;
  margin: 0;
  padding: 0.7em 0 0;
}

ul#breadcrumbs li {
  background: url(../images/breadcrumb.png) no-repeat 100% 50%;
  display: inline;
  margin-right: 5px;
  padding-right: 12px;
}

ul#breadcrumbs li:last-child {
  background: none;
}

ul#breadcrumbs li a {
  font-style: normal;
  text-decoration: none;
}

#other-institute a {
  text-decoration: none;
}

ul#breadcrumbs li a:hover {
  text-decoration: underline;
}

/* Header */

#header {
  background: url(../images/bg-header-bottom.jpg) repeat-x 0 100%, url(../images/bg-header.jpg) repeat 0 0;
}

#header h1 {
  float: left;
  margin: 0;
  padding: 5px 0 10px;
  position: relative;
}

#header h1 a {
  background: no-repeat 0 2px;
  display: block;
  font-size: 0;
  height: 96px;
  line-height: 0;
  text-indent: -10000px;
  width: 250px;
}

#header h1 span#home {
  background: url("../images/home-icon.png") no-repeat 0 0;
  display: none;
  height: 16px;
  width: 19px;
  line-height: 0;
  text-indent: -10000px;
  font-size: 0;
  float: left;
  position: absolute;
  right: 0;
  bottom: 27px;
}

#header h1:hover span#home {
  display: block;
}

#nav-icon, #tab-nav-icon {
  height: 36px;
  width: 35px;
  display: none;
  float: right;
  margin-right: 5px;
  background: url("../images/nav-icon.png") no-repeat 0 0;
  border-radius: 5px;
}

#tab-nav-icon {
  margin-bottom: .5em;  
}

#nav-icon.expanded, #tab-nav-icon.expanded {
  background-position: 100% 0;  
}

#tab-nav-icon.expanded {
  margin-bottom: 0; 
}

#header ul {
  float: right;
  list-style: none;
  margin: 0 auto;
  padding: 62px 0 0;
}

#header ul li {
  float: left;
}

#header ul li a {
  color: #fff;
  display: block;
  float: left;
  font: 1.2em "Quattrocento", Georgia, "Times New Roman", Times, serif;
  margin: 0 3px 0 12px;
  outline: none;
  padding: 5px 8px;
  text-decoration: none;
}

#header ul li a:hover, #header ul li.selected a {
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#header ul li a.search {
  background: url(../images/search-nav.png) no-repeat 50% 50%;
  min-height: 20px;
  text-indent: -10000px;
  width: 16px;
}

/* Search */

#search{
  background: url(../images/bg-search.jpg) repeat 0 0;
  border-top: 1px solid;
  border-bottom: 1px solid;
  display: none;
}

#search div.close {
  background: url(../images/close-white.png) no-repeat 50% 50%;
  cursor: pointer;
  display: none;
  float: right;
  height: 20px;
  margin-left: 10px;
  width: 20px;
}

#search fieldset {
  border: 0;
  float: right;
  margin: 0;
  padding: 10px 0;
  text-align: right;
  width: 35%;
}

#search fieldset label {
  display: none;
}

#search fieldset input[type="text"] {
  border: 0;
  font-size: 1em;
  width: 15em;
  max-width: 60%;
}

#search fieldset input:focus {
  box-shadow: none;
}

#search fieldset input.button {
  display: inline;
  font-size: 1em;
  margin-left: 5px;
  padding: 5px 10px;
}

#search div.more-help {
  color: #fff;
  float: left;
  font-size: 0.9em;
  font-style: italic;
  line-height: 1.7em;
  padding: 15px 0;
  width: 60%;
}

/* Intro */

#intro {
  background: url(../images/bg-intro-top.jpg) repeat-x 0 0, url(../images/bg-intro.jpg) repeat 0 0;
  color: #fff;
  position: relative;
}

#intro-box, #main-box {
  padding-top: 1px;
  padding-bottom: 1px;
}

#intro h1, #intro h2, #intro h1 a {
  color: #fff;
  text-decoration: none;
}

.tagline h1 {
  border-right: 1px solid;
  float: left;
  margin: 1.5em 20px 1em 0;
  padding-right: 20px;
}

.tagline p {
  float: left;
  font: italic 1.2em/1.7em "Quattrocento", Georgia, "Times New Roman", Times, serif;
  margin: 2em 0 1.5em;
}

#intro img.photo {
  border: 0;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

#intro h1.program {
  font-size: 2em;
  line-height: 1.2em;
  margin: 1.2em 0 .3em;
}

#intro h1.program a {
  color: #fff;
  text-decoration: none;
}

/* Tabbed Navigation */

#tab-nav ul {
  list-style: none;
  float: left;
  margin: 0 0 -1px;
  padding: 0;
}

#tab-nav ul li {
  float: left;
  margin-right: 1px;
}

#tab-nav ul li a {
  color: #fff;
  display: block;
  font: 1.1em/1.7em "Quattrocento", Georgia, "Times New Roman", Times, serif;
  padding: 5px 15px;
  text-decoration: none;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

#tab-nav ul li.selected a,
#tab-nav ul li.selected a:hover {
  background-color: #eaeae8;
  background-image: -moz-linear-gradient(100% 100% 90deg, #eaeae8, #fff);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eaeae8));
  border: 0;
  color: #333;
  text-shadow: none;
}

/* Main */

#main {
  background: url(../images/bg-main-top.jpg) repeat-x 0 0;
  padding-bottom: 15px;
}

.sidecontent {
  float: left;
  width: 63%;
}

.sidebar {
  float: right;
  width: 33%;
}

/* Footer */

#footer-address, #footer-statement {
  font-size: 0.8em;
  line-height: 1.7em;
  padding: 1px 0 10px;
}

#footer-about h1 a {
  text-decoration: none;
}

#footer-about h1 {
  margin: 1.2em 0 -0.2em;
}

#footer-address {
  float: left;
  width: 40%;
}

#footer-statement {
  float: right;
  width: 58%;
}

#joint-statement {
  margin-top: 1.7em;
  padding: 5px 10px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#joint-statement p {
  margin: 0.5em;
}

#system-logo {
  float: right;
  padding: 10px 0;
  text-align: right;
  width: 8%;
}

ul#system-links, ul#shortcut-links {
  float: left;
  list-style: none;
  margin: 1em 0;
  padding: 0;
  width: 92%;
}

ul#shortcut-links {
  width: 20%;
  margin-top:0;
  float: right;
}

ul#system-links li, ul#shortcut-links li {
  border-right: 1px solid;
  float: left;
  line-height: 1.1em;
  margin: 5px 5px 5px 0;
  padding-right: 5px;
}

ul#system-links li.end-row, ul#shortcut-links li.end-row {
  border: 0;
}

#footer-system-requirements {
  background: url(../images/bg-footer-system.jpg) repeat 0 0;
  padding: 1px 0;
}

ul#system-links, #footer-system-requirements p, ul#shortcut-links {
  font-size: 0.8em;
  line-height: 1.7em;
}

/* Home Page */

#home-news {
  float: left;
  width: 30%;
}

#home-other {
  float: right;
  width: 65%;
}

#recent-news {
  margin-bottom: 1em;
}

#twitter ul {
  font-size: 0.8em;
  line-height: 1.5em;
  list-style: none;
  margin: 0 0 0.5em;
  padding: 5px 10px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#twitter ul li {
  padding: 5px 0;
}

#follow {
  background: url(../images/twitter.png) no-repeat 0 0;
  color: #5d0025;
  float: right;
  font: 1.1em/1.8em "Quattrocento", Georgia, "Times New Roman", Times, serif;
  min-height: 31px;
  padding: 0 0 1em 60px;
}

#follow a, .read a {
  border-bottom: 1px dotted #ccc;
  text-decoration: none;
}

.publication {
  margin: 1.5em 0 0;
}

.publication .photo img {
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 5px;
  box-shadow: 0 0 5px #e2e2e2;
}

.publication img {
  display: block;
  max-width: 95%;
}

.publication p {
  color: #777;
  font-size: 0.8em;
  line-height: 1.7em;
  margin: 0.8em 6px;
}

.publication .read {
  font: 1.1em/1.7em "Quattrocento", Georgia, "Times New Roman", Times, serif;
  margin: 0.5em 6px;
}

/* Home page rotating features */

#feature-nav {
  position: absolute;
  bottom: 10px;
  z-index: 1000;
}

#feature-nav a {
  background: url(../images/feature-nav.png) no-repeat 0 -40px;
  display: block;
  float: left;
  font-size: 0;
  height: 20px;
  line-height: 0;
  margin-right: 5px;
  text-indent: -10000px;
  width: 20px;
}

#feature-nav a.activeSlide {
  background-position: 0 0;
}

#feature-nav a:focus {
  outline: none;
}
  
#features {
  position: relative;
}

#features .feature {
  display: none;
}

#features .feature:first-child {
  display: block;
}

.feature .photo, .feature .issue, .feature .overlay {
  background: #fff;
  border: 0;
  padding: 5px;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.feature .caption {
  float: left;
  padding: 1em 0;
  width: 30%;
}

.feature .caption p {
  margin: 0;
  padding-top: 0.5em;
}

.feature .button {
  float: left;
  margin-top: 1.5em;
}

.feature .photos {
  float: right;
  padding: 10px 0;
  position: relative;
  width: 65%;
}

.feature img {
  display: block;
  max-width: 100%;
}

.magazine .photo, .photo-overlay .photo {
  float: right;
  margin: 0 0 25px;
  max-width: 80%;
}

.magazine .issue, .photo-overlay .overlay {
  position: absolute;
  left: 0;
  bottom: 10px;
}

.three-col .third {
  max-width: 31%;
}

.three-col .photo {
  position: relative;
  max-width: 100%;
}

.three-col .photo .caption {
  bottom: 5px;
  font-size: 0.8em;
  line-height: 1.7em;
  left: 5px;
  margin-right: 5px;
  padding: 10px;
  position: absolute;
  width: auto;
  max-width: 100%;
  display: none;
}

.three-col .photo a {
  color: #fff !important;
  text-decoration: none;
}

.logo-overlay .photo {
  float: right;
  margin: 0 0 22px;
  max-width: 90%;
}

.logo-overlay .logo {
  position: absolute;
  left: 0;
  bottom: 5px;
}

/* What We Do - Programs */

ul.programs {
  list-style: none;
  overflow: auto;
  padding: 0;
}

ul.programs li {
  border-top: 1px dotted #e2e2e2;
  clear: both;
  float: left;
  font: 1em/1.7em "Quattrocento", Georgia, "Times New Roman", Times, serif;
  overflow: auto;
  padding: 12px 0;
  width: 48%;
}

ul.finished li {
  padding: 5px 0;
}

ul.programs li.alt {
  clear: none;
  float: right;
}

ul.programs li span {
  color: #888;
  display: block;
  font: 0.8em/1.7em Arial, Helvetica, sans-serif;
}

ul.programs div.description {
  float: right;
  width: 81%;
}

ul.finished div.description {
  float: none;
  width: auto;
}

ul.programs div.photo {
  float: left;
  width: 17%;
}

ul.programs div.photo img {
  background: #fff;
  border: 1px solid #e5e5e5;
  display: block;
  padding: 3px;
  box-shadow: 0 0 5px #e2e2e2;
  max-width: 95%;
}

.navasota-image > img {
	padding: 4%;
	margin-top: 25px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	box-sizing: border-box;
	box-shadow: 0 0 10px #bbb;
}

/* People */

img.bio {
  margin: 0 2em 1em 0;
}

table.people div.photo>img.photo {
  max-height: 30px;
  padding: 2px;
}

table.people td {
  vertical-align: middle;
}

table.people td.name,
table.people td.email,
table.people td.phone {
  white-space: nowrap;
}

table.people td div.photo {
  cursor: pointer;
  position: relative;
}

table.people td div.photo div.hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

table.people td div.photo div.hover img.photo {
  height: 138px;
  max-height: 138px;
  padding: 5px;
  width: 113px;
  max-width: 113px;
}

.contact-info {
  background: rgba(255,255,255,0.2);
  border-radius: 8px;
  float: right;
  margin: 2.1em 0 1.5em;
  padding: 5px 10px;
}

ul.people-roles {
  list-style: none;
  margin: 0.5em 0;
  padding: 0;
}

ul.people-roles li {
  border-radius: 8px;
  clear: both;
  float: left;
  margin: 1em 0;
  overflow: auto;
  padding: 1.5% 0;
  width: 48%;
}

ul.people-roles li.alt {
  clear: none;
  float: right;
}

ul.people-roles div.photo {
  float: left;
  margin-left: 3%;
  width: 20%;
}

ul.people-roles div.photo img {
  background: #fff;
  border: 1px solid;
  display: block;
  padding: 5px;
  max-width: 100%;
}

ul.people-roles div.description {
  float: right;
  margin-right: 0 3%;
  width: 70%;
}

ul.people-roles h2 {
  font-size: 1.2em;
  margin: 0.5em 0 0.2em;
}

ul.people-roles div.contact {
  color: #777;
  margin: 0.5em 0 1em;
}

fieldset.people {
  float: right;
  margin-top: 2em;
  width: 20em;
}

/* Publications page */

.full-publication {
    border-bottom: 1px dotted #e2e2e2;
    clear: both;
    margin: 1.5em 0;
    padding: 0 0 1.5em;
}

.full-publication .preview {
    float: left;
    width: 20%;
}

.full-publication .description {
    float: right;
    width: 74%;
}

.full-publication .description p {
    margin: 0 0 0.8em;
}

.full-publication a.read {
    background-color: #f2f2f2;
    background-image: -moz-linear-gradient(100% 100% 90deg, #d2d2d2, #f2f2f2);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f2f2), to(#d2d2d2));
    border: 1px solid #e2e2e2;
    display: block;
    float: left;
    font: 1.2em/1.5em "Quattrocento", Georgia, "Times New Roman", Times, serif;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    width: auto;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.full-publication .subscribe {
    color: #777;
    float: left;
    font-size: 0.8em;
    line-height: 1.7em;
    padding: 0.8em 0 0 15px;
}

.full-publication .subscribe a {
    background: url(../images/mail.png) no-repeat 100% 50%;
    color: #577f9d;
    font-style: italic;
    padding-right: 20px;
}

/* Reports */

dl.reportslist {
  margin: 1.5em 0;
  padding: 0;
}

dl.reportslist dd {
  margin: 0;
  padding: 0 0 0 15%;
}
dl.reportslist dd.leftalign {
  padding-left: 0;
}
dl.reportslist dd.title {
  border-top: 1px solid #e2e2e2;
  font-weight: bold;
  padding-top: 9px;
}
dl.reportslist dd.links {
  padding-bottom: 10px;
  padding-top: 5px;
}
dl.reportslist dd.links a {
  margin-right: 15px;
}

dl.reportslist dt {
  clear: both;
  float: left;
  font-weight: bold;
  margin: 0;
  padding-top: 10px;
  width: 15%;
}
dl.reportslist dt.title {
  width: 100%; 
  border-top: 1px solid #e2e2e2;
}

p.search-nav {
  text-align: center;
}

p.search-nav .disabled {
  color: #999;
}

p.search-nav span.all {
  border-left: 1px solid #ccc;
  margin-left: 12px;
  padding-left: 15px;
}

/* Xslt Search */

#xsltsearch {margin: 0; padding-bottom: 20px;}
#xsltsearch_navigation {text-align: center;}
#xsltsearch_navigation .disabled {color: #AAA;}
#xsltsearch_stats {font-size: 75%; color: #999;}
#xsltsearch_results {padding-bottom: 20px;}
#xsltsearch h2 {font-size: 150%;}
.xsltsearch_result p {margin: 0; padding: 0;}
.xsltsearch_ordinal {font-weight: bold; font-size: 75%;}
.xsltsearch_title {font: 1.1em/1.7em "Quattrocento", Georgia, "Times New Roman", Times, serif;}
.xsltsearch_score {font-size: 75%;}
p.xsltsearch_result_description {padding-bottom: 1.5em;}
.xsltsearch_description strong {background: #FFD;} /* highlighting */

.xsltsearch_form {
  margin: 0 auto;
  text-align: center;
}

dl.search-results {
  margin: 1.5em 0;
  padding: 0;
}

dl.search-results dt {
  border-top: 1px dotted #e2e2e2;
  font: 1.1em/1.7em "Quattrocento", Georgia, "Times New Roman", Times, serif;
  margin: 0;
  padding-top: 1em;
}

dl.search-results dd {
  color: #888;
  margin: 0;
  padding: 0 0 1em 0;
}

/************************************************************************************

Media Queries

*************************************************************************************/

@media only screen and (max-width : 890px)  {
  #header ul li a {
    margin-left: 5px;
  }
  
  #header ul li a, #tab-nav ul li a {
    font-size: 1.05em;
  }

  #header ul li:first-child a {
    margin-left: 0;
  }
  
  .feature .caption {
    font-size: 0.9em;
    line-height: 1.7em;
  }
}

@media only screen and (max-width : 780px)  {
  #brand {
    display: none;
  }

  ul#breadcrumbs {
    padding-bottom: 0.7em;
  }

  #header h1 {
    float: none;
    margin: 0 auto;
  }
  
  #header h1 a {
    margin: 0 auto;
  }
  
  #header ul, #tab-nav ul {
    float: none;
    overflow: auto;
    padding: 5px 0 0;
  }

  #header, #tab-nav {
    padding-bottom: 1.5em;
  }

  #tab-nav ul {
    margin-top: -1em;
  }
  
  #header ul li, #tab-nav ul li {
    float: left;
    margin: 0 5px;
    padding: 5px 0;
    width: 48%;
  }
  
  #header ul li a {
    border: 1px solid;
    float: none;
    font-size: 1.2em;
    margin: 0;
    padding: 10px 15px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

  #tab-nav ul li a {
    border-radius: 5px;
    font-size: 1.2em;
  }
  
  #header ul li a.search {
    background-image: none;
    min-height: auto;
    text-indent: 0;
    width: auto;
  }
  
  #header .clear {
    padding: 15px 0 0;
  }
  
  /*#search {
    display: block;
  }*/
  
  #search fieldset {
    float: none;
    text-align: center;
    width: 100%;
  }
  
  #search div.more-help {
    display: none;
  }
  
  #main-box img {
    max-width: 98%;
  }

  .sidecontent, .sidebar,
  #home-news, #home-other,
  #footer-address, #footer-statement {
    clear: both !important;
    float: none !important;
    width: auto !important;
  }
  
  #system-logo {
    display: none;
  }
  
  /* Home page rotating images */
  .feature .caption p {
    display: inline;
  }
  
  .feature .caption {
    padding-bottom: 40px;
  }
  
  .feature .button {
    float: none;
    margin: 0;
  }
  
  .feature .button a {
    background: none !important;
    border: 0 !important;
    display: inline;
    font: 1.1em/1.5em "Quattrocento", Georgia, "Times New Roman", Times, serif;
    padding: 0;
    text-align: left;
    text-decoration: underline;
    width: auto;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none !important;
  }

  .feature .button a:hover {
    box-shadow: none;
  }
  
  .magazine .issue {
    width: 100px;
  }
  
  .photo-overlay .overlay {
    width: 150px;
  }
  
  .magazine .photo, .photo-overlay .photo {
    margin-bottom: 15px;
  }
  
  .tagline h1 {
    border: 0;
    float: none;
    margin: 1.5em 0 0;
    padding: 0;
  }
  
  .tagline p, .contact-info {
    float: none;
    margin: 1.5em 0;
  }
  
  .pagenav ul, .pagenav h1,
  .groupnav ul, .groupnav h1{
    float: none;
  }
  
  .pagenav ul li, .groupnav ul li {
    margin: 5px 5px 5px 0;
  }

  .groupnav ul li.search {
    float: left;
    margin: 0.5em 0 0 0;
  }
  
  .groupnav ul li.search input[type="text"] {
    max-width: none;
    min-width: none;
    padding-left: 10px;
    width: 60%;
  }

  .groupnav ul li.search input.search-button {
    display: block;
    float: left;
    margin: 5px 0 0 5px;
    width: auto;
  }

  ul.programs li, ul.programs li.alt {
    float: none;
    width: auto;
    }

  ul.programs div.description {
    float: right;
    width: 88% !important;
  }
  
  ul.finished div.description {
    float: none;
    width: auto;
  }
  
  ul.programs div.photo {
    float: left;
    width: 10% !important;
  }

  table.people td.pic {
    display: none;
  }

  ul#shortcut-links {
    width: 100%;
  }

  h1.program {
    text-align: center;
  }
}

@media only screen and (max-width : 550px)  {
  #nav-icon, #tab-nav-icon {
    display: block;
  }

  #header nav, #tab-nav {
    clear: both;
    display: none;
  }

  ul#breadcrumbs {
    /*display: none;*/
  }  

  #features, #feature-nav {
    display: none;
  }

  #intro-box {
    overflow: visible;
  }

  #header ul li,
  #tab-nav ul li,
  .publication,
  #featured-program,
  #home-other #training {
    float: none;
    width: auto;
  }
  
  .publication {
    padding: 0;
  }
  
  .feature .photos {
    display: none;
  }
  
  .feature .caption {
    float: none;
    width: auto;
  }
  
  .feature .more {
    display: inline;
  }
  
  .pagenav ul li, .groupnav ul li {
    float: none;
    margin: 5px 0;
  }

  img.bio {
    margin: 0 0.5em 0.5em 0;
    max-width: 35% !important;
    padding: 2px;
  }

  fieldset.people {
    display: none;
  }

  table.people {    
    width: 100%;
  }  

  table.people td {
    display: block;
    width: 94%;
    padding-left: 3%;
    padding-right: 3%;
  }

  table.people td.name {
    border-bottom: 0;
    padding-bottom: 0;
    clear: both;  
  }

  
  table.people td.email {
    float: left;
    width: 44%;    
  }

  table.people td.phone {
    float: right;
    width: 44%;
    text-align: right;  
  }

  table.people td.title, table.people td.phone, table.people td.email {
    border: 0;
    padding-top: 0;    
  }

  
  table.people td.pic {
    display: none;
  }

  ul.people-roles li, ul.people-roles li.alt {
    clear: both;
    float: none;
    width: 100%;
  }

  ul.people-roles div.photo img {
    padding: 3px;
  }

  ul.programs div.photo {
    display: none;
  }

  ul.programs div.description {
    float: none;
    width: auto;
  } 
}

@media only screen  {
	a[href $='.pdf'].no-icon {
		background-image: non;
		padding-right: inherit;
	}
	
  	a.doc, a[href $='.doc'], a[href $='.docx'] {
    	background: url(../images/doc.png) no-repeat 100% 50%;
    	padding-right: 20px;
  	}
  	a.pdf, a[href $='.pdf'] {
    	background: url(../images/pdf.png) no-repeat 100% 50%;
    	padding-right: 20px;
  	}
  	a.ppt, a[href $='.ppt'], a[href $='.pptx'] {
    	background: url(../images/ppt.png) no-repeat 100% 50%;
    	padding-right: 20px;
  	}
  	a.xls, a[href $='.xls'], a[href $='.xlsx'], a[href $='.csv'] {
    	background: url(../images/xls.png) no-repeat 100% 50%;
    	padding-right: 20px;
  	}
  	a.xls-left {
    	background: url(../images/xls.png) no-repeat 0 50%;
    	padding-left: 20px;
  	}
  	a.zip, a[href $='.zip'] {
    	background: url(../images/zip.png) no-repeat 100% 50%;
    	padding-right: 20px;
  	}
  
  	a.flickr {
    	background: url(../images/flickr.png) no-repeat 100% 50%;
    	padding-right: 22px;
  	}

  	a.facebook, a[href*="facebook.com"]:not(.no-icon) {
    	background: url(../images/facebook-small.png) no-repeat 100% 50%;
    	padding-right: 22px;
  	}

  	a.twitter{
    	background: url(../images/twitter-small.png) no-repeat 100% 50%;
    	padding-right: 20px;
  	}

  	a.linkedin{
    	background: url(../images/linkedin-small.png) no-repeat 100% 50%;
    	padding-right: 20px;
  	}

  	a.blogger {
    	background: url(../images/blogger.png) no-repeat 0 50%;
    	padding-left: 22px;
  	}
}
  /*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
  */
  #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
  #cboxOverlay{position:fixed; width:100%; height:100%;}
  #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
  #cboxContent{position:relative;}
  #cboxLoadedContent{overflow:auto;}
  #cboxTitle{margin:0;}
  #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
  #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
  .cboxPhoto{float:left; margin:auto; border:0; display:block;}
  .cboxIframe{width:100%; height:100%; display:block; border:0;}
  
  /*
      User Style:
      Change the following styles to modify the appearance of ColorBox.  They are
      ordered & tabbed in a way that represents the nesting of the generated HTML.
  */
  #cboxOverlay{background:#000;}
  #colorbox{}
      #cboxTopLeft{width:14px; height:14px; background:url(../images/controls.png) no-repeat 0 0;}
      #cboxTopCenter{height:14px; background:url(../images/border.png) repeat-x top left;}
      #cboxTopRight{width:14px; height:14px; background:url(../images/controls.png) no-repeat -36px 0;}
      #cboxBottomLeft{width:14px; height:43px; background:url(../images/controls.png) no-repeat 0 -32px;}
      #cboxBottomCenter{height:43px; background:url(../images/border.png) repeat-x bottom left;}
      #cboxBottomRight{width:14px; height:43px; background:url(../images/controls.png) no-repeat -36px -32px;}
      #cboxMiddleLeft{width:14px; background:url(../images/controls.png) repeat-y -175px 0;}
      #cboxMiddleRight{width:14px; background:url(../images/controls.png) repeat-y -211px 0;}
      #cboxContent{background:#fff; overflow:visible;}
          #cboxLoadedContent{margin-bottom:5px;}
          #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
          #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
          #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
          #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
          
          #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
          #cboxPrevious{left:0px; background-position: -51px -25px;}
          #cboxPrevious.hover{background-position:-51px 0px;}
          #cboxNext{left:27px; background-position:-75px -25px;}
          #cboxNext.hover{background-position:-75px 0px;}
          #cboxClose{right:0; background-position:-100px -25px;}
          #cboxClose.hover{background-position:-100px 0px;}
          
          .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
          .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
          .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
          .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}


@media only print  {
  #top, #header ul, #search, #tab-nav, footer {
    display: none;
  }

  #header h1 {
    border-bottom: 1px solid #e2e2e2;
    color: #666;
    float: none;
    margin: 0;
    padding: 0;
    text-align: right;
  }

  #header h1 a {
    background: none;
    color: #666;
    display: inline;
    font: italic 0.6em/1.4em "Quattrocento", Georgia, "Times New Roman", Times, serif;
    height: auto;
    text-decoration: none;
    text-indent: 0;
    width: auto;
  }

  #intro {
    text-shadow: none !important;
  }

  .sidecontent, .sidebar,
  #home-news, #home-other,
  #footer-address, #footer-statement {
    clear: both !important;
    float: none !important;
    width: auto !important;
  }

  .tagline h1 {
    border: 0;
    float: none;
    margin: 1.5em 0 0;
    padding: 0;
  }
  
  .tagline p, .contact-info {
    float: none;
    margin: 1.5em 0;
  }
}











































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
div {

}

.caption {

}

.left {

}

.right {

}

.photo {

}

h1 {

}

h2 {

}

h3 {

}

h4 {

}

p.intro-blurb {

}

blockquote {

}

.citation {

}

p {

}