body {
    background-color: #155b63; /* was #58626e; copied in 155b63 from commented style tag in research.html*/
    width: 80%;
    font-family: Arial, Helvetica, sans-serif, "Franklin Gothic Demi Cond";
    font-size: 12px;
    color: #999999;
    text-align: left;
    list-style-type: disc;
    list-style-image: url(../images/mcf-bullet.gif);
    margin: 0px 0% 0px 10%;
    /*    list-style-image: url(../images/mcf-blank-bullet.gif); */
}

body.bodywide {
    background-color: #155b63;
    width: 85%;
    padding-left: 0;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    font-family: Arial, Helvetica, sans-serif, "Franklin Gothic Demi Cond";
    font-size: 12px;
    color: #999999;
    text-align: left;
    list-style-image: url(../images/mcf-blank-bullet.gif);
}

body.bodyextrawide {
    background-color: black;
    width: 95%;
    font-family: Arial, Helvetica, sans-serif, "Franklin Gothic Demi Cond";
    font-size: 12px;
    color: #999999;
    text-align: left;
    list-style-image: url(../images/mcf-blank-bullet.gif);
}

.footer {
    padding: 10px;
    color: #cccccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-image: url(../images/bottom-bgd.gif);
    background-repeat: no-repeat;
    background-color: #000000;
    width: 100%;
    height: 30px;
}

.footer a:link {
    color: #00ff99;
    text-decoration: underline;
}

.footer a:hover {
    color: #999999;
    text-decoration: none;
}

.footer a:visited {
    color: #A75BA7;
    text-decoration: underline;
}

.banner-bgdcol {
    background-color: #005951;
}

.flash-banner {
    background-color: #005951;
    width: 70%;
}

.logo-area {
    background-color: #005a51;
    width: 30%;
}

