/**Jill Style Sheet TEST**/

html, body {
	padding:0;
	margin:0;
	border:0;
}
body{ 
font-family:Candara,Verdana,serif;
font-weight: bold;
font-size:18px;
background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment:fixed;
}

	


/*Background for Header*/

header {
background:rgba(255,194,123,0.2);
}

header h1{
font-size:48px;
font-family:'century schoolbook','Lucida Calligraphy', Helvetica, sans-serif;
}

header h2{
font-size: 24px;
font-family:'century schoolbook','Lucida Calligraphy', Helvetica, sans-serif;
}

h3{
font-family:'century schoolbook', Helvetica,serif;
font-size:24px;
text-align:center;
}

/*Navigation Bar*/

nav ul{
background-color:#FFCC99;
color:black;
list-style-type:none;
}

nav a{
text-decoration: none;

}


nav ul ul {
display: none;
}

nav ul li:hover > ul {
display: block;
}
	
nav ul {
	background: #FFCC99; 
	background: linear-gradient(top, #FFCC99 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #FFCC99 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #FFCC99 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0px 20px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
nav ul:after {
content: ""; 
clear: both; 
display: block;
}
	
nav ul li {
float: left;
}

/*this changes the color of the hover*/
nav ul li:hover {
background: #FFCC99;
background: linear-gradient(top, #4f6973 0%, #5f6973 40%);
background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
border-radius: 10px;

	}
	
	
	/* this changes the font color on the hover */
nav ul li:hover a {
color: #000000;

}
		
	/*this changes the font color of the nav bar (not drop down)  padding changes the SIZE of the entire nav bar*/
ul li a {
display: block; 
padding: -25px -40px;
color: #000000; 
text-decoration: none;
border-radius: 10px;
} 

	
	
	/* This changes the background color of the drop down menu*/
	
nav ul ul {
background: #4f6973 0%, #5f6973 40%; 
border-radius: 0px; 
padding:0;
position: absolute; 
top: 100%;
border-radius: 10px;
}

nav ul ul li {
float: none; 
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
border-radius: 10px;
}
	

	
nav{
border:3px solid #ccc;
border-width:3px 0;
list-style:none;
margin:0;
padding:0;
text-align:center;
	
}
nav li{
display:inline;
text-decoration: none;
}

nav a{
display:inline-block;
padding:10px;
}


nav ul ul li a {
padding: -100px 100px;/*40px; This changes size of the drop down*/
color: #fff;
border-radius: 10px;
text-align:center;

}	

nav ul ul li a:hover {
background: #8e98a6;
}


/*Transparent Box-- div ID=BOX*/

#box{
 width:75%;
  height:200%;  
  
  
  float:center;
position:relative;
top:auto;
text-align:left;
margin-top:5%;
margin-bottom:10%;
margin-right:10%;
margin-left:10%;
background: rgb(255, 194, 123);
background: rgba(255,194,123,0.5); 
padding: 20px;
border: 3px solid gray;
border-radius:25px/30px;
  
}


/*Footer Style*/
	
	/* way to color the footer to match nav*/
footer {
	background-color:#FFCC99;
	background: linear-gradient(top, #FFCC99 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #FFCC99 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #FFCC99 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	list-style-type:none;
	color: black;
	font-weight: bold;
	text-decoration:none;
	border: 3px solid #ccc;
	border-width:3px 0;
    list-style:none;
	text-align:center;
	display:center;
	padding:10px;
	
}