@charset "UTF-8";
/* CSS Document */

body
{
	background-image:url(background.png), url(background-bottom-final.jpg);
	background-repeat:no-repeat, repeat;
	background-color:#FFFFFF;
}

h1
{
	padding-left:25%;
	padding-top:5%;
}


/* Start of Navigation Bar */
nav {
  background-color:none; 
  height:40px;
  padding-top:3%;
  padding-left:14.5%;
}

nav ul {
  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 18px;
  margin:auto;
  padding:0;
  list-style:none;
  border-radius:7px;
}

nav ul li {
  display:block;
  float: left;
  text-align:center;  
  width:16%;
  border-style:groove;
  border-radius:6px;
  background-color:#D59123;
}

nav ul li a {
  display:block;
  text-decoration:none;
  color:#FFFFFF;
  border-radius:6px;
} 

nav ul li a:hover { 
  background:#D59123;
  color:#FFDE7E;
  border-radius:6px;
}

nav li:hover ul {
  display: block;
  position:absolute;
  border-radius:6px;
}

nav li:hover li {
  float: none;
  font-size: 14px;
  border-radius:6px;
}
nav li ul { 
  display:none;
  width:16%;
  border-radius:6px;
}

nav li:hover a { 
  background:#D59123; 
  height:30px; 
  padding-left:10px;
  padding-right:10px; 
  border-radius:6px;

}
 
nav ul li ul li{
  text-align:center;
  width:auto;
  border-radius:6px;
}
nav li:hover li a:hover { 
  background:#D59123;
  border-radius:6px;
}
/* End of Navigation Bar */

p
{
	font-size:14px;
	font-family:Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, "Helvetica", "Arial", sans-serif;
}

p
{
	color:#000000;
	font-size:15px;
}

#content-section{
background-color:#ffe3b1;
margin-top:-18px;
width:71%;
margin:0 auto;
border-radius:7px;
box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
}

.message
{
	padding-left:1%;
}

h2
{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", sans-serif;
	color:#393939;
	padding-top:1%;
}

h3
{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", sans-serif;
	color:#DE0003;
	padding-bottom:1%;
}

h4
{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", sans-serif;
	color:#DE0003;
}

h5
{
	font-family:"Segoe", "Segoe UI", "DejaVu Sans", "Trebuchet MS", "Verdana", sans-serif;
	font-weight:500;
	padding-left:3%;
}

ul, li
{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", sans-serif;
}

.answers li { 
list-style: upper-alpha; 
} 

label { 
margin-left: 0.5em; 
cursor: pointer; 
} 

#results { 
background: #dddada; 
color: 000000; 
padding: 3px; 
text-align: center; 
width: 200px; 
cursor: pointer; 
border: 1px solid gray; 
}

#results:hover { 
background: #3d91b8; 
color: #ffffff; 
padding: 3px; 
text-align: center; 
width: 200px; 
cursor: pointer; 
border: 1px solid gray; 
} 

#categorylist { 
margin-top: 6px; 
display: none; 
} 

#category1, #category2, #category3, #category4, #category5, #category6, #category7, #category8, #category9, #category10, #category11 { 
display: none; 
}

#closing {
display: none;
font-style: italic;
}

.question
{
	padding-left:32%;
}

.answers
{
	padding-left:32%;
}