html {
font-size: 100%;
}
body {
margin: 0; padding: 0;
font-family: Georgia, Arial;
font-size: 62.5%;
background: #2a2a2a;
}

#container {
width: 100%;
margin: 0 auto 0 auto;
padding-top: 20px;
background: #34c4c4c;
text-align: left;
}
#mcontainer {
width: 90%;
margin: 0 auto 0 auto;
padding-top: 20px;
background: #2a2a2a;
text-align: left;
}
#header {
height: 90px;
width: 100%;
background: #760000 url('header_gradient.png') repeat-x;
}
#navcontainer {
height: 50px;
width: 100%;
background: #2a2a2a url('navshadow_gradient.png') repeat-x;
margin-bottom: 20px;
}
#smoketop {
width: 75%;
position: relative;
left: 50px;
}
#logo {
position: relative;
top: 0px;
left: 50px;
float: left;
}
#sidebox {
float: left;
margin: 0 auto 0 auto;
width: 20%;
background: #0e0e0e;
color: #e6e6e6;
text-align: center;
font-size: 1.8em;
padding: 10px;
margin-bottom: 20px;
}
#content {
float: right;
width: 70%;
background: #767676;
color: #e6e6e6;
text-align: left;
font-size: 1.2em;
padding: 20px;
margin: 0 auto 0 auto;
margin-bottom: 20px;
}
#footer {
background: #1d1d1d;
text-align: center;
color: #e6e6e6;
font-size: 1em;
padding:10px;
margin-bottom: 10px;
border: 1px solid #4c1717;
}
.clear {
clear: both;
}
#main p {
line-height: 1.5em;
}
ul li {
list-style: circle;
margin-bottom: 0.8em;
}
#navleft {
float: left;
height: 65px;
width: 27px;
vertical-align: top;
}
#navright {
float: right;
height: 65px;
width: 27px;
}
#content h1 {
font-size: 1.8em;
font-weight: bold;
border-bottom: 2px dotted #b52100;
}
#content h2 {
font-size: 1.6em;
font-weight: normal;
border-bottom: 1px solid #b52100;
}
#content h3 {
font-size: 1.3em;
font-weight: bold;
}
#content img {
display: block;
border: 1px dotted #acace5;
padding: 4px;
margin: 0 auto 0 auto;
}
#main p {
line-height: 1.5em;
}
a:link {
color: #FFFFFF;
text-decoration: underline;
}
a:hover {
color: #cc8f8f;
text-decoration: underline;
}
a:active {
color: #FFFFFF;
text-decoration: underline;
}
a:visited {
color: #FFFFFF;
text-decoration: underline;
}
#subtitle {
width: 350px;
position: relative;
overflow: hidden;
top: 60px;
left: 100px;
font-size: 1.5em;
font-style: italic;
color: #b52100;
}
#nav {
position: relative;
height: 40px;
width: 75%;
background: #4c4c4c url('navshadow_gradient.png') repeat-x;
margin: 0 auto 0 auto;
padding-top: 10px;
font-style: italic;
line-height: 1.8em;
text-align: center;
font-size: 1.8em;
color: #FFFFFF;
}
#nav a:link {
color: #e6e6e6;
text-decoration: underline;
}
#nav a:hover {
color: #e6e6e6;
text-decoration: underline;
}
#nav a:active {
color: #e6e6e6;
text-decoration: underline;
}
#nav a:visited {
color: #e6e6e6;
text-decoration: underline;
}