body {
		background: grey;
		font-family:georgia;
		font-size: 10em;
		margin:0;
		padding:0;
		text-align:center;
		}

	
	#frame {
		background: white url(images/notebook.gif) 50% 50% no-repeat;
		height:718px;
		width:955px;
		margin: 25px;
		margin-right: auto;
		margin-left: auto;
		}
	
	#frame p {
		text-align: left;
		font-size: 8%;
		float: left;
		margin-top: -330px; 
		margin-left: 249px;
		width: 200px; 
		height: 290px;
		}
		
	#frame2 p {
		text-align: left;
		font-size: 8%;
		float: left;
		margin-left: 500px;
		margin-top: -330px; 
		height: 290px; 
		width: 200px; 
		margin-bottom: 0px;
		}
	
	#frame .small {
		font-size: 70%;
		}
	
	#frame2{
		background: white url(images/notebook_open.jpg) 50% 50% no-repeat;
		height:718px;
		width:955px;
		margin: 25px;
		margin-right: auto;
		margin-left: auto;
		}
	
	#frame2 .small {
		font-size: 70%;
		}
	
	#title {
		font-size: 25%;
		float: left;
		font-weight: normal;
		padding: 20px 20px 0px 0px;
		margin-left: 252px;
		text-decoration:none;
		color: black;
		}
	
	
	#frame .some a:link, #frame .some a:active, #frame .some a:visited, #frame .some a:hover{
		font-size: 200%;
		color:#66CCFF;
		text-decoration:none;
		}
	
	#frame2 .some a:link, #frame2 .some a:active, #frame2 .some a:visited, #frame2 .some a:hover{
		font-size: 200%;
		color:#66CCFF;
		text-decoration:none;
		}
	
			
    
    #arrow{ margin-left: 683px;
            padding-top: 497px;
    		}
		
    a.button {
          display: block;
          width:27px;
          height:34px;
          background-image: url("images/rightarrow.jpg");
          background-repeat: no-repeat;
          
    }

    a.button:hover {
      background-image: url("images/hoverrightarrow.jpg");
    }
    
    #arrow2{ margin-left: 251px;
    		margin-top: -34px;
    		width:24px;
            height:31px;
    		}
		
    a.button2 {
          display: block;
          width:24px;
          height:31px;
          background-image: url("images/leftarrow.gif");
          background-repeat: no-repeat;
          
    }

    a.button2:hover {
      background-image: url("images/hoverleftarrow.gif");
    }
    
     
    
	#frame ul {
		list-style:none;
		font-size:10%;
		float: left;
		padding: 0px;
		margin-top: 166px; 
		margin-left: 14px;		
		text-align: left;
		}
	
	#ul2 {
		list-style:none;
		font-size:10%;
		float: left;
		padding: 0px;
		margin:0px;
		text-align: right;
		}	

	
	#position {
				float:left;
			margin-top: -249px; 
			margin-left: 249px;
			border: none;
			}
	
	#position2 {
			float:left;
		margin-top: -335px; 
		margin-left: 225px;
		border: none;
			}
	
	
	#frame img {
		float:left;
		margin-left: 520px; 
		margin-top: -300px;
		border: none;
	}
	
	
	
	#list{ float: left;
			margin-top: -249px; 
			margin-left: 249px;
    		}
    		
    #list2 { float: left;
			margin-top: -330px; 
			margin-left: 250px;
    		}
		
    a.one {
          display: block;
          width:62px;
          height:43px;
          background-image: url("images/one.jpg");
          background-repeat: no-repeat;   
    }

    a.one:hover {
      background-image: url("images/hoverone.jpg");
    }
    
    a.two {
          display: block;
          width:50px;
          height:43px;
          margin-left: 63px;
          background-image: url("images/two.jpg");
          background-repeat: no-repeat;   
    }

    a.two:hover {
      background-image: url("images/hovertwo.jpg");
    }
    
    a.three {
          display: block;
          width:58px;
          height:43px;
          margin-left: 120px;
          background-image: url("images/three.jpg");
          background-repeat: no-repeat;   
    }

    a.three:hover {
      background-image: url("images/hoverthree.jpg");
    }
    
    a.four {
          display: block;
          width:62px;
          height:55px;
          margin-top: 40px;
          background-image: url("images/four.jpg");
          background-repeat: no-repeat;   
    }

    a.four:hover {
      background-image: url("images/hoverfour.jpg");
    }
    
    a.five {
          display: block;
          width:50px;
          height:55px;
          margin-top: 40px;
          margin-left: 63px;

          background-image: url("images/five.jpg");
          background-repeat: no-repeat;   
    }

    a.five:hover {
      background-image: url("images/hoverfive.jpg");
    }
    
    a.six {
          display: block;
          width:58px;
          height:55px;
          margin-top: 43px;
          margin-left: 120px;
          background-image: url("images/six.jpg");
          background-repeat: no-repeat;   
    }

    a.six:hover {
      background-image: url("images/hoversix.jpg");
    }
    
    a.seven {
          display: block;
          width:62px;
          height:52px;
          margin-top: 90px;
          background-image: url("images/seven.jpg");
          background-repeat: no-repeat;   
    }

    a.seven:hover {
      background-image: url("images/hoverseven.jpg");
    }
    
    a.eight {
          display: block;
          width:50px;
          height:52px;
          margin-top: 90px;
          margin-left: 63px;
          background-image: url("images/eight.jpg");
          background-repeat: no-repeat;   
    }

    a.eight:hover {
      background-image: url("images/hovereight.jpg");
    }
    
    a.nine {
          display: block;
          width:50px;
          height:52px;
          margin-top: 90px;
          margin-left: 120px;
          background-image: url("images/nine.jpg");
          background-repeat: no-repeat;   
    }

    a.nine:hover {
      background-image: url("images/hovernine.jpg");
    }
    
    a.a {
          display: block;
          width:56px;
          height:66px;
          background-image: url("images/a.jpg");
          background-repeat: no-repeat;   
    }

    a.a:hover {
      background-image: url("images/hovera.jpg");
    }
    
    a.b {
          display: block;
          width:34px;
          height:66px;
          margin-left: 56px;
          background-image: url("images/b.jpg");
          background-repeat: no-repeat;   
    }

    a.b:hover {
      background-image: url("images/hoverb.jpg");
    }
    
    a.c {
          display: block;
          width:30px;
          height:66px;
          margin-left: 90px;
          background-image: url("images/c.jpg");
          background-repeat: no-repeat;   
    }

    a.c:hover {
      background-image: url("images/hoverc.jpg");
    }
    
    a.cc {
          display: block;
          width:31px;
          height:71px;
          margin-left: 120px;
          background-image: url("images/cc.jpg");
          background-repeat: no-repeat;   
    }

    a.cc:hover {
      background-image: url("images/hovercc.jpg");
    }
    
    a.d {
          display: block;
          width:49px;
          height:59px;
          margin-left: 151px;
          background-image: url("images/d.jpg");
          background-repeat: no-repeat;   
    }

    a.d:hover {
      background-image: url("images/hoverd.jpg");
    }
    
    a.e {
          display: block;
          width:56px;
          height:55px;
          margin-top: 66px;
          background-image: url("images/e.jpg");
          background-repeat: no-repeat;   
    }

    a.e:hover {
      background-image: url("images/hovere.jpg");
    }
    
     a.f {
          display: block;
          width:34px;
          height:64px;
          margin-top: 66px;
          margin-left: 56px;
          background-image: url("images/f.jpg");
          background-repeat: no-repeat;   
    }

    a.f:hover {
      background-image: url("images/hoverf.jpg");
    }
    
    a.g {
          display: block;
          width:30px;
          height:63px;
          margin-top: 71px;
          margin-left: 90px;
          background-image: url("images/g.jpg");
          background-repeat: no-repeat;   
    }

    a.g:hover {
      background-image: url("images/hoverg.jpg");
    }
    
    a.gg {
          display: block;
          width:31px;
          height:58px;
          margin-top: 71px;
          margin-left: 120px;
          background-image: url("images/gg.jpg");
          background-repeat: no-repeat;   
    }

    a.gg:hover {
      background-image: url("images/hovergg.jpg");
    }
    
    a.h {
          display: block;
          width:49px;
          height:62px;
          margin-top: 59px;
          margin-left: 151px;
          background-image: url("images/h.jpg");
          background-repeat: no-repeat;   
    }

    a.h:hover {
      background-image: url("images/hoverh.jpg");
    }
    
    a.ii {
          display: block;
          width:56px;
          height:57px;
          margin-top: 121px;
          background-image: url("images/ii.jpg");
          background-repeat: no-repeat;   
    }

    a.ii:hover {
      background-image: url("images/hoverii.jpg");
    }
    
    a.i {
          display: block;
          width:27px;
          height:49px;
          margin-top: 130px;
          margin-left: 56px;
          background-image: url("images/i.jpg");
          background-repeat: no-repeat;   
    }

    a.i:hover {
      background-image: url("images/hoveri.jpg");
    }
    
    a.j {
          display: block;
          width:37px;
          height:49px;
          margin-left: 83px;
          margin-top: 129px;
          background-image: url("images/j.jpg");
          background-repeat: no-repeat;   
    }

    a.j:hover {
      background-image: url("images/hoverj.jpg");
    }
    
    a.k {
          display: block;
          width:31px;
          height:42px;
          margin-left: 120px;
          margin-top: 129px;
          background-image: url("images/k.jpg");
          background-repeat: no-repeat;   
    }

    a.k:hover {
      background-image: url("images/hoverk.jpg");
    }
    
    a.l {
          display: block;
          width:49px;
          height:50px;
          margin-left: 151px;
          margin-top: 121px;
          background-image: url("images/l.jpg");
          background-repeat: no-repeat;   
    }

    a.l:hover {
      background-image: url("images/hoverl.jpg");
    }
    
    a.m {
          display: block;
          width:48px;
          height:36px;
          margin-top: 178px;
          background-image: url("images/m.jpg");
          background-repeat: no-repeat;   
    }

    a.m:hover {
      background-image: url("images/hoverm.jpg");
    }
    
     a.n {
          display: block;
          width:35px;
          height:36px;
          margin-top: 179px;
          margin-left: 48px;
          background-image: url("images/n.jpg");
          background-repeat: no-repeat;   
    }

    a.n:hover {
      background-image: url("images/hovern.jpg");
    }
    
    a.o {
          display: block;
          width:37px;
          height:29px;
          margin-top: 186px;
          margin-left: 83px;
          background-image: url("images/o.jpg");
          background-repeat: no-repeat;   
    }

    a.o:hover {
      background-image: url("images/hovero.jpg");
    }
    
    a.oo {
          display: block;
          width:31px;
          height:36px;
          margin-top: 179px;
          margin-left: 120px;
          background-image: url("images/oo.jpg");
          background-repeat: no-repeat;   
    }

    a.oo:hover {
      background-image: url("images/hoveroo.jpg");
    }
    
    a.p {
          display: block;
          width:49px;
          height:49px;
          margin-top: 171px;
          margin-left: 151px;
          background-image: url("images/p.jpg");
          background-repeat: no-repeat;   
    }

    a.p:hover {
      background-image: url("images/hoverp.jpg");
    }
    
    a.r {
          display: block;
          width:48px;
          height:41px;
          margin-top: 214px;
          background-image: url("images/r.jpg");
          background-repeat: no-repeat;   
    }

    a.r:hover {
      background-image: url("images/hoverr.jpg");
    }
    
    a.s {
          display: block;
          width:35px;
          height:41px;
          margin-left: 48px;
          margin-top: 215px;
          background-image: url("images/s.jpg");
          background-repeat: no-repeat;   
    }

    a.s:hover {
      background-image: url("images/hovers.jpg");
    }
    
    a.ss {
          display: block;
          width:37px;
          height:48px;
          margin-left: 83px;
          margin-top: 215px;
          background-image: url("images/ss.jpg");
          background-repeat: no-repeat;   
    }

    a.ss:hover {
      background-image: url("images/hoverss.jpg");
    }
    
    a.t {
          display: block;
          width:31px;
          height:48px;
          margin-left: 121px;
          margin-top: 215px;
          background-image: url("images/t.jpg");
          background-repeat: no-repeat;   
    }

    a.t:hover {
      background-image: url("images/hovert.jpg");
    }
    
    a.u {
          display: block;
          width:44px;
          height:35px;
          margin-left: 152px;
          margin-top: 215px;
          background-image: url("images/u.jpg");
          background-repeat: no-repeat;   
    }

    a.u:hover {
      background-image: url("images/hoveru.jpg");
    }
    
    a.uu {
          display: block;
          width:48px;
          height:59px;
          margin-top: 255px;
          background-image: url("images/uu.jpg");
          background-repeat: no-repeat;   
    }

    a.uu:hover {
      background-image: url("images/hoveruu.jpg");
    }
    
     a.v {
          display: block;
          width:30px;
          height:59px;
          margin-top: 255px;
          margin-left: 48px;
          background-image: url("images/v.jpg");
          background-repeat: no-repeat;   
    }

    a.v:hover {
      background-image: url("images/hoverv.jpg");
    }
    
    a.y {
          display: block;
          width:37px;
          height:59px;
          margin-top: 255px;
          margin-left: 78px;
          background-image: url("images/y.jpg");
          background-repeat: no-repeat;   
    }

    a.y:hover {
      background-image: url("images/hovery.jpg");
    }
    
    a.z {
          display: block;
          width:43px;
          height:59px;
          margin-top: 255px;
          margin-left: 115px;
          background-image: url("images/z.jpg");
          background-repeat: no-repeat;   
    }

    a.z:hover {
      background-image: url("images/hoverz.jpg");
    }
    

    
	
	#numbers a:link, #numbers a:active, #numbers a:visited{
		background-image:url("images/bluelink.jpg");
		background-repeat: no-repeat;
		text-decoration:none;
		float:left;
		color: black;
		width: 113px;
		height: 27px;
		padding-top: 15px;
		padding-left: 5px;
		margin-top:16px;
		}
	
	
	#numbers a:hover{
		background-image:url("images/redlink.jpg");
		background-repeat:no-repeat;
		}
	
	#numbers2 a:link, #numbers2 a:active, #numbers2 a:visited{
		background-image:url("images/redlinkleft.jpg");
		background-repeat: no-repeat;
		text-decoration:none;
		float:left;
		color: black;
		width: 113px;
		height: 27px;
		padding-top: 15px;
		margin-top: -354px; 
		margin-left: 110px;
		}
	
	
	#numbers2 a:hover{
		background-image:url("images/redlinkleft.jpg");
		background-repeat:no-repeat;
		}
		
	#numbers3 a:link, #numbers3 a:active, #numbers3 a:visited{
		background-image:url("images/bluelinkleft.jpg");
		background-repeat: no-repeat;
		text-decoration:none;
		float:left;
		color: black;
		width: 113px;
		height: 27px;
		padding-top: 15px;
		margin-top: -354px; 
		margin-left: 110px;
		}
	
	
	#numbers3 a:hover{
		background-image:url("images/redlinkleft.jpg");
		background-repeat:no-repeat;
		}
	
	#letters a:link, #letters a:active, #letters a:visited{
		background-image:url("images/bluelink.jpg");
		background-repeat: no-repeat;
		text-decoration:none;
		float:left;
		color: black;
		width: 113px;
		height: 27px;
		padding-top: 15px;
		margin-top: 5px;
		padding-left: 5px;
		
		}
	
	
	#letters a:hover{
		background-image:url("images/redlink.jpg");
		background-repeat:no-repeat;
		}
	
	#letters2 a:link, #letters2 a:active, #letters2 a:visited{
		background-image:url("images/bluelinkleft.jpg");
		background-repeat: no-repeat;
		text-decoration:none;
		float:left;
		color: black;
		width: 113px;
		height: 27px;
		padding-top: 15px;
		margin-top: 5px;
		margin-top: -308px; 
		margin-left: 110px;
		}
	
	
	#letters2 a:hover{
		background-image:url("images/redlinkleft.jpg");
		background-repeat:no-repeat;
		}
		
	#letters3 a:link, #letters3 a:active, #letters3 a:visited{
		background-image:url("images/redlinkleft.jpg");
		background-repeat: no-repeat;
		text-decoration:none;
		float:left;
		color: black;
		width: 113px;
		height: 27px;
		padding-top: 15px;
		margin-top: 5px;
		margin-top: -308px; 
		margin-left: 110px;
		}
	
	
	#letters3 a:hover{
		background-image:url("images/redlinkleft.jpg");
		background-repeat:no-repeat;
		}
		
	
	#photos a:link, #photos a:active, #photos a:visited{
		background-image:url("images/bluelink.jpg");
		background-repeat: no-repeat;
		text-decoration:none;
		float:left;
		color: black;
		width: 113px;
		height: 27px;
		padding-top: 15px;
		margin-top: 5px;
		padding-left: 5px;
		clear: left;
		}
	
	
	#photos a:hover{
		background-image:url("images/redlink.jpg");
		background-repeat:no-repeat;
		}
	
	#photos2 a:link, #photos2 a:active, #photos2 a:visited{
		background-image:url("images/bluelinkleft.jpg");
		background-repeat: no-repeat;
		text-decoration:none;
		float:left;
		color: black;
		width: 113px;
		height: 27px;
		padding-top: 15px;
		margin-top: -262px; 
		margin-left: 110px;		}
	
	
	#photos2 a:hover{
		background-image:url("images/redlinkleft.jpg");
		background-repeat:no-repeat;
		}
		
	 #contact a:link, #contact a:active, #contact a:visited{
		background-image:url("images/redlink.jpg");
		background-repeat:no-repeat;
		text-decoration:none;
		float:right;
		color: black;
		width: 115px;
		height: 27px;
		padding-top: 15px;
		margin-left: 716px; 
		margin-top: -6px;
		padding-left: 5px;
		}
	
	
	#contact a:hover{
		background-image:url("images/bluelink.jpg");
		background-repeat:no-repeat;
		}
	
	 #contact2 a:link, #contact2 a:active, #contact2 a:visited{
		background-image:url("images/redlink.jpg");
		background-repeat:no-repeat;
		text-decoration:none;
		float:right;
		color: black;
		width: 115px;
		height: 27px;
		padding-top: 15px;
		text-align: left;
		padding-left: 5px;
		margin: 493px 0px 0px 12px;
		}
	
	
	#contact2 a:hover{
		background-image:url("images/bluelink.jpg");
		background-repeat:no-repeat;
		}
	
	#one{border: none;
		
	
		}