/* global */
html{height: 100%;}

body
{ font-family: verdana, arial, sans-serif;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  background: transparent url("glossymetal.jpg") repeat scroll left top;
  text-align:center;
  font-size:16px;
}

#graduate {
	width: 1100px;
	margin-left: auto; 
  	margin-right: auto;
	text-align: center;
	background-image: url("fadestrip3.png");
	background-repeat: repeat-x;
	background-position: left top;
}

p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
}

h1
{ 
  color:black;
  font-family: arial, sans-serif;
  letter-spacing: .1em;
  font-weight: normal;
  padding: 10px 0px 5px 0px; 
  margin: 0px 0px 12px 0px; 
  /* top, bottom, right, left */
  font-size: 150%;  
}





.sub
{ font-size: 75%;
  padding-left: 12px; 
  letter-spacing: .1em;
}

img
{ border: 0px; 
  margin: 0px; 
  padding: 0px;
}

#rimg 
{
float:right;
border:1px dotted black;
margin:15px 0px 15px 15px;
}
#limg 
{
float:left;
border:1px dotted black;
margin:15px 15px 15px 0px;
}
#cimg 
{
	display: block;
    margin-left: auto;
    margin-right: auto; 
    padding: 15px 15px 15px 15px;
}


#bbanner
{
 position: absolute; top:546px;
 height:150px;
 width:900px;
 
}
#tbanner
{
 position: absolute; top: 138px;
 width:900px;
}
#mbanner
{
 position: absolute; top: 300px;
 width:720px;
}



a{outline: none;}

/* block quote */
blockquote
{ margin: 20px 0px 20px 0px; 
  padding: 10px 20px 0px 20px;
  border-left: 8px solid;
}

/* unordered list */
ul
{ margin: 2px 0px 18px 0px;
  padding: 0px;
  font-size:13px;
}

ul li
{ list-style-type: square;
  margin: 0px 0px 6px 0px; 
  padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* margin lefts / margin rights - to centre content */
#logo, #menu, #site_content, #topbanner
{
  background: transparent; 
  margin-left: auto; 
  margin-right: auto;
}
#logo
{ 
  float: left;
}
#sublogo
{ 
  padding: 0px 0px 0px 10px;
  vertical-align:bottom;
}

#topbanner
{ 
width: 1100px;
  height: 95px;
    border-top:5px solid #990000;
	
}

#logo h1
{ font-family: century gothic, sans-serif;
  font-size: 60px;
  text-transform: lowercase;
  font-weight: normal;
  padding: 0px 0px 0px 10px;
  border: 0px;
  float: left;
  letter-spacing: 0px;
}

#links
{ 
  color:white;
  margin: 5px 9px 0px 0px;
  font-size: 12px;
  text-align: right;
  padding: 20px 10px 0px 0px;
  text-transform: uppercase;  
  float: right;
}

#links a, #links a:hover
{ padding: 0px 0px 2px 0px;
  text-decoration: none;
}

/* navigation menu */
#menu
{ height: 26px;
  width: 1100px;
  padding:2px 0px 0px 0px;
  border-bottom: 2px solid; 
  text-align: left;
}

#menu ul{margin: 0px auto;} 

#menu li
{ 
  float: left; 
  margin: 0px; 
  padding: 0px;
  list-style: none;
} 

#menu li a 
{ display: block;
  float: left;
  height: 20px;
  text-decoration: none; 
  padding: 6px 19px 0px 19px;
  border-right: 2px solid;
  font-weight: bold;
} 

#colours
{ 
  float: right;
  height: 10px;
  text-align: right;
  padding: 0px 16px 0px 0px;
}

/* main content */
#site_content
{ 
  width: 1098px;
  overflow: hidden;  
  border-bottom:5px solid #990000;
  background: white;
  background-image: url("photobgb.jpg");
  font-style:italic;
} 

#scrollableContent 
{ 
height: 485px; 
scrollbar-base-color:silver; 
overflow: auto; 
border: 1px solid white; 
} 


/* side menu */
#side_menu
{ padding: 10px 5px 10px 10px;
  float: left; 
  width: 170px;
  height: 560px;
}

#homeinfopanel
{ padding: 5px 5px 5px 5px;
margin-left:10px;
  float:right;
  width: 155px;
  height:395px; 
  background: transparent url("glossymetal.jpg") repeat scroll left top;
  border: 1px solid orange;
  font-size:80%;

}
#homeinfopanelgrad
{ 
 width: 155px;
  height:395px; 
	padding-top:5px;
	text-align: center;
	background-image: url("whitefadestrip.png");
	background-repeat: repeat-x;
	background-position: left top;
}

#pageinfopanel
{ padding: 5px 0px 10px 10px;
  float:right;
  width: 250px;
  text-align:center;
  font-size:80%
}
#pageinfopanel150
{ padding: 5px 0px 10px 10px;
  float:right;
  width:150px;
  font-size:80%
}



.info
{ padding-top: 4px;
  float: left;
}

/* page content */
#content
{
	font-size: 100%;
	text-align: left;
	width: 900px;
	float: left;
	height: 575px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;	  
}

#content a, #content a:hover{text-decoration: none;}


#bg_text
{
  position:relative;
  left:150px;
  top:250px;
  font-family: arial, sans-serif;
  letter-spacing: .1em;
  font-weight: normal;  
  padding: 16px 0px 5px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 0px solid;
  font-size: 150%;
}

#bg_sub
{
  position:relative;
  left:-70px;
  top:20px;
  color : white;
  font-size: 50%;
  padding: 5px 0px 0px 0px; 
}


#imgborder {

/* This centers the image */
display: block;
margin-left: auto;
margin-right: auto;

/* This adds the border */
padding:3px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
background-color:white;
}

#footer 
{
  position:relative;
  left:0px;
  top:100%;
  color : gray;
  font-size: 100%;
  padding: 0px 0px 0px 0px; 

}

#footer a 
{ 
  text-decoration: none;
  font-size:50%;
  border-right: 2px solid;
  font-weight: normal;
  color: gray;
  border: none;
}