html, body {
height:100%;
margin:0;
padding:0;
}

body {
background-color: #222; 
}

#gh_container {
margin-bottom: 0 !important;
}

#wrapper {
min-height:100%;
position:relative;
}

#top_wrapper {
padding-bottom:220px;
}


/* ---------- Global styles and resets ---------- */

body, table, tbody {
font-family: Helvetica, sans-serif;
}

p {
font-family: Helvetica, sans-serif !important;
font-size: 13px;
color: #333;
line-height:1.5;
}

h1,h2,h3,h4,h5,h6,dt {
font-family: Helvetica, sans-serif;
color: #09446a;
letter-spacing:-.02em;}

h2 {
color:#0099cc;
}

h4 {
color: #0099cc;
}

h6 {
color: #666;
}

dt {
color:#0099cc;
}

legend {
color:#0099cc;
font-family: Helvetica, sans-serif;
}

label {
font-family: Helvetica, sans-serif;
color: #09446a;
}

.button.secondary {
color:#0099cc;
transition: color .5s ease 0s, background .5s ease 0s;
-moz-transition: color .5s ease 0s, background .5s ease 0s; /* Firefox 4 */
-webkit-transition: color .5s ease 0s, background .5s ease 0s; /* Safari and Chrome */
-o-transition: color .5s ease 0s, background .5s ease 0s; /* Opera */
}

.button.secondary:hover {
color:#09446a;
}

.button.primary {
background: #0099cc;
transition: color .5s ease 0s, background .5s ease 0s;
-moz-transition: color .5s ease 0s, background .5s ease 0s; /* Firefox 4 */
-webkit-transition: color .5s ease 0s, background .5s ease 0s; /* Safari and Chrome */
-o-transition: color .5s ease 0s, background .5s ease 0s; /* Opera */
}

.button.primary:hover {
background: #09446a;
color:#ffff00;
}

a {
color: #0099cc !important;
font-weight:bold !important;
transition: color .5s ease 0s;
-moz-transition: color .5s ease 0s; /* Firefox 4 */
-webkit-transition: color .5s ease 0s; /* Safari and Chrome */
-o-transition: color .5s ease 0s; /* Opera */
}

a:hover, a:focus {
color: #55bbdc!important;
}

a.new-window {
background: url("/images/e-web/master_templates/new_window_12x12.png") no-repeat right top !important;
padding-right: 16px;
}

ul {
font-family: Helvetica, sans-serif;
}

.extra.inline-list li {
padding-bottom: 3px;
}

.cms table th {
font-family: Helvetica, sans-serif;
padding: .6em .5em .4em
}

.img-left {
margin: 0 1.3em 1em 0;
background: #fff;
}

.img-right {
margin: 0 0 1em 1.3em;
background: #fff;
}

.img-center {
	background: #fff;
}

.share-button {
border:1px solid #333;
transition: border .5s ease 0s;
-moz-transition: border .5s ease 0s; /* Firefox 4 */
-webkit-transition: border .5s ease 0s; /* Safari and Chrome */
-o-transition: border .5s ease 0s; /* Opera */
}

.share-button:hover {
border: 1px solid #ffff00;
}

/* ---------- END Global styles and resets ---------- */



/* ---------- Main Logo and Link Styles ---------- */

#logo-header {
width:940px;
height:124px;
margin: 0 auto;
background: #fff url(https://www.elon.edu/images/e-web/test/bass/ithei/ithei-logo.jpg) no-repeat center center !important;
position:relative;
}
    
#logo-header a {
width:390px;
height:50px;
position:absolute;
top:36px;
left:0;
border-bottom:none;
}

/* ---------- END Main Logo and Link Styles ---------- */



/* ---------- Top Navigation Styles ---------- */

#navbar {
  width:940px;
margin: 0 auto;
}

#topnav {
list-style:none;
margin-bottom:0;
position:relative;
float:left;
width:100%;
z-index:5;
background: #0099cc; /* Old browsers */
background: -moz-linear-gradient(top,  #0099cc 0%, #0088b5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099cc), color-stop(100%,#0088b5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0099cc 0%,#0088b5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0099cc 0%,#0088b5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0099cc 0%,#0088b5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0099cc 0%,#0088b5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099cc', endColorstr='#0088b5',GradientType=0 ); /* IE6-9 */
}

