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

body{
text-align:center;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
background-color:#d8d4bb;}

#container{
text-align:left;
width:880px;
height:600px;
margin:15px auto 0 auto;
}	

a{ 
color:#af2214;
text-decoration:none;
/*border-bottom:1px solid gray;*/
outline: none;}

a:hover{ 
color:#af2214;
text-decoration:none;
/*border-bottom:1px solid #af2214;*/
}

a:focus{
-moz-outline-style: none;}

img{
border:none;
behavior: url(iepngfix.htc);}

.clear{}

/*top*/

.top{
height:130px;}

#logo{
background-image:url(img/shooting-buildings-logo.png);
behavior: url(iepngfix.htc);
float:left;
width:200px;
height:99px;}

.nav{
margin:12px;
text-align:right;}

ul{
display:block;
margin-top:10px;
}

li{
margin:6px 0 0 0;
float:right;
display:inline;
height:20px;
overflow:hidden;}

li a div{
margin:0 0 0 10px;}

li .contact_nav{
width:139px;
height:43px;
background-image:url(img/contact.png);}

li a div:hover,li.on div{
margin:-23px 0 0 10px;}

li a:hover{
cursor:pointer;
cursor:hand;}

li .home_nav{
margin:1px 0 0 10px;
width:45px;
height:43px;
background-image:url(img/home.png);}

li .acland_nav{
width:123px;
height:43px;
background-image:url(img/acland.png);}

li .drayton_nav{
width:114px;
height:43px;
background-image:url(img/drayton.png);}

li .parliament_nav{
width:112px;
height:43px;
background-image:url(img/parliament.png);}

li .contact_nav:hover,li.on .contact_nav{
margin:-24px 0 0 10px;}

/* home left*/

.homeleft{
float:left;
display:inline;}

.speechbubble_top{
height:9px;
width:425px;
background-image:url(img/speech.png);
behavior: url(iepngfix.htc);
}

.speechbubble{
padding:10px 20px;
color:#FFF;
background-image: url(img/speechbg.png) ;
behavior: url(iepngfix.htc);
width:385px;}

.speechbubble_bottom{
height:49px;
width:425px;
background-image:url(img/speech2.png);
behavior: url(iepngfix.htc);
}

.wallace_logo{
background-image:url(img/wallace_logo.png);
behavior: url(iepngfix.htc);
margin-top:42px;
height:80px;
width:187px;}

/*home right*/

.homeright{
margin-left:10px;
float:left;
display:inline;}

.school1_home{
margin-bottom:8px;
background-image: url(img/green_home.png);
background-repeat:no-repeat;
background-position:0px 0px;
behavior: url(iepngfix.htc);
height:155px;
width:440px;}

.school2_home{
margin-bottom:8px;
background-image: url(img/blue_home.png);
background-repeat:no-repeat;
background-position:0px 0px;
behavior: url(iepngfix.htc);
height:155px;
width:440px;}

.school3_home{
margin-bottom:8px;
background-image: url(img/orange_home.png);
background-repeat:no-repeat;
background-position:0px 0px;
behavior: url(iepngfix.htc);
height:155px;
width:440px;}



.school1_home:hover,.school2_home:hover,.school3_home:hover{
background-position:0px -156px;
cursor:pointer;
cursor:hand;
}


/* gallery */

.galleryleft,.gallerymain,.galleryright{ 
position:relative; 
float:left;
display:inline;
height:380px;}

.galleryleft{
width:215px; }

.gallerymain{
margin:5px 0 0 0;
text-align:center;
background-color:#333333;
width:440px;}

.galleryright{
width:215px;}	  

.img{

margin:20px 0 0 0;}	

.acland_main{
color:#ccc;}

.drayton_main{
color:#1a9dd1;}

.parliment_main{
color:#d9881e;}

#wallace_wn,#school_wn{ 

	position:absolute; 
	margin-left:60px; margin-top:15px; 
	width:100px; height:332px; 
	clip:auto;
	overflow:hidden;	
	z-index:1; 	
	}
	
	#school_wn,.gallery_title	{	
	margin-left:80px; 
	}
	
	
#wallace_div,#school_div{
margin:0; 
position:absolute;
overflow:hidden;
z-index:1; 
width:100px;
}

#wallace_scrollbar ,#school_scrollbar{ 
border:1px solid #6c6b63;
background-color:#c9c5ae;
position:absolute; left:0px; margin-top:20px;
width:12px; height:320px;
z-index:2;  
}
  
#school_scrollbar{ 
left:180px;}
  
#wallace_track,#school_track { 
 height:318px;
  position:absolute;   width:12px;  z-index:10;
 
  }
  
#wallace_dragBar, #school_dragBar {
  position:absolute; margin-left:1px; margin-top:1px;
  width:8px; z-index:10;
   height:260px;
  background-color:#666;
  cursor:hand; cursor:pointer;
  } 	 
 
  .galleryleft img, .galleryright img{
  margin-top:5px;
  border:1px solid #4c4b46;}
  
  .galleryleft img:hover{
  border:1px solid white;}
  
  .acland img:hover{
  border:1px solid #34a914; }
  
   .drayton img:hover{
  border:1px solid #1a9dd1; }
  
   .parliment img:hover{
  border:1px solid #d9881e; }
  
 
  
 

  /* contact */
  
  .contactleft,.contactmiddle,.contactright{
  float:left;
  display:inline;
  }	  
  
  .contactleft{ 
  height:380px;
  width:300px;
  padding-right:50px;}
  
  .contactmiddle{ 
  height:380px;
  width:200px;}	 
  
  #contact_logo{
   height:80px;
  width:187px;
  background-image:url(img/wallace_logo.png);
  margin-top:100px;}
  
  #contact_logo:hover{
  cursor:hand;
  cursor:pointer;}
  
  .contactright img{
  margin:20px 0 0 50px;}


/* text and links */

.speechbubble a{
color:#FFF;
border-bottom:1px dashed #ccc ;}

.speechbubble a:hover{
color:#FFF;
border-bottom:1px solid #af2214 ;}

.contactleft a:hover,.contactmiddle a:hover{
border-bottom:1px dotted #af2214;}