/* Override default browser margins and padding */

* {
  margin: 0;
  padding: 0;
}

/* Basic typography and colours */

body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 62.5%;
  width: 96em;
  margin: 0 auto;
  line-height: 2em;
  color: #4e4c4c;
}

ul, ol, p {
  font-size: 1.2em;
}

ul {
  margin-left: 1em;
}

p {
  padding: 0 2.5em 1em 0;
}

.final {
  padding-bottom: 2em;
}

.links {
 list-style-type: none;
  margin: 0;
}

h2 {
  margin-right: 2em;
  margin-bottom: 1em;
  font-family: Times;
  font-variant: small-caps;
  font-size: 1.6em;
  color: #794D57;
  border-bottom: 2px #794D57 solid; 
}


/* Masthead */

h1 {
  height: 320px;
  background: url(../images/blueSky.jpg) top left no-repeat;
  text-indent: -5000px;
}

h1#lifelong_learning {
    background: url(../images/trees.jpg) top left no-repeat;
}

h1#international {
    background: url(../images/treeRow.jpg) top left no-repeat;
}

/* Main Navigation */

ol#mainNavigation {
  list-style-type: none;
  padding: 0 0 0.5em 0;
  margin-bottom: 5em;
}

ol#mainNavigation li {
  float: left;
  background-color: #3A5E6C;
  border-right: 1px #ffffff solid;
}

ol#mainNavigation li.last {
  border-right: none;
}

ol#mainNavigation li#current {
  background-color: #1D3036;
}

ol#mainNavigation a {
  display: block;
  width: 14.93em;
  line-height: 1.5em;
  color: #ffffff;
  padding: 1em 0 0.8em 1em;
  text-decoration: none;
}

ol#mainNavigation a:hover, ol#mainNavigation a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #6E7E83;
}

/* Regular Content Links */

a {
  color: #4e4c4c;
  text-decoration: none;
  border-bottom: 1px #4e4c4c dotted;
}

a:hover {
  color: #4e4c4c;
  text-decoration: none;
  border-bottom: 1px #4e4c4c solid;
}

a#thisPage {
  border: none;
  font-weight: bold;
}

/* Main Content Area */

div#mainContent {
  width: 80em;
  float: left;
}

div#featureArticle {
  width: 64em;
  float: right;
}

div#sidebar {
  width: 16em;
  float: left;
}

/* Featured Content List Item Styles */

li#summer {
  background: url(../images/summerSchool2.jpg) top left no-repeat;
}

li#missile {
  background: url(../images/hardDrive2.jpg) top left no-repeat;
}

li#matrix {
  background: url(../images/matrixBar2.jpg) top left no-repeat;
}

li#int {
  background: url(../images/intList.jpg) top left no-repeat;
}

li#underGrad {
  background: url(../images/undergrad.jpg) top left no-repeat;
}

li#profDevelopment {
  background: url(../images/postPro.jpg) top left no-repeat;
}

li#researchDegrees {
  background: url(../images/gBlock.jpg) top left no-repeat;
}

li#postTaught {
  background: url(../images/resDeg.jpg) top left no-repeat;
}

li#foundation {
  background: url(../images/gate.jpg) top left no-repeat;
}

li#continuing {
  background: url(../images/statue.jpg) top left no-repeat;
}

li.featuredItem h3 {
  margin-left: 12em;
}

li > p {
  margin-left: 14em;
  padding-bottom: 4em;
  font-size: 1em;
}

li.featuredItem {
  padding-bottom: 1em;
}

/* Featured Content Images */

p > img {
  float: right;
  margin: -1em -1em 1em 0;
  padding-left: 0.5em;
}

/* Left-hand Sidebar */

div#sidebar ol {
  padding-right: 2em;
  padding-bottom: 1em;
}

.date {
  font-family: Times;
  font-variant: small-caps;
  font-size: 1.1em;
  color: #794D57;
}

/* Form Elements */

input {
  width: 10em;
  margin-bottom: 0.5em;
}

/* Search Results */

div#searchResults img {
  float: left;
  margin-right: 5em;
  margin-left: -0.6em;
}

/* Elsewhere on the Web Icons */

li#facebook {
  background: url(../images/facebook.jpg) top left no-repeat;
  padding-left: 2.5em;
  padding-bottom: 0.5em;
}

li#iTunes {
  background: url(../images/iTunes.jpg) top left no-repeat;
  padding-left: 2.5em;
  padding-bottom: 0.5em;
}

li#twitter {
  background: url(../images/twitter.jpg) top left no-repeat;
  padding-left: 2.5em;
  padding-bottom: 0.5em;
}

li#youtube {
  background: url(../images/youtube.jpg) top left no-repeat;
  padding-left: 2.5em;
}

/* Secondary Navigation & Extras */

div#secondaryNav {
  width: 16em;
  float: right;
}

div#secondaryNav ul {
  padding-bottom: 1em;
}

/* Footer Area */

div#siteMap {
  clear: both;
  padding-top: 5em;
}

div#siteMap ul {
  float: left;
  padding-right: 3.5em;
}

div#administrivia {
  clear: left;
  padding-top: 3em;
}

div#administrivia li{
  float: left;
  padding-right: 3.5em;
}

/* Autocomplete Dropdown list */



ul.dropDown{
  display: none;
  margin: -0.5em 0 1em 0;
  list-style-type: none;
  width: 11.5em;
  font-size: 70%;
}

ul.dropDown li{
  border: 1px solid #4e4c4c;
  padding-left: 1em;
  color: #4e4c4c;
}

li#currentHigh {
  background-color: #6E7E83;
  color: #ffffff;
}