.column1 {
    vertical-align: top;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #ffffff;
    background-image: url(../images/content-bgd.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 35%;
    padding-right: 15px;
    list-style-image: url(../images/mcf-bullet.gif);
}

.column2 {
    vertical-align: top;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #ffffff;
    background-image: url(../images/content-bgd2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 35%;
    padding-right: 15px;
    list-style-image: url(../images/mcf-bullet.gif);
}

.column3 {
    vertical-align: top;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    width: 35%;
    padding-right: 15px;
    list-style-image: url(../images/mcf-bullet.gif);
}

.column4 {
    vertical-align: top;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    width: 35%;
    padding-right: 15px;
    list-style-image: url(../images/mcf-bullet.gif);
}

.main-combine {
    vertical-align: top;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #ffffff;
    background-image: url(../images/content-bgd.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
	list-style-image: url(../images/mcf-bullet.gif);
}

.main-combine2 {
    vertical-align: top;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    list-style-image: url(../images/mcf-bullet.gif);
}

.main-combine3 {
    vertical-align: top;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    width: 70%;
    list-style-image: url(../images/mcf-bullet.gif);
}

.main-combine4 {
    vertical-align: top;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #ffffff;
    width: 70%;
    padding: 10px;
    list-style-image: url(../images/mcf-bullet.gif);
}

td.video {
    width: 80%;
    background-color: black;
    color: white;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
}

div.videolink {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: medium;
    font-weight: bold;
    color: #a36109;
    background-color: transparent;
    border-bottom-width: 1px;
    border-bottom-color: #604117;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-left: 20px;
    margin-right: 10px;
    text-align: left;
}

.main-combinevideo {
    vertical-align: top;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    width: 70%;
    padding: 5px;
    list-style-image: url(../images/mcf-bullet.gif);
}

.links-box {
    width: 234px; /* was 240px; */
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #006666;
    color: #fff;
    border: none;
    padding: 0;
    margin: 10px;
    list-style-type: none;
    list-style-image: url(../imagegs/mcf-blank-bullet.gif);
	}

.h4-link {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: medium;
	background-color: #006666;
    font-weight: 600;
    margin: 0px 0px 0px 0px;
    padding-bottom: 4px;
    text-align: center;
}

.links-box a {
	display: block;
    color: #fff;
	text-decoration: none;
}

.links-box ul {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 10px;
    border: none;
}

.links-box ul ul {
    padding-left: 15px;
}

.links-box ul li {
    padding: 0px 0px 0px 7px;
	line-height: 1.75;
    list-style-type: none;
}

.links-box a:hover {
    background-color: #666633;
	font-weight: bold;
}

.links-box li:hover {
	list-style-type: disc;
}

.h4-link:hover {
    font-weight: 900;
    background-color: #666633;
	}

.links-box2 {
    vertical-align: top;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #d2d7e8;
    border-color: #666666;
    border-style: double;
    width: 75%;
    padding-top: 1px;
    padding-bottom: 5px;
    padding-right: 7px;
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    list-style-image: url(../images/mcf-bullet.gif);
}

.links-box3 {
    vertical-align: top;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #d2d7e8;
    border-color: #666666;
    border-style: double;
    width: 80%;
    padding-top: 1px;
    padding-bottom: 5px;
    padding-right: 7px;
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    list-style-image: url(../images/mcf-bullet.gif);
}

.menu-bgd {
    background-image: url(../images/menu-bgd.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    background-color: #155b63;
    width: 20%;
    
}

.menu-bgd35 {
    background-image: url(../images/menu-bgd.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    background-color: #155b63;
    width: 35%;
}

.menu-bgd3 {
    border: 0;
    background-color: #ffffff;
    width: 44%;
}

.menu-bgd2 {
    background-image: url(../images/menu-bgd.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 30%;
}

.page-heading {
    color: #ff7c08;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 24px;
}

.slogan {
    padding-top: 0;
    color: #074e8e;
    font-style: italic;
    font-weight: bold;
}

div.indent1 {
    margin-left: 40px;
    margin-right: 40px;
}

div.indentaccent {
    margin-left: 40px;
    margin-right: 40px;
    background-color: #7fffd4;
}

.tablevisible {
    width: 100%;
    border: 2px solid #7fffd4;
    border-collapse: collapse;
    padding: 4px;
}

.tablehidden {
    width: 100%;
    border: 0;
    padding: 4px;
    background-color: transparent;
}

.td100 {
    width: 100%;
    padding: 0 10px 5px 10px;
}

.td75 {
    width: 75%;
    padding: 0 10px 5px 10px;
}

.td50 {
    width: 50%;
    padding: 0 10px 5px 10px;
}

.td25 {
    width: 25%;
    padding: 0 10px 5px 10px;
}

.theader1 {
    background-color: #7fffd4;
    border: 1px solid teal;
}

.tevenrow1 {
    background-color: #7fffd4;
    border: 1px solid teal;
}

.accentrow {
    width: 100%;
    vertical-align: top;
    background-color: #00ffff;
    border: 1px solid #00ffff;
}

.row {
    width: 100%;
    vertical-align: top;
}

.hit {
    color: teal;
}

.hit2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: teal;
    font-size: 1.5em;
}

.hitleft {
    color: teal;
    text-align: left;
}

.accent {
    background-color: #00ffff;
}

li {
    padding-right: 5px;
    padding-bottom: 3px;
    line-height: 20px;
    text-align: left;
    list-style-type: circle;
}

p {
    margin-left: 20px;
    padding-right: 5px;
}

h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: large;
    font-weight: bold;
    color: #000000;
    background-color: transparent;
    border-bottom-width: 4px;
    border-bottom-style: double;
    border-bottom-width: thick;
    border-bottom-color: #0076a3;
    padding-right: 10px;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 20px;
    text-align: left;
}

h4 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: medium;
    font-weight: bold;
    color: #a36109;
    background-color: transparent;
    border-bottom-width: 1px;
    border-bottom-style: double;
    border-bottom-color: #604117;
    padding-right: 10px;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 20px;
    text-align: left;
}

h5 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: medium;
    font-weight: normal;
    color: teal;
    background-color: transparent;
    border-bottom-width: 1px;
    border-bottom-style: double;
    border-bottom-color: #604117;
    padding-right: 10px;
    margin-left: 20px;
    margin-right: 10px;
    text-align: left;
}

a.nounderline {
	text-decoration:none;
}

img.video {
    height: 150px;
    width: 200px;
    margin: 3px;
}

div.videomenu {
    float: left;
    width: 210px;
    height: 210px;
    background-color: transparent;
    margin-left: 20px;
    margin-bottom: 20px;
}

div#photogallery {
    padding-left: 50px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.block {
    display: block;
    float: none;
}

p.videomenu {
    text-align: center;
    font-family: Arial, Tahoma, Sans;
    font-weight: bold;
    color: blue;
    text-decoration: underline;
}

#playing {
    z-index: -1000;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-right: 5px;
}

#player {
    z-index: -500;
}

