
.montage {  position: absolute; left: 603px; top: 0px;  width: 89px; z-index: 0}
.quote {  position: absolute; left: 260px; top: 30px;  width: 89px; z-index: 5}
.topbar {  width: 800px; position: absolute; left: 0px; top: 0px;  z-index: 2}
.curve {  left: 603px;  position: absolute; top: 0px; z-index: 2}


.buttonplacer1 {  
position: absolute; 
left: 0px; 
top: 101px;  
z-index: 2}

.buttonplacer2 {  
position: absolute; 
left: 50px; 
top: 101px;  
z-index: 2}

.buttonplacer3 {  
position: absolute; 
left: 130px; 
top: 101px;  
z-index: 2}

.buttonplacer4 {  
position: absolute; 
left: 195px; 
top: 101px;  
z-index: 2}

.buttonplacer5 {  
position: absolute; 
left: 243px; 
top: 101px;  
z-index: 2}

.buttonplacer6 {  
position: absolute; 
left: 313px; 
top: 101px;  
z-index: 2}

.buttonplacer7 {  
position: absolute; 
left: 433px; 
top: 101px;  
z-index: 2}

.buttonplacer8 {  
position: absolute; 
left: 471px; 
top: 101px;  
z-index: 2}

.button1 {  
width: 50px; 
height:30px; 
color:#FFFFFF;
background-color:#3c6ea1; 
padding-left: 10px; 
font-size: 12px; 
line-height: 25px; 
background-color:#3c6ea1; 
text-decoration:none;
z-index: 2}


.button2 {  
width: 80px; 
height:30px; 
color:#FFFFFF;
background-color:#3c6ea1; 
padding-left: 10px; 
font-size: 12px; 
line-height: 25px; 
background-color:#3c6ea1; 
text-decoration:none;
z-index: 2}

.button3 {  
width: 65px; 
height:30px; 
color:#FFFFFF;
background-color:#3c6ea1; 
padding-left: 10px; 
font-size: 12px; 
line-height: 25px; 
background-color:#3c6ea1; 
text-decoration:none;
z-index: 2}

.button4 {  
width: 48px; 
height:30px; 
color:#FFFFFF;
background-color:#3c6ea1; 
padding-left: 10px; 
font-size: 12px; 
line-height: 25px; 
background-color:#3c6ea1; 
text-decoration:none;
z-index: 2}

.button5 {  
width: 70px; 
height:30px; 
color:#FFFFFF;
background-color:#3c6ea1; 
padding-left: 10px; 
font-size: 12px; 
line-height: 25px; 
background-color:#3c6ea1; 
text-decoration:none;
z-index: 2}

.button6 {  
width: 120px; 
height:30px; 
color:#FFFFFF;
background-color:#3c6ea1; 
padding-left: 10px; 
font-size: 12px; 
line-height: 25px; 
background-color:#3c6ea1; 
text-decoration:none;
z-index: 2}

.button7 {  
width: 38px; 
height:30px; 
color:#FFFFFF;
background-color:#3c6ea1; 
padding-left: 10px; 
font-size: 12px; 
line-height: 25px; 
background-color:#3c6ea1; 
text-decoration:none;
z-index: 2}


.button8 {  
width: 89px; 
height:30px; 
color:#FFFFFF;
padding-left: 10px; 
padding-right: 10px; 
font-size: 12px; 
line-height: 25px; 
text-decoration:none;
background-image: url('http://www.uwic.ac.uk/New/graphics/contactoff.gif');
z-index: 2}

.button1:hover	{
color:#FFFFFF;
background-color: #06315E;
text-decoration:none;

}
.button2:hover	{
color:#FFFFFF;
background-color: #06315E;
text-decoration:none;

}
	

.button3:hover	{
color:#FFFFFF;
background-color: #06315E;
text-decoration:none;

}

.button4:hover	{
color:#FFFFFF;
background-color: #06315E;
text-decoration:none;

}

.button5:hover	{
color:#FFFFFF;
background-color: #06315E;
text-decoration:none;

}

