﻿/* css for 3 column Inexpensive Website Critiques */
* {
	margin: 0; /* zero out margin */
	padding: 0; /* zero out padding */
}
html {
	height: 100%; /* gives layout 100% height */
	overflow: inherit; /* triggers 100% height in Opera 9.5 */
}
body {
	height: 100%; /* gives layout 100% height */
        background: #708090; /* color of the side columns, originally 008b8b */
        font-family: verdana, arial, sans-serif;
        font-size: 1.1em;
        color: #000; /* black text color */
}
#wrapper {
	min-height: 100%; /* gives layout 100% height */
	width: 700px; /* centered div must be given a width */
	margin: 0 auto; /* centers #wrapper */
	background: #dcdcdc; /* original center column background color was cfcfcf, 009f9f */
}
* html #wrapper { 
	height: 100%; /* IE6 treats height as min-height */
}
#clearfooter {
	height: 60px; /* provides space for the #footer */
}
#footer {
	height: 60px;
	width: 700px; /* centered div must be given a width */
	margin: -60px auto 0 auto; /* -80px sucks it back in & auto centers it */
	background: #006666;
        font-size: 0.7em;
        text-align: center;
        padding-top: 1.1em; 
}

h1 {
  color: #00008b;
  background: #dcdcdc; /* original color was cfcfcf, fdf5e6 */
  text-align: center;
  font-size: 1.2em;
  margin: 0;
  padding: 0.4em 18px;
  border: solid 1px #000000;
}

h2 {
  text-align: center;
  color: #000000; /* old color was, 191970, fdf5e6 */
  background: #dcdcdc; /* old color was cfcfcf, red */
  font-size: 1.1em;
  border: solid #000000 1px;
  margin: 0;
  padding: 0.4em 69px 0.6em 69px;
}

h3 {
  font-size: 0.9em;
  color: #000000;
  padding: 0.9em 3% 0.5em 3%; 
}

p {
  font-size: 0.8em;
  padding: 0 3% 0.5em 3%;
}


ul, ol {
    margin: 0px;
    font-family: Verdana, Arial, sans-serif;
    padding: 0 65px 0 70px; 
    font-size: medium;
    font-weight: bold;
    color: #000;
}

#nav {
  float: left;
  width: 140px;
  margin: 0.2em 20px 0 0;
  font-family: Verdana, Arial, sans-serif;
  padding: 1em 0 1.1em 33px; 
  font-size: medium;
  font-weight: bold;
  color: #fff;
  background-color: #000011;
}
#nav li {
  list-style-type: none;
}
div#navbar2 {
    height: 30px;
    width: 100%;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
    background-color: #285151;
}
div#navbar2 ul {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, sans-serif;
    font-size: small;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
    white-space: nowrap;
}
div#navbar2 li {
    list-style-type: none;
    display: inline;
}
div#navbar2 li a {
    text-decoration: none;
    outline: 0; /* removes dotted border around a:active from Firefox */
    padding: 7px 10px;
    color: #fff;
}
div#navbar2 li a:link {
    color: #fff;
}
div#navbar2 li a:visited {
    color: #CCC;
}
div#navbar2 li a:hover {
    font-weight: bold;
    color: #fff;
    background-color: #3366ff;
}
img {
   padding: 5px 15px 1px 1px
}
 