#topnav li {
display:block;
border-right: 1px solid #0c61a6;
border-left: 1px solid #71c6e2;
font-family: Helvetica, sans-serif;
text-transform: uppercase;
font-size: 14px;
color: #fff;
letter-spacing: 1px;
float:left;
position:relative;
background: #0099cc; /* Old browsers */
background: -moz-linear-gradient(top,  #0099cc 0%, #0088b5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099cc), color-stop(100%,#0088b5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0099cc 0%,#0088b5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0099cc 0%,#0088b5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0099cc 0%,#0088b5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0099cc 0%,#0088b5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099cc', endColorstr='#0088b5',GradientType=0 ); /* IE6-9 */
}

#topnav li:last-child {
border-right: none;
}

#topnav li:first-child {
border-left: none;
}

#topnav li a {
display:block;
padding: 12px 35.8px 8px;
font-weight:normal !important;
border-bottom: none!important;
color: white!important;
transition: color .5s ease 0s, background .5s ease 0s;
-moz-transition: color .5s ease 0s, background .5s ease 0s; /* Firefox 4 */
-webkit-transition: color .5s ease 0s, background .5s ease 0s; /* Safari and Chrome */
-o-transition: color .5s ease 0s, background .5s ease 0s; /* Opera */
}

#topnav a:hover, #top-nav a:focus {
color: #ffff00!important;
background:#09446a;
}

body#about #topnav li#one a, body#events #topnav li#two a, body#surveys #topnav li#three a, body#timecapsule #topnav li#four a, body#voices #topnav li#five a {
color:#ffff00 !important;
}

#topnav ul {
background: #0099cc;
list-style:none;
position:absolute;
left:-9999px;
}

#topnav ul li {
float:none;
border:none;
border-top:1px solid #09446a;
}

#topnav ul a {
white-space:nowrap;
text-transform:none;
letter-spacing:.1px;
}

#topnav li:hover ul{
left:0;
}

#topnav li:hover a {
background:#09446a;
color:#ffff00;
}

body#about #topnav li#one:hover ul a, body#events #topnav li#two:hover ul a, body#surveys #topnav li#three:hover ul a, body#timecapsule #topnav li#four:hover ul a, body#voices #topnav li#five:hover ul a {
background:#0088b5!important;
color:#fff!important;
}

body#about #topnav li#one:hover ul li a:hover, body#events #topnav li#two:hover ul a:hover, body#surveys #topnav li#three:hover ul a:hover, body#timecapsule #topnav li#four:hover ul a:hover, body#voices #topnav li#five:hover ul a:hover {
background:#09446a!important;
color:#ffff00!important;
}

#topnav li:hover ul a {
background:#0088b5!important;
color:#fff!important;
}

#topnav li:hover ul li a:hover {
background:#09446a!important;
color:#ffff00!important;
}

/* ---------- END Top Navigation Styles ---------- */



/* ---------- Side Navigation Styles ---------- */

#department_nav .boxHeader, #department_nav .boxFooter {
display: none;
}

#department_nav .boxContent{
background:#505050;
border-left:none;
border-right:none;
}

#department_nav .innerContent{
background: #3f3f3f;
}

#department_nav #mainnav {
border-top: none;
}

#department_nav ul{
background:#505050;
border-bottom: 1px solid #999;
}

#department_nav ul li a{
border-bottom:1px solid #333;
border-top:1px solid #999;
font-size:14px;
font-family:Helvetica,sans-serif;
color:#fff!important;
line-height:1.4;
letter-spacing:.1px;
text-transform: none;
font-weight:normal !important;
}

#department_nav ul#mainnav>li{
background:none;
}

#department_nav ul#mainnav>li>a{
width:188px;
padding:15px 15px 15px 15px;
border-bottom:1px solid #333 !important;
background: none;
}

#department_nav ul>li .first{
border-top:1px solid #a9a9a9;
}

#department_nav ul>li .last{
border-bottom:1px solid #a9a9a9;
}

#department_nav ul a:hover{
color:#ffff00!important;
}

#department_nav ul li a.active, #department_nav ul li a.active:hover{
color:#fff !important;
*margin-bottom:-13px !important;
*margin-top:0 !important;
*padding-top:16px !important;
*padding-bottom:30px !important;
*padding-right:48px !important;
*padding-left:38px !important;
*border:none !important;
*background: none !important;
}

