<html>
<head>
<title>smielastyles</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines">
</head>
<body>
<pre><html>
<head>
<title>smielastyles</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines">
</head>
<body>
<pre> body {
background-color: #C4AD8E;
font-family: Ariel;
margin: 20px;
}
.container {
background-color: #ecf9ec;
width: 90%;
padding: 30px;
-webkit-box-shadow: 3px 3px 10px 2px #663300;
-moz-box-shadow: 3px 3px 10px 2px #663300;
box-shadow: 3px 3px 10px 2px #663300;
}
#headerblock {
background-color: #FFF;
border: solid;
border: medium;
border: #6e7722;
height: 130px;
}
#headerimage {
padding: 10px;
margin-right: 20px;
float: left;
}
#header p {
vertical-align: middle;
color: #000033;
font-family: Ariel;
font-size: 85%;
}
br {
Clear: both;
}
h1 {
color: #000033;
font-family: Ariel;
text-align: center;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th,td {
padding-right: 15px;
}
#navigation {
background-color: #fff;
width: 200px;
padding: 10px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
color: #959a64;
float: left;
border: solid;
border: medium;
border: #6e7722;
}
#navigation ul, li, a:link {
color: #000033;
font-size: 95%;
list-style: none;
}
#navigation a:visited {
color: #535638;
}
#navigation a:hover {
color: #D0D22C;
}
#maincontent {
background-color: #F9F2DF;
color: #063358;
margin: 20px;
}
#maincontent h2, h3 {
color: #000033;
}
#maincontent h4 {
color: #000033;
}
#maincontent td {
vertical-align: top;
}
#copyright {
width: 97%;
background-color: #e2e8b0;
font-size: 85%;
padding: 10px;
border-top-style: solid;
border-bottom-style: solid;
border-top-width: medium;
border-bottom-width: medium;
border-top-color:#6e7722;
border-bottom-color: #6e7722;
}
/* Image gallery - from w3schools */
div.img {
margin: 5px;
border: 1px solid #ccc;
float: left;
width: 180px;
}
div.img:hover {
border: 1px solid #777;
}
div.img img {
width: 100%;
height: auto;
}
div.desc {
padding: 15px;
text-align: center;
}
div.source {
padding: 15px;
text-align: center;
font-size: 85%;
font-style: italic;
}
/* definition list for links */
dt {
font-weight: bold;
}
dd {
padding-bottom: 20px;
margin-left: 20px;
}
</pre>
</body>
</html>
</pre>
</body>
</html>