body {font-family: Arial Narrow, Arial, Verdana, sans-serif; font-size: 80%; color: #000000; font-weight: normal; 
background-color: #336699;}

h1 {font-family: Arial Narrow, Arial, Verdana, sans-serif; font-size: 175%; color: #003366; border-bottom: 1px solid #336699; 
     margin: 0; padding: 0;}
h2 {font-family: Arial Narrow, Arial, Verdanda, sans-serif; font-size: 130%; color: #000000; margin: 0; padding: 0;}
h3 {font-family: Arial Narrow, Arial, Verdana, sans-serif; font-size: 10px; color: #000000;
     margin-top: 4px; margin-left: 5px; margin-bottom: 4px;}
h4 {font-family: Arial Narrow, Arial, Verdana, sans-serif; font-size: 100%; color: #000000; font-weight: bold;
     margin: 0; padding: 0;}
h5 {font-family: Arial Narrow, Arial, Verdana, sans-serif; font-size: 100%; color: #336699; margin: 0; padding: 0;}

#navcontainer {width: 130px; float: left; display: block; margin: 0; padding: 0;}
#navcontainer ul {margin: 0; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 100%;}
#navcontainer a {display: block; padding: 3px 3px 3px 10px; width: 130px; background-color: #003366; border-bottom: 1px solid #eeeeee;}
#navcontainer a:link, #navlist a:visited {color: #eeeeee; text-decoration: none;}
#navcontainer a:hover {background-color: #336699; color: #ffffff;}

.subnav {margin-right: auto; margin-left: auto; padding: 0; width: 324px; background-color: #ffffff; display: block;
border-left: 1px dashed #999999; border-top: 1px dashed #999999; border-bottom: 1px dashed #999999;}
#secnav {margin: 0; padding: 0; height: 20px;}
#secnav ul {border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center;}
#secnav ul li {display: block; float: left; text-align: center; padding: 0; margin: 0;}
#secnav ul li a {background: #336699; width: 80px; height: 20px; border-right: 1px dashed #999999; border-bottom: 0; 
padding: 0; margin: 0; color: #ffffff; text-decoration: none; display: block; text-align: center;}
#secnav ul li a:hover {color: #336699; background: #ffffff;}

.subnav1 {margin-right: auto; margin-left: auto; padding: 0; width: 243px; background-color: #ffffff; display: block;
border-left: 1px dashed #999999; border-top: 1px dashed #999999; border-bottom: 1px dashed #999999;}
#secnav1 {margin: 0; padding: 0; height: 20px;}
#secnav1 ul {border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center;}
#secnav1 ul li {display: block; float: left; text-align: center; padding: 0; margin: 0;}
#secnav1 ul li a {background: #336699; width: 80px; height: 20px; border-right: 1px dashed #999999; border-bottom: 0; 
padding: 0; margin: 0; color: #ffffff; text-decoration: none; display: block; text-align: center;}
#secnav1 ul li a:hover {color: #336699; background: #ffffff;}

a:link {text-decoration: none; color: #336699;}
a:active {text-decoration: none; color: #336699;}
a:visited {text-decoration: none; color: #336699;}
a:hover {text-decoration: none; color: #999999; border-bottom: 1px dashed #999999;}

.out {border: 1px dashed #999999; width: 725px; margin-left: auto; margin-right: auto; display: block; background: #003366;}

.header {margin-top: 0; padding: 0; background-color: #003366; height: 125px; border-bottom: 1px solid #eeeeee;}
.logo {padding-top: 10px; padding-left: 20px;}

.content {background-color: #ffffff; margin-top: 0px; margin-left: 143px; padding: 15px 30px 10px 30px;}

.footer {text-align: center; padding: 10px; color: #eeeeee; border-top: 1px solid #eeeeee;}

.left {float: left; width: 123px;}
.left-portlet {margin: 10px; border: 1px dashed #999999; background-color: #ffffff; width: 118px; display: block;}
.intro {background-color: #336699; padding: 5px; font-size: 90%; font-weight: bold;}
.left-text {padding: 5px; font-size: 80%;}

.right {float: right; width: 113px;}

.thumbnail{
position: relative;
z-index: 0;
color: #000000;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
text-decoration: none;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px dashed #336699;
visibility: hidden;
color: black;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}