/* 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.5em;

        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%;

}

object {
  Padding:0 0 0 2em;
}




ul, ol {

  margin: 0px;

  font-family: Verdana, Arial, sans-serif;

  padding: 0 65px 0 70px;
 
 font-size: medium;

  font-weight: normal;

  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 5px 1px;

}
 

div#img2 {
  padding-left: 6.4em;
}