/* body */

body {
background-color: #e5e8fc;
padding: 8px;
margin: 8px;
}



/* navigation bar */

#navigation ul {
list-style-type: none;
height: 40px;
width: 800px;
padding: 6px 6px 6px 0px;
margin: 0px;
}

#navigation li {
float: none;
margin: 0px;
padding: 6px;
display: inline;
background-color: #161c40;
}

#navigation a {
font: bold 13px Arial, sans-serif;
text-transform: uppercase;
color: #ffcc33;
text-decoration: none;
display: inline;
padding: 6px 6px 6px 6px;
height: 40px;
width: 800px;
voice-family: "\"}\"";
voice-family: inherit;
height: 35px;
width: 155px;
}

html>#navigation a {
height: 40px;
width: 185px;
}

#navigation a {
text-transform: uppercase;
}

#navigation a:visited {
color: #fef1ad;
}

#navigation a:hover {
background-color: #58617a;
}

#navigation a:active {
background-color: #abc;
}

a:visited {
color: #0689f8;
}

a:link {
color: #06a3f8;
font-weight: bold;
}


#leftcolumn {
background-color: #1b5a99;
position: absolute;
top: 55px;
left: 15px;
width: 120px;
padding: 0px;
Margin: 0px;
}


#centercolumn {
background-color: #628dc0;
position: absolute;
top: 55px;
left: 147px;
width: 178px;
padding: 0px;
Margin: 0px;
}


#rightcolumn {
background-color: #e5e8fc;
position: absolute;
width: 450px;
top: 55px;
left: 334px;
margin: 0px;
padding: 0px 5px 0px 5px;
font-size: 12px; 
font-family: Arial;
color: #000000;
line-height: 110%;
}


#rightimage {
position: absolute;
background-color: #e5e8fc;
top: 55px;
left: 334px;
padding: 0px;
margin: 0px;
}


#footer.separatorInvisible {
height: 50px;
clear: both;
}

#footer{
clear: both;
bottom: 0px;
top: 675px;
left: 15px;
height: 50px;
text-align: left;
padding: 0px;
}

#footer a {
color: #161c40;
}



/* headings */

h3 {
color: #ed5a04;
background-color: transparent;
font-family: Trebuchet, Arial;
font-style: italic;
font-size: 18px;
padding: 2px;
line-height: 105%;
}

h2 {
color: #000000;
background-color: transparent;
font-family: Trebuchet, Arial, sans-serif;
font-size: 20px;
letter-spacing: 0px;
padding: 0px;
line-height: 105%;
}

h4 {
color: #9e8f6f;
background-color: transparent;
font-family: Trebuchet, Arial, sans-serif;
font-size: 12px;
letter-spacing: 0px;
padding: 0px;
line-height: 105%;
}

h1 {
color: #000000;
background-color: transparent;
font-family: Trebuchet, Arial;
font-size: 16px;
padding: 0px;
line-height: 105%;
}

h6 {
color: #000000;
background-color: transparent;
font-family: Trebuchet, Arial;
font-size: 12px;
font-weight: bold;
padding: 0px;
line-height: 102%;
}

/* paragraph and list tags*/

p {
color: #ffffff;
font-family: Georgia, Arial;
background-color: transparent;
font-size: 11px;
line-height: 150%;
padding: 0px 2px 0px 2px;
}

/* portfolio*/

.photo {
border-width: 2px 2px 2px 2px;
border-color: #000000;
border-style: solid;
}

#navlist ul {
list-style-type: none;
text-align: center;
padding: 0px;
margin: 0px;
}

#navlist a {
font: bold 15px Arial, sans-serif;
text-align: center;
color: #ffffff;
text-decoration: none;
padding: 5px 15px 5px 15px;
}

#navlist a:visited {
color: #fef1ad;
}

#navlist a:hover {
background-color: #161c40;
}

#navlist a:active {
background-color: #161c40;
}