/* The body (i.e. the whole lot) */
body {background: #FFFFFF; font-family: "Arial", sans-serif; font-size: medium; color: #000050; padding: 0; margin: 0;}

/* The content div */
div#content {margin: 1em;}

/* The headers */
div#top_banner h1 {font-size: x-large; margin: 0; padding: 0; text-align: left;}
h1 {font-size: x-large; text-align: left; font-weight: bold;}
h2 {font-size: larger; text-align: left; font-weight: bold;}
h3 {margin: 0; padding: 0; font-size: large; text-align: left; background: #FFFFFF; color: #000045;}

/* The top banner */
div#top_banner {padding: 0.5em ; margin: 0; color: #FFFFFF; background: #000045;}

/* The bottom banner */
div#bottom_banner {margin-top: 2em; padding: 0.5em; background: #E0E0E0; font-family: "Arial", sans-serif; font-size: small; text-align: right; color: #000000; border-top: 1px solid #454545;}
div#bottom_banner a {color: #000050; text-decoration: none;}
div#bottom_banner a:hover {text-decoration: underline;}

/* The button banner */
div.button_banner {text-align: right; margin: 0; padding: 0; background: #E0E0E0;}
div.button_banner ul {margin: 0; padding: 0;}
div.button_banner ul li {list-style: none; display: inline;}

/* The secondary button banner */
div.secondary_banner {text-align: right; margin: 0; padding: 0; background: #E0E0E0; font-size: smaller; border-top: 2px solid #E0E0E0;}
div.secondary_banner ul {margin: 0; padding: 0;}
div.secondary_banner ul li {list-style: none; display: inline;}

/* The buttons */
a.inactive_button {padding: 0 10px; color: #404040; font-weight: bold; background: #E0E0E0; text-decoration: none; border-left: 1px solid #E0E0E0; border-right:1px solid #E0E0E0;}
a.active_button, a.inactive_button:hover {padding: 0 10px; color: #000000; font-weight: bold; background: #FFFFFF; text-decoration: none; border-left: 1px solid #404040; border-right:1px solid #404040;}

/* border elements */
.top_border {border-top: 1px solid #454545 !important;}
.bottom_border {border-bottom: 1px solid #454545 !important;}

/* Links table formatting */
dl.links dt {margin-top: 1em;}

/* Project experience table formatting */
/*table.project_experience {margin: 1em auto; width: 95%; text-align: left; border: 1px solid #454545; border-collapse: collapse; border-left-width: 4px; background: #FFFFFF;}*/
table.project_experience {margin: 1em auto; width: 95%; text-align: left; border: 1px solid #454545; border-collapse: collapse; border-left-width: 1px; background: #FFFFFF;}
table.project_experience td {border: 1px solid #454545; padding: 0.25em;}
table.project_experience tr.title_row td {background: #E0E0E0; font-weight: bold; font-size: larger;}
table.project_experience td.title {width: 10em; font-weight: bold; text-align: center;}

/* Image list stuff */
ul.image_list {padding: 0; margin: 1em 0em; text-align: center;}
ul.image_list li {list-style: none;}
ul.image_list li img {margin: 1em; padding: 1em; border: 0px solid #404040; width: 45%;}

/* Span elements */
.bold {font-weight: bold !important;}
.centre {text-align: center !important;}
.float_left {float: left !important;}
.float_right {float: right !important;}
.clear_left {clear: left !important;}
.clear_right {clear: right !important;}
.superscript {vertical-align: super !important; font-size: 75%;}
.subscript {vertical-align: sub !important; font-size: 75%;}
.emphasis {font-style: italic;}
.inline {display: inline !important;}