input:focus, textarea:focus, select:focus {
    background-color: #cce6e6;
}

p#drop-cap:first-letter {
    text-align: justify;
    float: left;
    vertical-align: top;
    color: teal;
    font-family: Optima, sans-serif;
    font-size: 527%;
}

p.justify {
    text-align: justify;
    line-height: 140%;
}

div.picture-caption {
    display: inline;
    padding: 0;
    float: left;
    margin: 0 20px 0 20px;
    width: 140px;
}

p.caption {
    font-size: xx-small;
    margin: 0;
    text-align: center;
}

td.main-combineembedvideo {
    vertical-align: top;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #155b63;
    width: 70%;
    list-style-image: url(../images/mcf-bullet.gif);
    padding: 0;
    margin: 0;
}

div.embedvideo {
    background-color: #155b63;
    padding: 10px;
    margin: 0;
}

p.marquee {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-large;
}

/* p.subtitle is based on h4 */
p.subtitle {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:small;
    font-weight:normal;
    color: black;
    background-color: transparent;
    text-decoration:underline;/*
    border-bottom-width: 1px;
    border-bottom-style: single;
    border-bottom-color: teal;*/
    padding-right: 10px;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 20px;
    text-align: left;
}

.menu ul {
    margin: 0;
    padding: 0;
    border: none;
    list-style-image: url(../images/mcf-blank-bullet.gif);
}

.menu {
    font-size: 90%;
}

.menu li {
    position: relative;
    height: 25px;
    list-style-type: none;
    background-color: #006666;  /* was #008080; */
    font-size: 15px;
	margin: 0;
	border: none;
	padding: 0;
}

.menu ul li span {
    display: none;
}

.menu ul :hover span {
    display: block;
    position: absolute;
    left: 0;
    top: 150px;
    visibility: visible;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

.menu ul {
    background-color: #666633;
    width: 235px;
}

.menu a, .menu a:visited {
    display: block;
    text-decoration: none;
    height: 25px;
    line-height: 25px;
    width: 234px;
    color: #fff;
    text-indent: 5px;
}

.menu :hover > a {
    color: #fff;
    background-color: #666633;
    font-weight: bold;
}

.menu ul ul {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 235px;
    background-color: #008080;
}

.menu ul :hover ul {
    visibility: visible;
}

.menu ul :hover ul ul {
    visibility: hidden;
}

.menu ul :hover ul :hover ul ul {
    visibility: hidden;
}

.menu ul :hover ul :hover ul :hover ul ul {
    visibility: hidden;
}

.menu ul :hover ul :hover ul {
    visibility: visible;
}

.menu ul :hover ul :hover ul :hover ul {
    visibility: visible;
}

.menu ul :hover ul :hover ul :hover ul :hover ul {
    visibility: visible;
}