#department_nav ul li a.active.first,#department_nav ul li a.active:hover.first{
padding-top:15px;
border-top:1px solid #ffff00;
}

#department_nav ul ul li a{
color:#333!important;
border-bottom:1px solid #e4e4e4;
background-color:#e4e4e4;
}

#department_nav ul ul li a:hover,#department_nav ul ul li a:focus{
color:#0099cc!important;
border-bottom-color:#e4e4e4;
font-weight:normal;
}

#department_nav ul ul li a:hover,#department_nav ul ul li a:focus,#department_nav ul ul li a.current{
padding-right:20px;
border-right:4px solid #0099cc;
}

#department_nav ul ul li a.current,#department_nav ul ul li a.current:hover,#department_nav ul ul li a.current:focus{
font-weight:bold !important;
color:#0099cc !important;
}

#department_nav .slider {
/*background-color: #0099cc !important;
border-bottom: 1px solid #0099cc;
margin-left:0px;*/
display:none !important;
}

#department_nav .diag {
display:none !important;
}

#department_nav a.expanded {
background-color: #0099cc !important;
color: #ffff00 !important;
box-shadow: 0px 5px 5px rgba(0,0,0,.25);
}

/* ---------- END Side Navigation Styles ---------- */



/* ---------- Rotating Panel Styles ---------- */

.e-panelslider .panels {
border: 1px solid #333;
box-shadow: 0px 0px 5px #000;
}

.e-panelslider .panels h3 {
font-weight:bold;
line-height:1.1em;
padding:0;
color:#09446a;
}

.read_more {
color: #0099cc !important;
font-style: normal !important;
font-weight: bold;
background: none;
padding: 0;
border-bottom: 1px dotted #999;
transition: all .5s ease 0s;
}

.read_more:hover {
color: #38afd7 !important;
border-bottom: 1px dotted #000;
}

/* ---------- END Rotating Panel Styles ---------- */



/* ---------- Content box styles ---------- */

.boxContent {
border-right: none;
border-left: none;
}

.basic .boxHeader, .basic .boxFooter, .primary .boxHeader, .primary .boxFooter {
display:none !important;
}

.innerContent {
background: #f5f5f5;
padding: 1.75em 1.25em .3em;
}

.box .innerHead {
border-bottom: none;
padding: 1.1em 1.25em .7em;
}

.box .innerFoot {
border-top:none;
}

.innerHead, .innerFoot, .innerContent {
border: 1px solid #333;
}

.primary .innerHead, .primary .innerFoot {
background: #666666; /* Old browsers */
background: -moz-linear-gradient(top,  #666666 0%, #545454 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#545454)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #666666 0%,#545454 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #666666 0%,#545454 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #666666 0%,#545454 100%); /* IE10+ */
background: linear-gradient(to bottom,  #666666 0%,#545454 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#545454',GradientType=0 ); /* IE6-9 */
}

.primary .innerHead h2 {
color:#fff;
margin:0;
font-size:1.6em;
font-weight:bold;
}

.primary .innerFoot p {
color:#e4e4e4;
}

.basic h2 {
font-weight:bold;
}

.basic .innerHead, .basic .innerFoot {
background: #e2e2e2;
}

.icons dd {
line-height:32px;
padding:0;
margin-bottom: 10px;
}

.icons dt {
width: 32px;
}

.icons dl a, dl.icons a {
color: #0099cc !important;
font-weight: normal!important;
font-family: Helvetica, sans-serif;
}

.icons dl a:hover, dl.icons a:hover {
color: #55bbdc !important;
}

/* ---------- END Content box styles ---------- */



/* ---------- Footer Styles ---------- */

div#footer {
background-image: none !important;
background: #000 !important;
border-top: 1px solid #666;
padding: 25px 0 5px 0;
margin-top:30px;
position:absolute;
height:155px;
bottom:0;
width:100%;
}

div#footer p {
font-family: Helvetica, sans-serif;
text-align: center;
color: #ccc;
font-size: 13.2px;
padding: .5em 0 .5em 0;
}

div#footer a {
color: #0099cc !important;
border-bottom: none !important;
text-decoration: none;
transition: color .5s ease 0s;
-moz-transition: color .5s ease 0s; /* Firefox 4 */
-webkit-transition: color .5s ease 0s; /* Safari and Chrome */
-o-transition: color .5s ease 0s; /* Opera */
}

