body.normal {
background-color: #ffffff;
margin: 0px;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
outline: none;
background-image: url(media/keep_bluewhite_grad.jpg);
background-repeat: repeat-x; }

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


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

#header-title {
background-image: url(media/keep_ss_logo.jpg);
background-repeat: no-repeat;
width: 170px;
height: 55px;
position: absolute;
top: 30px;
left: 80px;
}

#header-graphic {
background-image: url(media/keep_metaphor.jpg);
background-repeat: no-repeat;
width: 500px;
height: 150px;
position: relative;
top: 0px;
left: 250px; }

#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: #66CCFF;
text-decoration: none;
font-size: 11px;
padding-right: 40px;
}

a.nav-link:link, a.nav-link:visited {
color: #66CCFF; }

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

/*main content area*/

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

#intro-anim {
position: absolute;
left: 0px;
top: 40px; }





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

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

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

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

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

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

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

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

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

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

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

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

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

a:link {
color: #3399FF;
text-decoration: none; }

a:visited {
color: #000033;
text-decoration: none; }

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

a:active {}

img {}

p {
margin: 0px; }

h1 {
font-size: 13px;
letter-spacing: 1px;
color: #66CCFF; }

#main-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 #3399FF dotted;
margin-top: 30px;
letter-spacing: 1px;
width: 625px; }

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

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

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

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

a.altfooterlinks:active {
	color: #66CCFF;
	text-decoration: none;
}