/* Set default font styling */

body {
margin: 0;
padding: 0;
font-family: "Helvetica NeueUI", Helvetica-Neue, "Helvetica Neue", Helvetica, Calibri, Arial, Verdana, "Trebuchet MS", sans-serif;
font-size: 1em;
color: black;
background-color: white
}


/* Style all div elements */

div#main_panel {
margin: 0;
padding: 4% 5% 0 5%;
}

div#content {
margin: 0;
padding: 0 0 3em 0;
font-size: 1em;
text-align: left;
border-bottom: 1px solid #E63946
}

div#splash_content {
margin: 2em 0 0 0;
padding: 0;
font-size: 2em;
text-align: left
}

div#topbar {
margin: 2em 0;
padding: 0;
text-align: center;
font-size: 1.5em;
border-top: 1px solid #E63946;
border-bottom: 1px solid #E63946
}

div#footer {
margin: 1.5em auto 0 auto;
padding:  0 5% 2em 5%;
text-align: right;
font-size: 2em
}

div#splash_footer {
margin: 2em 5% 2em 5%;
padding: 0;
text-align: left;
font-size: 2em;
}


.no_border {border: none !important}

/* Remove top margin on first headers */

div#content h2:first-child {margin-top: 0}

div#content h3:first-child {margin-top: 0}

div#content h4:first-child {margin-top: 0}

div#content p:first-child {margin-top: 0}

div#content p:last-child {margin-bottom: 0}

/* Style all images */


img {padding: 0; border: 1px solid #457B9D}

img#headshot {margin: 0 0 1em 1em; float: right}

img.design {margin: 1em 1em 0 0}


/* Style all header elements. */

h1 {
margin: 0;
padding: 0;
font-family: "Helvetica NeueUI", Helvetica-Neue, "Helvetica Neue", Helvetica, Calibri, Arial, Verdana, "Trebuchet MS", sans-serif;
color: #E63946;
font-size: 4em;
font-weight: bold;
text-align: left
}

h2, h3, h4 {
margin: 2em 0 0.4em 0;
padding: 0;
font-family: "Helvetica NeueUI", Helvetica-Neue, "Helvetica Neue", Helvetica, Calibri, Arial, Verdana, "Trebuchet MS", sans-serif;
}

h2 {
font-size: 2.5em; 
color: #457B9D; 
line-height: 100%
}

h2.blog {margin-bottom: 0}

h3 {font-size: 2em; color: #457B9D}

h3.blog, h4.blog {margin-top: 0}

h3.academics {
color: black;
}

h4 {font-size: 1.5em; color: #457B9D}


/* Style all paragraph elements */

div#content p {font-size: 2em}
div#content ol {font-size: 2em}
div#content ul {font-size: 2em}

p {
margin: 0 0 0.8em 0;
padding: 0;
line-height: 130%
}

p.splash {
margin: 0 0 1em 1em;
padding: 0;
text-indent: -1em;
line-height: 125%
}

p.footer {
margin: 0;
padding: 0;
color: #E63946;
text-indent: 0;
line-height: 150%
}

p.list, p.list_subsection {
padding: 0;
text-indent: 0;
line-height: 130%
}

p.list {margin: 0 0 0.8em 0}

p.list_subsection {margin: 0}

p.hanging {margin-left: 1.2em !important}

p.hanging2 {margin-left: 2.4em !important}

p.hanging_indent {margin-left: 2.4em !important; text-indent: -1.2em}

p.list_indent {margin-left: 1.2em; text-indent: -1.2em}

p#intro {
margin: 0 4em 1.2em 2em;
padding: 0 0 0 0.8em;
text-indent: 0;
line-height: 130%;
border-left: 1px solid #E63946;
font-style: italic;
text-align: justify;
}

p.blockquote {
margin: 0 2em 0.8em 2em;
padding: 0;
line-height: 100%;
text-indent: 0;
text-align: justify
}


/* Style all list elements */

ul, ol {
margin: 0 0 0.8em 2.4em; 
padding: 0
}

ul.flush {margin-left: 0}

ol.flush {margin-left: 1.3em}

ul {list-style-type: square}

ul ul {list-style-type: circle}

ol {list-style-type: decimal}

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

ol ul {list-style-type: square}

ul ol {list-style-type: decimal}

ul.navigation {
margin: 1em 0;
padding: 0;
list-style-type: none;
color: #E63946;
text-align: center;
}

ul.navigation li {
margin: 0 3%;
padding: 0;
display: inline-block;
width: 18%;
}

ul.nobullet {margin: 0 0 0 1em; padding: 0; list-style-type: none}

ul.nobullet li {text-indent: -1em}

ul.inline {margin: 0; padding: 0}

ul#footer_list {
margin: 0;
padding: 0;
list-style-type: none;
color: #E63946;
text-align: right;
line-height: 100%
}

ul#splash_footer_list {
margin: 0;
padding: 0;
list-style-type: none;
color: #E63946;
text-align: left;
line-height: 100%
}

