body {
background-color: #003366;
margin: 0px;
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
outline: none; }

#header {
background-image: url(media/home_wavetile.jpg);
background-repeat: repeat-x;
height: 273px;
margin: 0px;
position: inherit;
top: 0px;
left: 0px; }

#header-title {
background-image: url(media/home_ss_logo.jpg);
background-repeat: no-repeat;
width: 250px;
height: 133px;
position: absolute;
top: 60px;
left: 80px;
}

#header-graphic {
background-image: url(media/home_metaphor.jpg);
background-repeat: no-repeat;
width: 319px;
height: 213px;
position: relative;
top: 60px;
left: 330px; }

#content {
position: relative;
left: 80px;
}

/*nav bar & link styles*/

#navbar {
padding-top: 0px;
position: absolute;
top: 0px;
left: 0px;
letter-spacing: normal; }

a.nav-active {
color: #ffffff;
text-decoration: none;
font-size: 11px;
padding-right: 40px; }

a.nav-active:link, a.nav-active:visited, a.nav-active:hover, a.nav-active:active {
text-decoration: none;
color: #ffffff; }

a.nav-link {
color: #6699CC;
text-decoration: none;
font-size: 11px;
padding-right: 40px;
}

a.nav-link:link, a.nav-link:visited {
color: #6699CC; }

a.nav-link:hover {
color: #ffffff;
text-decoration: underline; }

/*main content area*/

#page-title {
position: absolute;
top: 20px;
left: 0px;
}

#main-text {
text-align: justify;
font-size: 11px;
line-height: 12pt;
position: absolute;
top: 60px;
left: 0px;
width: 680px;
}

#other-text {
text-align: justify;
font-size: 11px;
line-height: 12pt;
position: absolute;
top: 40px;
left: 0px;
width: 600px;
}

#button-table {
position: absolute;
top: 60px;
left: 20px;
width: 660px;
}

#page-nav {
left: 500px;
position: absolute;
top: 100px;
font-size: 10px;
text-align: right; 
width: 180px;}

#page-nav #link-forward {
border-left: 1px #336699 dotted;
border-right: 1px #336699 dotted;
padding: 5px;
text-align: right; }

#page-nav #link-back {
border-left: 1px #336699 dotted;
border-right: 1px #336699 dotted;
text-align: left;
padding: 5px; }

#page-nav-tool #link-forward {
border-left: 1px #336699 dotted;
border-right: 1px #336699 dotted;
padding: 5px;
text-align: right; }

#page-nav-tool #link-back {
border-left: 1px #336699 dotted;
border-right: 1px #336699 dotted;
text-align: left;
padding: 5px; }

a.page-nav-link:link {
color: #003366;
text-decoration: none; }

a.page-nav-link:visited {
color: #003366;
text-decoration: none; }

a.page-nav-link:hover {
color: #003366;
text-decoration: underline; }

img.right-arrow {
position: relative;
top: 11px;
left: 20px;
}

img.left-arrow {
position: relative;
top: 11px;
left: -20px;
 }

a:link {
color: #66CCFF;
text-decoration: none; }

a:visited {
color: #66CCFF;s
text-decoration: none; }

a:hover {
text-decoration: underline;
color: #FFFFFF; }

a:active {}

img {}

p {
margin: 0px; }

h1 {
font-size: 13px;
letter-spacing: 1px;
color: #6699CC; }

#main-text ul li {
display: list-item;
list-style-type: square;
font-size: 11px;
line-height: 22px; }

#other-text ul li {
display: list-item;
list-style-type: square;
font-size: 11px;
line-height: 22px; }

p.footer {
text-align: center;
font-size: 9px;
padding: 3px;
border: 1px #D2D4CB dotted;
margin-top: 30px;
letter-spacing: 1px;
width: 625px; }

p.footerhome {
text-align: center;
font-size: 9px;
padding: 3px;
border: 1px #D2D4CB dotted;
margin-top: 30px;
letter-spacing: 1px;
width: 680px; }

p.eufooter {
text-align: right;
color: #FFFFFF;
font-size: 9px;
padding: 3px;
border: 0px #D2D4CB dotted;
margin-top: 20px;
letter-spacing: 1px;
width: 680px; }

p.intro-para {
font-size: 14px;
line-height: 18px; }