body
		{
			background-color:#333399;
		}
	
		@font-face 
		{
    			font-family: myFirstFont;
    			src: url(Font/DK_Crayon_Crumble.ttf);
		}

		.head
		{
			font-family: myFirstFont;
			padding:30px;
			width:100%;
			font-weight: bold;
			margin-bottom:10px;
			width:1050;
			background-color: #FF6600;
			padding-right:45px;
			padding-left:45px;
			margin-right:auto;
			margin-left:auto;
			border-top-right-radius: 50px;
			border-top-left-radius: 50px;
			border-bottom-right-radius: 50px;
			border-bottom-left-radius: 50px;
		}

		.head2
		{
			font-weight:bold;
			background-color:#FFFF66;
			border-left: 3px solid #333333;
			border-right: 3px solid #333333;
			border-top: 3px solid #333333;
			border-bottom: 3px solid #333333;
			width:1150px;
			border-top-right-radius: 100px;
			border-top-left-radius: 100px;
			border-bottom-right-radius: 100px;
			border-bottom-left-radius: 100px;
			margin-bottom:10px;
			padding-right:auto;
			padding-left:auto;
			margin-right:auto;
			margin-left:auto;
		}

		.head3
		{
			font-family: arial;
			padding:30px;
			font-weight: bold;
			background-image: url("Background/background.png");
			background-repeat: no-repeat;
    			background-position: center;
			background-size: cover;
			color:inherit;
			width:1050px;
			height:750px;
			position:relative;
			margin-bottom:10px;
			border-top-right-radius: 25px;
			border-top-left-radius: 25px;
			border-left: 3px solid #333333;
			border-right: 3px solid #333333;
			border-top: 3px solid #333333;
			border-bottom: 3px solid #333333;
			background-color:#FFFF66;
			padding-right:45px;
			padding-left:45px;
			margin-right:auto;
			margin-left:auto;
		}

		#part
		{
			background-color:#FFFF66;
			width:1050px;
			height:750px;
			position:absolute;
			border-left: 3px solid #333333;
			border-right: 3px solid #333333;
			border-top: 3px solid #333333;
			border-bottom: 3px solid #333333;
		}
		
		.head4
		{
			font-family: arial;
			padding:20px;
			width:1050px;
			height:20px;
			position:relative;
			margin-bottom:10px;
			border-bottom-right-radius: 25px;
			border-bottom-left-radius: 25px;
			border-left: 3px solid #333333;
			border-right: 3px solid #333333;
			border-top: 3px solid #333333;
			border-bottom: 3px solid #333333;
			background-color:#FFFF66;
			padding-right:45px;
			padding-left:45px;
			margin-right:auto;
			margin-left:auto;
		}	

		.board
		{
			font-family: myFirstFont;
			background-image: url("Announcements/blackboard.png");
			background-repeat: no-repeat;
    			background-position: center;
			background-size: cover;
			color:inherit;
			width:1050px;
			height:750px;
			position:absolute;
			
		}
	
		#g-search-button 
		{
  			display: inline-block;
  			width: 30px;
  			height: 30px;
  			left: -38px;
  			top:20px;
			border: 2px solid black; 
			border-top-right-radius: 20px;
			border-top-left-radius: 20px;
			border-bottom-right-radius: 20px;
			border-bottom-left-radius: 20px;
			background-image: url("search.png");
			background-repeat: no-repeat;
			cursor: pointer; 
    			background-position: center;
			background-size: cover;
		}

		ul
		{
        		padding: 0;
        		list-style: none;
        		background: #f2f2f2;
    		}

		ul li
		{
        		display: inline-block;
        		position: relative;
        		text-align: center;
    		}

    		ul li a
		{
        		display: block;
        		padding: 8px 25px;
        		color: #333;
        		text-decoration: none;
    		}

    		ul li a:hover{
        		color: #fff;
        		background: #939393;
			border-top-right-radius: 5px;
			border-top-left-radius: 5px;
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
    		}

    		ul li ul.dropdown
		{
        		min-width: 225px;
        		display: none;
        		position: absolute;
        		z-index: 999;
        		left: -80px;
			background-color:#FFFF66;
			border-left: 3px solid #333333;
			border-right: 3px solid #333333;
			border-top: 3px solid #333333;
			border-bottom: 3px solid #333333;
			border-top-right-radius: 10px;
			border-top-left-radius: 10px;
			border-bottom-right-radius: 10px;
			border-bottom-left-radius: 10px;
		}

    		ul li:hover ul.dropdown
		{
        		display: block;	/* Display the dropdown */
    		}

    		ul li ul.dropdown li
		{
        		display: block;
    		}
		
		.look
		{
			color:black;
			font-family: myFirstFont;
			top:180px;
			font-size:30px;
			right:100px;
			position:absolute;
		}		

		.dateDisplay
		{
			border-top-right-radius: 55px;
			border-top-left-radius: 55px;
			border-bottom-right-radius: 55px;
			border-bottom-left-radius: 55px;
			width:380px;
			margin-right:80px;
			border-left: 3px solid #333333;
			border-right: 3px solid #333333;
			border-top: 3px solid #333333;
			border-bottom: 3px solid #333333;
			background-color:#8333A6;
		}


		.timeDisplay
		{
			border-top-right-radius: 55px;
			border-top-left-radius: 55px;
			border-bottom-right-radius: 55px;
			border-bottom-left-radius: 55px;
			width:380px;
			border-left: 3px solid #333333;
			border-right: 3px solid #333333;
			border-top: 3px solid #333333;
			border-bottom: 3px solid #333333;
			background-color:#4443A6;
		}

		.visitDisplay
		{
			border-top-right-radius: 155px;
			border-top-left-radius: 155px;
			border-bottom-right-radius: 155px;
			border-bottom-left-radius: 155px;
			width:380px;
			height:180px;
			border-left: 3px solid #333333;
			border-right: 3px solid #333333;
			border-top: 3px solid #333333;
			border-bottom: 3px solid #333333;
			background-color:#9933A6;
		}

		.slideImage
		{
			border-left: 3px solid #333333;
			border-right: 3px solid #333333;
			border-top: 3px solid #333333;
			border-bottom: 3px solid #333333;
			border-top-right-radius: 100px;
			border-top-left-radius: 100px;
			border-bottom-right-radius: 100px;
			border-bottom-left-radius: 100px;
		}

		.logo
		{
			margin-left:auto;
			margin-right:40px;
			width:175px;
			height:175px;
		}

		h1 
		{ 
			color:white;
			font-size: 40px; 
		} 

		h2
		{
			font-family: myFirstFont;
			font-size:40px;
		}

		h3 
		{ 
			color:white;
			font-size: 50px; 
		} 
		

		h5
		{ 
			font-family: myFirstFont;
			font-size: 20px; 
		} 
		
		.col
		{
			text-align:center;
			width:200px;

		}

		.row
		{
			margin-top:30px;
		}

		.search
		{
			font-family: arial;
			text-align:center;
			width:1150px;
			margin-right:auto;
			margin-left:auto;
		}

		.title
		{
			text-align:center;
			color: white;
		}

		
		.border
		{
			margin-right:auto;
			margin-left:auto;
			width:1000px;
		}
	

		.border2
		{
			margin-top:50px;
			margin-right:auto;
			margin-left:auto;
			width:1000px;
		}

		.nav 
		{
			background-color:yellow;	
			font-size: 18px;		
		}

		.nav > li 
		{
			font-family:arial;
			float:left;
			cursor: pointer; 
			margin-right:30px;
			margin-left:10px;
			list-style: none;
		}
		
		.visible 
		{
  			visibility: visible;
  			opacity: 1;
  			transition: opacity 0.2s linear;
		}

		.hidden 
		{
  			visibility: hidden;
  			opacity: 0;
  			transition: visibility 0.2s, opacity 0.2s linear;
		}

		#home, #activities,#about, #mission, #rules, #access, #contacts, #research, #service, #dispDate, #links, #announcements, #libraryAward
		{
			width: 1000px;
			position: absolute;
		}

		#ebscoButton1, #ebscoButton2, #britannicaButton1, #britannicaButton2
		{
			cursor:pointer;
		}

		.backButton1
		{
			cursor: pointer;
			position: absolute;
			margin-top: 0px;
		}

		.backButton2
		{
			cursor: pointer;
			position: absolute;
			left:60px;
		}

		.backButton3
		{
			cursor: pointer;
			position: absolute;
			margin-top: 300px;
		}
		
		#research
		{
			left:75px;
			font-size:5px;	
		}

		#id, #borrow, #inside
		{	
			top:140px;
			right:-30px;
			position:absolute;
 		}