div#footer a:hover, div#footer a:focus {
color: #55bbdc !important;
border-bottom: none !important;
}

/* ---------- END Footer Styles ---------- */



/* ---------- Timeline Styles ---------- */

ol {
    font-family: Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    }

time {
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  background: #0099cc; /* Old browsers */
background: -moz-linear-gradient(top,  #0099cc 0%, #0088b5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099cc), color-stop(100%,#0088b5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0099cc 0%,#0088b5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0099cc 0%,#0088b5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0099cc 0%,#0088b5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0099cc 0%,#0088b5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099cc', endColorstr='#0088b5',GradientType=0 ); /* IE6-9 */

    border:4px solid #fff;
    padding:12px;
    display:block;
}

#timeline{
    background:url(http://dummyimage.com/3x3/0099cc/0099cc.gif) 6px top repeat-y;
    width:100%;
    padding:15px 0;
    margin:0 0px 25px 0px ;
    overflow:hidden;
    list-style:none;
    position:relative;
  left:0;
}

#timeline:before, /* The dot */
#timeline:after{ /* The arrow */
    content:" ";
    width:12px;
    height:12px;
    display:block;
    background:#0099cc;
    position:absolute;
    top:0;
    left:0;
    margin-left:1px;
    
    -webkit-border-radius:20px;
        -moz-border-radius:20px;
            border-radius:20px;
}
#timeline:after{
    margin-left:-2px;
    background:none;
    border:9px solid transparent;
    border-top-color:#0099cc;
    width:0;
    height:0;
    top:auto;
    bottom:-10px;
    
    -webkit-border-radius:0;
        -moz-border-radius:0;
            border-radius:0;
}

#timeline li:before{
  content:" ";
  width:39px;
  height:3px;
  background:#0099cc;
  position:absolute;
  left:-39px;
  top:23px;
  background:-moz-linear-gradient(0,#0099cc,#666);
  background:-webkit-gradient(linear,left top,right top,from(#0099cc),to(#666));
}

#timeline li{
    position:relative;
    clear:both;
    float:left;
    width:605px;
    background:#fff;
    text-align:left;
    margin:10px 7px 25px 45px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.50);
}

#timeline li p {
    margin:0 0 0 0;
    background:#d6d6d6 url(/images/e-web/imagining/white-stripes.png) repeat;
    padding:12px;
    border:4px solid #fff;
    border-top:none;
    }

#timeline img {
border: 1px solid #999;
padding:0;
}

#timeline .img-left {
float: left;
margin: 0 15px 5px 0px;
}

#timeline .img-right {
float: right;
margin: 0 0px 5px 15px;
}

/* ---------- END Timeline Styles ---------- */



/* ---------- Voices of the People Database Styles ---------- */

ul#pagination {
	text-align: center;
	border-top: 1px dotted #ccc;
	padding: 1em 0 0;
	margin-left: 0;
}

ul#pagination li {
	display: inline-block;
	margin: .25em 0 .5em;
	border-right: 1px dotted #ccc;
	padding: 0 10px 0;
}

ul#pagination li:last-child {
	border-right: none;
	padding-right: 0;
}

ul#pagination li:first-child {
padding-left: 0;
}

ul#pagination li a {
	border-bottom: none;
}

ul#pagination li.current a {
color: #09446a!important;
}

#searchParams input, #searchParams select {
margin: .25em 0 1.1em;
}

#searchParams button {
margin: .25em 0 1.5em;
}

#searchParams p {
    font-size: .95em;
    line-height: 1.3;
}

#ExpertiseDD, #TopicDD {
width: 188px;
}

#feed ul {
list-style: none;
margin-left: 0;
}

#feed li {
border-bottom: 1px dotted #ccc;
margin-bottom: 1em;
}

#feed li:last-child {
border-bottom: none;
}

#feed li p {
margin-bottom: 1em;
}

#feed li a {
border-bottom: none;
font-size: 1.2em;
font-weight: normal!important;
}

/* ---------- END Voices of the People Database Styles ---------- */

.pullQuote {
	float: right; 
	background-color: #ccc; 
	padding: .75em; 
	font-size: 1.3em; 
	font-weight: bold; 
	margin-left: 20px; 
	margin-bottom: 10px; 
	width: 35%;
}