.button6:hover	{
color:#FFFFFF;
background-color: #06315E;
text-decoration:none;

}

.button7:hover	{
color:#FFFFFF;
background-color: #06315E;
text-decoration:none;

}

.button8:hover	{
color:#FFFFFF;
background-image: url('http://www.uwic.ac.uk/New/graphics/contacton.gif');
text-decoration:none;
}





body { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #003366;
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
margin-left: 0px;
background-attachment: scroll; 
background-image:  url('http://www.uwic.ac.uk/New/graphics/background.gif'); 
background-repeat: repeat-y; 
background-position: 0px 0px}

A       {
	font-family:	 Arial, Helvetica, sans-serif; 
	color: #003366;
	text-decoration:underline}

a:hover	{
text-decoration:underline
}

.mblink {
			
	text-decoration: underline;
	
	}

.maintext
 {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: smaller; 
 width: 550px; 
 left: 150px; 
 top: 175px;  
 position: absolute; 
 color: #003366;
 padding-bottom:30px
  }

table {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}

h5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px ; font-weight: bold}

.maintextwithnav
 {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: smaller; 
 width: 450px; 
 left: 150px; 
 top: 175px;  
 position: absolute; 
 color: #003366;
 padding-bottom:30px
  }



.rightnav 
{  position: absolute; 
left: 610px; 
top: 187px;  
width: 130px; 
z-index: 1; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 2;
font-size:70%;
padding-top: 30px; 
padding-right: 10px; 
padding-bottom: 10px; 
padding-left: 10px;  

}

.pageheading
 {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 width: 550px; 
 left: 150px; 
 top: 175px;  
 position: absolute; 
 color: #003366;

  }


.mainleft
 {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: smaller; 
 width: 250px; 
 left: 150px; 
 top: 200px;  
 position: absolute; 
 color: #003366;
  }
  
  
  .mainleft3
 {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: smaller; 
 width: 250px; 
 left: 150px; 
 top: 200px;  
 position: absolute; 
 color: #003366;
  }
  
  
  .mainright
 {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: smaller; 
 width: 300px; 
 left: 420px; 
 top: 200px;  
 position: absolute; 
 color: #003366;
 
  }
  
    .mainright3
 {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: smaller; 
 width: 310px; 
 left: 430px; 
 top: 200px;  
 position: absolute; 
 color: #003366;
 
  }
  
  
  .leftside
 {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: smaller;  
 width: 300px; 
 left: 150px; 
 top: 175px;  
 position: absolute; 
 color: #003366;
  }
  
  
  .rightside
 {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: smaller; 
 width: 250px; 
 left: 500px; 
 top: 200px;  
 position: absolute; 
 color: #003366;
 
  }
  
  
  .mainleft2
 {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 width: 250px; 
 left: 150px; 
 top: 330px;  
 position: absolute; 
 color: #003366;
  }
  
  
  .mainright2
 {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 width: 250px; 
 left: 450px; 
 top: 330px;  
 position: absolute; 
 color: #003366;
 
  }
  
    
  .mainright4
 {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 width: 350px; 
 left: 200px; 
 top: 280px;  
 position: absolute; 
 color: #003366;
 
  }
  
 

 
  .clearingheading
 {  
 
 width: 550px; 
 left: 150px; 
 top: 175px;  
 position: absolute; 
 color: #003366;

  }
  
   
  .topheading
 {  
 
 width: 550px; 
 left: 150px; 
 top: 175px;  
 position: absolute; 
 color: #003366;

  }
  
    .clearingleft
 {  
 width: 250px; 
 left: 150px; 
 top: 375px;  
 position: absolute; 
 color: #003366;
 font-size: 12px; 
 z-index: 1; 
  }
  
  
  .clearingright
 {  
 width: 250px; 
 left: 365px; 
 top: 355px;  
 position: absolute; 
 color: #003366;
 font-size: 12px; 
 z-index: 2; 
 
  }
  

.NavLink {
	font-family: 		Arial, sans-serif;
    font-size: 12px; 
	text-decoration:none;
	color: 			#FFFFFF
	}
	
	

	
