.screen {width:95%; max-width: 900px; min-width: 380px; margin-left: 10px;}
.header {border: 6px solid #044476; max-height: 110px; background: #D7D7D7; margin-top: 15px; margin-left: 10px; padding: 0 0 0 10px;}

.navbar {margin-top: 0px; margin-left: 10px; background: #044476;}
.navlink {text-align: center; width: 12.5%; padding: 0 0 5px 0;}
.navlink a:link, .navlink a:visited, .navlink a:hover, .navlink a:active, .navlink a:focus {color:white;}
table {border-color: white;}

.main {float: left; margin-top: 5px;}
.mug {margin: 5px; width: 195px; float: left;}
.caption {margin-right: auto; margin-left: auto; background: #D7D7D7; font-size: 8 em; font-style: italic; color: black;}
.text {margin-top: -8px; text-align: justify;}
.footer {margin-left: 10px; padding-right: 10px; float: left; width: 97%; font-weight: bold; font-size: 1em; background: #044476;}
#copyright {text-align: center; color: white;}
#professional {width: 98%;}
#education {margin-left: 2px; margin-right: 1px; padding: 0 0 8px 0;}
.subhead {font-weight: bold;}

h1 {font-family: "Arial Black", Helvetica, sans-serif; font-weight: normal; font-size: 2em; margin-left:15px;}
h2 {font-family: "Arial", Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color:#044476; font-style: italic; margin-left:15px; position: relative; top: -1em;}
h3 {font-family: "Arial Black", Helvetica, sans-serif; font-weight: normal; font-size: 1em; margin:12px;}
h4 {font-family: "Arial Black", Helvetica, sans-serif; font-weight: lighter; font-style: italic; font-size: .9em; margin:12px; color: black;}

p {font-family: "Arial", serif; font-size: 87%; width: auto; margin: 10px; padding: 2px;}

a:link, a:visited {text-decoration: none;}
a:link, a:hover, a:active, a:focus {color: blue;}
a:hover, a:active, a:focus {text-decoration: underline;}
a:visited {color: purple;}

ul li {font-style: italic; color: #044476; font-weight: bold; margin-bottom: 5px;  margin-top: 4px; list-style-type: disc;}
ul ul li {font-style: normal; color: black; font-weight: normal; list-style-type: circle;}
ul ul ul li {list-style-type: square;}
li.econdev, li.culsoc, li.medsci {font-family: "Arial", serif; font-size: 87%; font-style: normal; color: black; font-weight: lighter; list-style-type: disc; text-align: justify;}

body {background:white;}

fieldset {margin-bottom:1em; width:24em; padding-top:1.5em;}
#sender, #message {background:#D7D7D7; border: outset #D7D7D7;}
p.legend {background:#044476; color:white; border:2px outset #044476; padding: .2em .3em; font-size: 1.2em; position: relative; margin: 1em 0 -1em 1em; width: 10em;}
#sender label {position: absolute; font-size: 90%; padding-top: .2em; left: 40px;}
input {margin-left:9em; margin-bottom:.2em; line-height:1.4em;}