/*

   Paper Style Sheet
   Author:Anthony Webster
   Date: 08/22/15

   Filename:    paper.css
   Supporting Files: none

*/

   html, body {
      margin: 0;
      padding: 0;
   }

   body {
	font-family: Times, Arial, Sans-serif;
	font-size: 18px;
	color: #666666;
	background: #ffffff;
   }

   #page-container {
      width: auto;
      margin: auto;
      background-image: url(bg.jpg);
   }

/* Section Styles */


section {
   clear: left;
	
}

section p {
   margin: 20px 20px 20px 10px;
}

section p b {
   color: rgb(82,158,145); 
   letter-spacing: 3px;
}


   photo {
   
   -0-transform: rotate(25deg);
   moz-transform: rotate(25deg);
   webkit-transform rotate(25deg);
   -ms-transform: rotate(25deg);
   transform: rotate(25deg);
   
				}
				
				   photo2 {
   
   -0-transform: rotate(-25deg);
   moz-transform: rotate(-25deg);
   webkit-transform rotate(-25deg);
   -ms-transform: rotate(-25deg);
   transform: rotate(-25deg);
   
				}



  
   #header {
      width: auto;
      height: auto;
   }

   #sidebar-a {
      float: right;
      width: 280px;
      line-height: 18px;
      border:2px solid #3300ff;
   }

   #sidebar-a .padding {
      padding: 10px;
   }
   
   
      #sidebar-b {
      float: left ;
      width: 180px;
      line-height: 18px;
      border:2px solid #3300ff;
   }

   #sidebar-b .padding {
      padding: 10px;
   }

   
   
   

   #content {
      width: 480px;
      margin-right: 280px;
      line-height: 18px;
   }

   #content .padding {
      padding: 10px;
   }

    #footer {
      clear: both;
      width: auto;
      height:auto;
      text-align: center;
     
   }

   h2 {
      font-size: 2.0em;
      font-weight: bold;
   }

   
/*This starts the navbar menu, the following moves all the lists items to the top left*/

   #main-nav ul ul {
      display: none;
   }

   #main-nav ul li:hover > ul {
      display: block;
   }

   #main-nav ul {
	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 20px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;   }

   #main-nav ul: after {
      content: "";
      clear: both;
      display: block;
   }

#main-nav ul li {
	float: left;
}
	#main-nav ul li:hover {
		background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	}
		#main-nav ul li:hover a {
			color: #fff;
		}
	
	#main-nav ul li a {
		display: block; padding: 25px 40px;
		color: #757575; text-decoration: none;
	}

#main-nav ul ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	#main-nav ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
		#main-nav ul ul li a {
			padding: 15px 40px;
			color: #fff;
		}	
			#main-nav ul ul li a:hover {
				background: #4b545f;
			}

#main-nav ul ul ul {
	position: absolute;
        left: 100%;
        top:0;
}