.topnavlink {
	
    font-size: 12px; 
	color: 			#FFFFFF
	}
	
.topnavlink:hover	{
background-color: #06315E;
text-decoration:none;
padding-top: 30px; 
padding-bottom: 30px; 
}
	
	
	

.leftnavbar 
{  position: absolute; 
left: 0px; 
 top: 150px;
width: 110px; 
z-index: 1; 
font-family: 
Verdana, Arial, Helvetica, sans-serif; 
font-size: 70%; 
padding-top: 30px; 
padding-right: 10px; 
padding-bottom: 10px; 
padding-left: 10px;  
text-decoration:none;
color: #FFFFFF
}

IMG.left-floating 
{
float: left; 
border-right: thick solid #ffffff;
border-top: thick solid #ffffff;
border-bottom: thick solid #ffffff
}


IMG.right-floating 
{
float: right; 
border-left: thick solid #ffffff;
border-top: thick solid #ffffff;
border-bottom: thick solid #ffffff
}


.publication 
{ 

width: 250px; 
padding-top: 5px; 
padding-right: 5px; 
padding-bottom: 5px; 
padding-left: 5px}


.genbox 
{ 

width: 250px; 
padding-top: 10px; 
padding-right: 10px; 
padding-bottom: 10px 
}

.helpbox {text-decoration:bold; padding: 5px; border: thin solid #000000; background-color: #FFFFFF; color: #000000; width: 400px; height :40px;  vertical-align: middle}


.art {text-decoration:none;  background-color: #AE005F;  color: #FFFFFF; width: 110px; height :150px;  vertical-align:absolute left;}
.biomed {text-decoration:none; background-color: #ED8000; color: #FFFFFF; width: 200px; height :40px;  vertical-align: middle}
.business {text-decoration:none; background-color: #0085C2; color: #FFFFFF; width: 200px; height :40px;  vertical-align: middle}
.construction { text-decoration:none;background-color: #13694E; color: #FFFFFF; width: 200px; height :40px;  vertical-align: middle}
.education {text-decoration:none; background-color: #00b4ab; color: #FFFFFF; width: 200px; height :40px;  vertical-align: middle}
.electronics {text-decoration:none; background-color: #7246d0; color: #FFFFFF; width: 200px; height :40px;  vertical-align: middle}
.environmental {text-decoration:none; background-color: #7d3d00; color: #FFFFFF; width: 200px; height :40px;  vertical-align: middle}
.env {text-decoration:none; background-color: #7d3d00; color: #FFFFFF; width: 200px; height :40px;  vertical-align: middle}
.food {text-decoration:none; background-color: #b20060; color: #FFFFFF; width: 200px; height :40px;  vertical-align: middle}
.health {text-decoration:none; background-color: #35962b; color: #FFFFFF; width: 200px; height :40px;  vertical-align: middle}
.industeng {text-decoration:none; background-color: #39EBCE; color: #FFFFFF; width: 200px; height :40px;  vertical-align: middle}
.hospitality { text-decoration:none;background-color: #ffa400; color: #FFFFFF; width: 200px; height :40px;  vertical-align: middle}
.IT {text-decoration:none; background-color: #907882; color: #FFFFFF; width: 200px; height :40px;  vertical-align: middle}
.productdesign {text-decoration:none; background-color: #487725; color: #FFFFFF; width: 200px; height :40px;  vertical-align: middle}
.socialscience { text-decoration:none;background-color: #8342ce ; color: #FFFFFF; width: 200px; height :40px;  vertical-align: middle}
.sport {text-decoration:none; background-color: #e2c600; color: #FFFFFF; width: 200px; height :40px;  vertical-align: middle}
.tourism {text-decoration:none; background-color: #ff9dc4; color: #FFFFFF; width: 200px; height :40px;  vertical-align: middle}
.humanities {text-decoration:none; background-color: #c71444; color: #FFFFFF; width: 200px; height :40px;  vertical-align: middle}


