<style type="text/css">

html {
height: 100%;
}

body {
width: 100%;
height: 100%;
background-color: #003399;
text-decoration: none;
margin: 0;
padding: 0;
border: 0;
}

#header {
background-color: #003399;
height: 252px;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
}

#stripe {
background-color: #F8D638;
height: 54px;
width: 100%;
position: absolute;
top: 120px;
left: 0px;
z-index: 0;
}

#seal {
background-image:url('images/seal.gif');
background-repeat: none;
height: 302px;
width: 302px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

/* start menu styling */
#menu {
height: 14px;
width: 48em;
padding-bottom: 11px;
position: absolute;
top: 124px;
left: 302px;
font-family: Palatino Linotype, Book Antiqua, Palatino, Times New Roman, Times, serif;
font-size: 14px;
font-weight: bold;
line-height: 22px;
color:#000000;
z-index: 2;
}

.level1 {
z-index: 3;
}

#menu ul {
padding: 0;
margin: 0;
list-style: none;
}
  
#menu li {
float: left;
position: relative;
width: 12em;
}

#menu li a, li a:visited {
display: block;
text-decoration: none;
color: #000000;
}

#menu li a:hover {
color: #2b5da9;
}

#menu li ul {
display: none;
position: absolute; 
top: 1.25em;
left: 0;
padding-left: .5em;
text-decoration: none;
color: #000000;
width: 12em;
background-color: #f8d638;
}

#menu li:hover ul, li.over ul {
display: block;
}
  
#menu li ul li a:hover {
color: #2b5da9;
}
/* end menu styling */

#content {
width: 600px;
height: auto;
position: absolute;
top: 252px;
left: 0px;
background-color: #ffffff;
color: #000000;
font: 14px Palatino Linotype, Book Antiqua, Palatino, Times New Roman, Times, serif;
z-index: 1;
text-align: left;
padding: 40px 72px;
border-left: 144px solid #003399;
}

p  {
color: #000000;
font: 14px Palatino Linotype, Book Antiqua, Palatino, Times New Roman, Times, serif;
margin-top:3px;
}

.heading {
font: 20px bold Verdana, Helvetica, Arial, sans-serif;
color: #003399;
text-align: center;
margin-top:8px;
}

.title {
color: #ffffff;
font-size: 20px;
font-family: Palatino Linotype, Book Antiqua, Palatino, Times New Roman, Times, serif;
text-decoration: none;
}

#pagename {
color: #ffffff;
font: 600 24px Palatino Linotype, Book Antiqua, Palatino, Times New Roman, Times, serif;
text-decoration: none;
position: absolute;
top: 46px;
left: 302px;
z-index: 0;
}

.footer {
color: #000000;
font-size: 12px;
font-family: Palatino Linotype, Book Antiqua, Palatino, Times New Roman, Times, serif;
text-decoration: none;
text-align: center;
margin: 32px 0px;
}

.leftphoto {
z-index: 1;
position: absolute;
top: 324px;
left: 16px;
border: solid 3px #003399;
margin: 16px;
max-width: 160px;
}

.center {
display: block;
margin: 0 auto;
align: center;
text-align: center;
}

.welcome {
background-color: #003399;
color: #ffffff;
border: none;
margin: none;
padding: none;
font-size: 20px;
font-family: Palatino Linotype, Book Antiqua, Palatino, Times New Roman, Times, serif;
text-decoration: none;
}

.welcome:link {
color: #ffffff;
text-decoration: none;
border: none;
margin: none;
padding: none;
}
		
</style>
