body {
margin: 0;
background-color: #ffffff;
font-size: 1em;
}

p {
font-family: Times New Roman, Times, serif;
font-size: 1em;
color: #333;
text-indent: 1.5em;
line-height: 1.5em;
margin: 0.4em;
}

p.caption {
font-family: Arial, Helvetica, san-serif;
font-size: .65em;
color: #333;
line-height: 0em;
text-indent: 5px;
}

h1 {
color: #666699;
font-size: 1em;
text-align: left;
font-style: italic;
letter-spacing: 2px;
white-space: nowrap;
}

h2 {
font-family: Times New Roman, Times, serif;
font-style: italic;
color: red;
font-size: 1em;
text-align: left;
letter-spacing: 2px;
line-height: 1.5em;
white-space: nowrap;
}

h3 {
color: red;
font-size: 1em;
text-align: left;
font-style: italic;
letter-spacing: 1.5px;
line-height: 1.5em;
white-space: nowrap;
}

#header-bg {
background-image: url(images/rssheadbg.jpg);
background-repeat: repeat-x;
background-position: top;
height: 130px;
}

#header-main {
background-image: url(images/rsshead.jpg);
background-repeat: no-repeat;
height: 130px;
background-position: 31px 0px;
border-bottom: 1px solid red;
}

/*begin navbar*/

#navbar {
display: block;
width: 173px;
position: absolute;
left: 0px;
top: 52px;
}

#navbar ul li a:link, #navbar ul li a:visited {
display: block;
width: 134px;
margin: 1px 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 40px;
font: bold italic 12px/12px sans-serif;
color:#ccccff;
letter-spacing: 2px;
background: url(images/rssnav.jpg) 0 0 no-repeat;
text-decoration: none;
}

#navbar ul li a:hover {
background-position: -173px 0;
color: #99ccff;
}
		
#navbar ul li a:active {
background-position: -344px 0;
color: #ffffff;
}

#navbar ul li {
margin: 0;
padding: 0;
list-style-type: none;
}

#navbar ul {
margin: 0px;
padding: 0px;
}

/* end navbar */

/* content-bg (right) replace with links? */

#content-bg {
background-color: #ffffff;
}

#content {
background-image: url(images/rssmainbg.jpg);
background-repeat: no-repeat;
width: 100%;
position: relative;
border-bottom: 2px solid #666699;
}

#main-text {
padding: 10px;
margin-left: 180px;
margin-right: 0px;
margin-top: 0px;
position: relative;
text-align: left;
min-width: 500px;
max-width: 700px;
}

/*projects (right)*/

#projects {
display: block;
background: #eef;
border: 1px solid #8899bb;
width: auto;
height: auto;
float: right;
padding-bottom: 5px;
margin-top: 44px;
margin-left: 16px;
margin-bottom: 25%;
}

.photo {
background: #fff;
padding: 3px; 
border: 1px solid #8899bb;
margin: 3px 3px 0 3px;
}

/*end projects (right)*/

#footer {
display: block;
width: 100%;
position: relative;
padding-top: 14px;
padding-bottom: 40px;
margin-left: auto;
margin-right: auto;
}

p.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
letter-spacing: 1px;
white-space: nowrap;
text-align: center;
padding-right: 30px;
min-width: 600px;
max-width: 840px;
}

a:link, a:visited {
color: #666699;
}

a:hover {
color: red;
}

a:active {
color: #ffcc33;
}

.footdot {
font-weight: bold;
letter-spacing: 1px;
color: red;
}

p.copyright {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
letter-spacing: 1px;
white-space: nowrap;
text-align: center;
min-width: 600px;
max-width: 840px;
}

a.external:link
{
background: url(images/external.png) no-repeat 100% 0;
padding: 0 20px 0 0;
}

a.external:visited
{
color: #666699; 
background: url(images/external.png) no-repeat 100% 0;
padding: 0 20px 0 0;
}

a.external:hover
{
color: red;
background: url(images/external.png) no-repeat 100% 0;
padding: 0 20px 0 0;
}