/* from empty-template3 style sheet and page.html float menus
	Author: Daniele P. Barbero
	Created: 2011-02-03 (merged)
	Updated: 2011-02-03 added floating menus
	Updated: 2011-02-04 few details and validation
  	Last update: Sat 15 Sep 2012 08:06:33 PM PDT adapted for Q&P use

*/ 

body {
  width:800px;
  font-size: 16px; /* changed size */
  font-family: verdana, arial, sans-serif, helvetica;
  background:#F8F0E0 url('sidebar2.gif') repeat-y left top; /* added line */
}

#menucontainer { /* added block */
  display:inline-block;
  display:inline-block;
  position:absolute;
}

#bodycontainer { /* added block */
  display:inline-block;
  position:relative;
  margin:0 0 0 20em;
  padding:20px 0 0 0; 
  width: 70%;
}

a:hover { 
  background:#F8F0E0;
  color:purple; /* changed characters color */
} 
menu > ul { 
  padding:0; 
  margin:0; 
  width:0;
}                

menu > ul, ul li { 
  list-style-type:none; 
} 

ul a, ul a:visited { 
  margin:0.5em 0.6em 0.5em 0.6em; /* changed sides spacing */
  display:block; 
  width:70%; 
  font-family: verdana, arial, sans-serif;
  font-size:17px; /* changed size */
  text-align:left;
  text-decoration:none;
  padding:0.22em 1.3em 0.30em 1.20em; /* changed vertical size */
  background:#F8F0E0;
  color:purple; /* changed characters color */
} 

ul a:hover { 
  background:purple;
  color:white;  /* changed characters color */
} 

ul:first-child > li { 
  list-style-type:none; 
}

#header {
  margin-left: auto;
  margin-right: auto; 
  padding: 20px 0 0 15px;
color:#000000;
margin: 0 0 0 0;
}

#header:hover {
  color: purple;
}

h1 {
  margin-left: auto;
  margin-right: auto; 
  width: 800px;
  padding: 20px 0 0 20px;
  text-align: center;
}

h2 {
  background-color: #F8F0E0;
  color: purple;
  padding: 20px 30px 20px 20px;
}

h2:hover {
  color: #purple;
}

.main {
  color: purple;
  background-color: #F8F0E0;
  padding: 0 0 0 40px;
  margin-left: auto;
  margin-right: auto;
  width: 800px; 
}

p.first {
  background-color: #F8F0E0;
  color: purple;
  padding: 0; 
  font-size: 17px;
}  

.third {
  width: 800px; 
  margin-left: auto;
  margin-right: auto; 
  text-align: center;
  font-size: 17px;
  background-color: #F8F0E0;
  color: purple;
  padding: 0 10px 30px 0;
}

.third a { 
  color: black;
}

.third a:visited { 
  color: black;
}

.third a:hover { 
  color: purple;
}

.img {
  float: left;
  width: 307px;
  height: 232px;
  margin: 20px 40px 20px 40px;
}

.footer {
  margin-left: 20em;
  display:block; 
  width:70%; 
  font-family: verdana, arial, sans-serif;
  font-size:17px; /* changed size */
  text-align:center;
  text-decoration:none;
  background:#F8F0E0;
  color:purple; /* changed characters color */
}

/*
.footer a, .footer a:visited  { 
  margin:0.5em 0.6em 0.5em 0.6em; 
  display:block; 
  width:70%; 
  font-family: verdana, arial, sans-serif;
  font-size:17px; 
  text-align:left;
  text-decoration:none;
  padding:0.22em 1.3em 0.30em 1.20em; 
  background:#F8F0E0;
  color:purple; 
} 

.footer a:hover { 
  background:#purple;
  color:#000000;  
} 
*/

h6 {
  padding: 20px 30px 20px 20px;
  text-align:justify;
} 

h6:hover {
  color:purple;
}