body { 
background-color: #57251A;
background-image: url('art/background-site.jpg');
background-repeat: repeat;
background-position: top;
margin-top: 0px; 
margin-left: 0px; 
}
h1 { color: #A42119; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:24px; font-weight: normal; margin-top: 0px; }
h2 { color: #BF5C25; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:24px; font-weight: normal; margin-top: 0px; }
h3 { color: #FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:18px; font-weight: normal; margin-top: 11px; }
h4 { color: #C16D25; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:18px; font-weight: normal; margin-top: 20px; margin-left: 50px; }
h5 { color: #00A293; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:18px; font-weight: normal; margin-top: 20px; margin-left: 50px; }

.box-sidebar { padding: 14px; color: #333327; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; }
.box-sidebar i { color: #A42119; }
/* box1 = Orange H1 text, blue background */
.box1 { border-left: 4px solid #7ea98d; border-right: 4px solid #7ea98d; background-color: #9bc9ac; padding: 12px 25px 18px 18px; color: #333327; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; }
.box1 b { color: #A42119; font-weight: normal; }

.caption { color: #C16D25; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; }
.caption img { border: 2px solid #C16D25; }
.caption p { color: #C16D25; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; }
.caption-blue { color: #00A293; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; }
.caption-blue img { border: 2px solid #00A293; }

div.caption-right { float: right; margin-left: 0.5em; margin-right: 2.0em; margin-bottom: 0.5em; }
div.caption-right p { color: #C16D25; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; }
div.caption-right img { border: 2px solid #C16D25; }

div.caption-left { float: left; margin-left: 0.5em; margin-right: 2.0em; margin-bottom: 0.5em; }
div.caption-left p { color: #C16D25; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; }
div.caption-left img { border: 2px solid #C16D25; }

.content { padding: 12px 25px 18px 18px; text-align: left; }
.content p { font-family: Arial, Helvetica, sans-serif; color: #333327; margin-left: 90px; margin-right: 90px; font-size: small; color: #333327; }
.content b { color: #A42119; font-weight: bold; }
.content-blue { padding: 12px 25px 18px 18px; text-align: left; }
.content-blue p { font-family: Arial, Helvetica, sans-serif; color: #333327; margin-left: 90px; margin-right: 90px; font-size: small; color: #333327; }
.content-blue b { color: #A42119; font-weight: bold; }

.footer { color: #EEE490; font-family: Arial, Helvetica, sans-serif; font-size:smaller; }
.footer a { color: #EEE490; font-family: Arial, Helvetica, sans-serif; font-size: small; text-decoration:none; }
.footer a:hover { color: #EEE490; font-family: Arial, Helvetica, sans-serif; font-size: small; text-decoration:underline; }

div.project { padding: 16px 30px 20px 50px; color: #333327; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; }
div.project a { text-decoration:none; }
div.project a:hover { text-decoration: underline; color: #A42119; }
div.project b { color: #A42119; }
div.project h4 { color: #C16D25; margin-left: -8px; }
div.project i { color: #A42119; }
div.project img { border: 2px solid #C16D25; margin-right: 10px; margin-bottom: 10px; }
div.project strong { color: #666; font-size: 10px; font-family:Verdana, Geneva, sans-serif; }
div.project-riva { padding: 2px 50px 20px 30px; color: #333327; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; }
div.project-riva a { text-decoration:none; }
div.project-riva a:hover { text-decoration: underline; color: #008779; }
div.project-riva b { color: #008779; }
div.project-riva h4 { color: #C16D25; margin-left: -8px; }
div.project-riva i { color: #A42119; }
div.project-riva img { border: 2px solid #00A293; margin-right: 10px; margin-bottom: 10px; }
div.project-riva strong { color: #666; font-size: 10px; font-family:Verdana, Geneva, sans-serif; }

#links { color: #a42119; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: small; margin-left: 70px; line-height: 24px; }
#links a { color: #a42119; text-decoration: none; }
#links a:hover { color: #a42119; text-decoration: underline; }

#links2 { color: #C16D25; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; margin-left: 90px; line-height: 18px; }
#links2 a { color: #C16D25; text-decoration: none;  }
#links2 a:hover { color: #C16D25; text-decoration: underline; }

#links3 { color: #008779; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; margin-left: 90px; line-height: 18px; }
#links3 a { color: #008779; text-decoration: none; }
#links3 a:hover { color: #008779; text-decoration: underline; }