ul#footer_list li {display: inline; line-height: 150%}

ul#splash_footer_list li {display: inline; line-height: 150%}

ul.stacked {display: inline-block; vertical-align: bottom}

div#content li {line-height: 150%; margin-bottom: 0.6em}

ul.narrow li, ul.nobullet li {margin-bottom: 0.3em !important}

ul.inline li {display: inline; line-height: 150% !important}

li.last {margin-bottom: 0}


/* Style miscellaneous text display */

em {font-style: italic}

em.italic {color: black}

em.tagline {color: #E63946}

strong {font-weight: bold}

span.author {text-decoration: underline}

/* Style all table elements */

table {
border: 1px solid black;
border-collapse: collapse;
caption-side: top;
padding: 0em;
margin: 1.2em auto
}

caption {
font-family: "Helvetica NeueUI", Helvetica-Neue, "Helvetica Neue", Helvetica, Calibri, Arial, Verdana, "Trebuchet MS", sans-serif;
padding: 0 0.2em 0.2em 0.2em;
margin: 0;
font-weight: bold;
text-align: center
}

th {
border: 1px solid black;
padding: 0.2em 1em 0.2em 0.5em;
font-family: "Helvetica NeueUI", Helvetica-Neue, "Helvetica Neue", Helvetica, Calibri, Arial, Verdana, "Trebuchet MS", sans-serif;
margin: 0;
font-weight: bold;
text-align: left
}

td {
border: 1px solid black;
padding: 0.2em 1em 0.2em 0.5em;
margin: 0;
text-align: left
}


/* Style basic link elements */

a:link {color: #E63946; text-decoration: underline}

a:visited {color: #457B9D; text-decoration: underline}

a:active, a:hover {color: #457B9D; text-decoration: none}


/* Style splash page link elements */

a.splash:link, a.splash:visited {
color: #E63946;
text-decoration: none;
border-bottom: 1px solid #457B9D
}

a.splash:active, a.splash:hover {
color: #457B9D;
text-decoration: none;
border-bottom: 1px solid #E63946
}

a.header:link, a.header:visited, a.header:active, a.header:hover {
color: #457B9D;
text-decoration: none;
border-bottom: none
}


/* Style all the topbar link elements */

a.topnav, a.topnav_current {
margin: 0;
padding: 0;
font-size: 1.4em;
text-decoration: none;
line-height: 100%;
}

a.topnav:link, a.topnav:visited {color: #457B9D}

a.topnav:active, a.topnav:hover, a.topnav_current:link, a.topnav_current:visited, a.topnav_current:active, a.topnav_current:hover {color: #E63946}


/* Style all footer link elements */

a.footer:link, a.footer:visited, a.footer:active, a.footer:hover {
color: #457B9D;
text-decoration: none
}

a#home:link, a#home:visited, a#home:active, a#home:hover {
color: #E63946;
text-decoration: none
}