
html body
{
font-size : 80%;
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color:#c6c6e1;
}

#header
{
background-color : #222222;
}

#container
{
background-color : #FFFFFF;
border-style:solid;
border-color:#CCCCCC;
border-top: none;
border-width : 0px 1px 1px 1px;
}

#contents p
{
line-height : 150%; 
color:#333333;
}

#contents  a:link
{ 
color : #990000;
text-decoration : underline;
}

#contents a:visited
{ 
color : #990000;
text-decoration : underline;
}

#contents a:hover
{ 
color : #990000;
text-decoration : underline;
}

#contents a:active
{ 
color : #990000;
text-decoration : underline;
}

#contents h1
{
		background-color:#990000 ;
		
		font-size:1.3em;
		line-height:1.25em;
		padding:5px 5px 5px 5px;
		margin:0px 0px 0px 0px;
		color:#FFFFFF;
		text-align:left;
		font-weight:bold;
}

#contents h2
{
font-style : normal;
font-weight : normal;
font-size : 140%;
color: #990000;
}

#contents h3
{
font-style : normal;
font-weight: bold;
font-size : 120%;
}

#contents h4
{
font-style : normal;
font-weight: bold;
font-size : 100%;
}

#sitewide a:link
{ 
font-size : 90%;
color : #FFFFFF;
text-decoration : none;
}

#sitewide a:visited
{ 
font-size : 90%;
color : #FFFFFF;
text-decoration : none;
}

#sitewide a:hover
{ 
font-size : 90%;
color : #FFFFFF;
text-decoration : none;
}

#sitewide a:active
{ 
font-size : 90%;
color : #FFFFFF;
text-decoration : none;
}

#textonly a:link
{ 
font-size : 90%;
color : #FFFFFF;
text-decoration : none;
}

#textonly a:visited
{ 
font-size : 90%;
color : #FFFFFF;
text-decoration : none;
}

#textonly a:hover
{ 
font-size : 90%;
color : #FFFFFF;
text-decoration : none;
}

#textonly a:active
{ 
font-size : 90%;
color : #FFFFFF;
text-decoration : none;
}

#schooltitle
{
background-color : #0878A6;
}

#schooltitle h2
{
font-style : normal;
font-weight : normal;
font-size : 160%;
}

#identity
{
background-color : #A6D3FF;
}

#uwbheader
{
background-color : #fff;
}

#uwbheader h2
{
font-style : normal;
font-weight : normal;
font-size : 160%;
}

#uwblogo
{
background-image:url(../images/ship540.jpg);
}

#footer
{
background-color : #FFFFFF;
font-size : 85%;
}

#footerlink
{
background-color : #FFFFFF;
font-size : 100%;
}

#footer ul
{
list-style : none;
}

#footer p
{
font-style : normal;
font-weight : normal;
font-size : 100%;
}

#footer a:link
{ 
color : #5d789b;
text-decoration : underline;
}

#footer a:visited
{ 
color : #5d789b;
text-decoration : underline;
}

#footer a:hover
{ 
color : #5d789b;
text-decoration : underline;
}

#footer a:active
{ 
color : #5d789b;
text-decoration : underline;
}

#idheading
{
background-color : #82A5C7;
}

#idheading p
{
font-size : 150%;
color : #FFFFFF;
padding-left: 0px;
padding-top:30px;
margin  : 0px 0px 0px 0px;
height :60px;
}

#breadcrumb li
{
text-decoration:none;
}

#breadcrumb li a
{
text-decoration:none;
color:#990000;
}

#breadcrumb li a:link
{
text-decoration:none;
color:#990000;
}

#breadcrumb li a:hover
{
text-decoration:none;
color:#990000;
}

#breadcrumb li a:active
{
text-decoration:none;
color:#990000;
}
#breadcrumb li a:visited
{
text-decoration:none;
color:#5d789b;
}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li 
{
list-style-type: none;
font-size:1.0em;
font-weight:normal;
}

#menu dt 
{
cursor:pointer;
border-bottom: 1px solid #FFFFFF;
background-color: #fff ;

}

#menu dd 
{
border: 0px solid #666666;
}

#menu dd a
{
background-color : #fff;
font-size:100%;
padding-left:25px;
padding-right:10px;
padding-top  :5px;
padding-bottom  :5px;
border-bottom: 1px solid #ffffff;
color: #990000;
text-decoration: none;
font-weight : normal;
display: block;
}

#menu dt a
{

color: #990000;
text-decoration: none;
font-weight : bold;
display: block;
border: #990000 1px;
}


#menu dt a:hover
{
color:#990000;
}

#menu dd a:hover 
{
color: #990000 ;
}

#menu dt a:active
{
background-color : #fff ;
color: #990000;
}

#menu dd a:active
{
background-color : #fff;
color: #990000 ;
}

.searchfield
{
background-color : #FFFFFF;
font-size : 90%;
border-width : 1px;
border-style : solid;
border-color : #FFFFFF;
width : 142px;
}

.linkspacer1
{
color : #003366;
}

.linkspacer2
{
color : #FFFFFF;
}

.schooltitle
{
background-color : #82A5C7;
color : #FFFFFF;
font-weight : normal;
font-size : 150%;
}

.imagefloat
{
/* Hide from IE-Mac \*/
float:left;
/* End hide */
}

.logofloat
{
float:left;
}

.centerheading
{
vertical-align:middle
}

.light
{
font-weight : normal;
font-size : 100%;
}
#deptid
{
background-color:#990000;
}

#deptid p
{
margin:0px 0px 0px 8px;
padding:5px 0px 0px 0px;
font-size:150%;
color:#FFFFFF;
}

.featurelink_captionBox {
		background-color:#990000 ;
		height:100%;
		font-size:1.0em;
		line-height:1.25em;
		padding:5px 5px 5px 5px;
		margin:-3px 0px 0px 0px;
		color:#FFFFFF;
		text-align:center;
		font-weight:bold;
	
	}
	
#feature_links p
{
		background-color:#990000 ;
		
		font-size:1.0em;
		line-height:1.25em;
		padding:5px 5px 5px 5px;
		margin:-3px 0px 0px 0px;
		color:#FFFFFF;
		text-align:center;
		font-weight:bold;
}


	
#profile_links p
{
		background-color:#990000 ;
		font-size:1.0em;
		line-height:1.25em;
		padding:5px 5px 5px 5px;
		margin:-3px 0px 0px 0px;
		color:#FFFFFF;
		text-align:center;
		font-weight:bold;
}
	
#page_heading h1
{
		background-color:#990000 ;
		
		font-size:1.3em;
		line-height:1.25em;
		padding:5px 5px 5px 5px;
		margin:-3px 0px 0px 0px;
		color:#FFFFFF;
		text-align:left;
		font-weight:bold;
}

#page_heading p
{
margin-top:0px;
}
	
.banner_captionBox {
		background-color:#990000 ;
		padding:5px 5px 5px 5px;
		margin:0px 0px 0px 0px;
		color:#FFFFFF;
	}
	
#top_story h2
{
		background-color:#990000 ;
		height:100%;
		font-size:1.3em;
		line-height:1.6em;
		padding:5px 5px 5px 5px;
		margin:-3px 0px 0px 0px;
		color:#FFFFFF;
		text-align:left;
		font-weight:normal;
}	

#top_story p, #top_story p a
{
		background-color:#990000 ;
		height:100%;
		font-size:1.0em;
		line-height:1.6em;
		padding:5px 5px 5px 5px;
		margin:-3px 0px 0px 0px;
		color:#FFFFFF;
		text-align:left;
		font-weight:200;
}	

#top_story h1
{
		background-color:#990000 ;
		
		font-size:1.35em;
		line-height:1.35em;
		padding:5px 5px 5px 5px;
		margin:-3px 0px 0px 0px;
		color:#FFFFFF;
		text-align:left;
		font-weight:bold;
}
	
#news p
{

		background-color:#990000 ;
		
		font-size:1.0em;
		line-height:1.25em;
		padding:5px 5px 5px 5px;
		margin:-3px 0px 0px 0px;
		color:#FFFFFF;
		text-align:center;
		font-weight:bold;

}

#news h2 {
		background-color:#990000;
		padding:5px 5px 5px 5px;
		margin:0px 0px 0px 0px;
		color:#FFFFFF;
		font-size:1.1em;
	}
	
#news .other_stories {
		background-color:#990000 ;
		color:#ffffff;
		padding:0px 5px 5px 5px;
		margin:0px 0px 0px 0px;
		font-size:1.3em;
		line-height:1.6em;
		
	}
	
	
#sidepanel
{
margin-top:10px;
		padding:0px 0px 0px 0px;
border:1px solid #990000 ; 
}

#sidepanel h2
{
		background-color:#990000 ;
		padding:3px 3px 3px 3px;
		margin:3px 0px 3px 0px;
		text-align:center;
		color:#FFFFFF;
		font-size:1.1em;
		line-height:1.6em;	
		margin-top:0px;
}

#sidepanel h3
{
		font-size:1.0em;
		padding-left:3px;
		padding-right:3px;
		margin-bottom:0px;
		padding-bottom:0px;

}

#sidepanel h4
{
		font-size:1.0em;
		font-weight:bold;
		padding:3px 3px 3px 3px;
}



#sidepanel p
{
padding:3px 3px 8px 3px;
margin: 0px 0px 0px 0px;
		background-color:#FFFFFF;
		font-size:0.8em;
		text-align:left;
		color:#333333;
		font-weight:normal;
}	

#sidepanel a
{
		font-size:1.0em;
		text-align:left;
		text-decoration:underline;
		color:#990000 ;
}	

sidepanel li{
color:#990000 ;
}

	
html table
{
border:1px #990000  solid;
border-collapse:collapse;
table-layout:fixed;
font-size:0.9em;
}

html td, html tr, html th
{
border:1px #990000  solid;
font-size:0.95em;
color:#333333;
vertical-align:top;
}

html th
{
background-color:#990000 ;
color:#fff;
}

#contents ul li
{
padding-bottom:10px;
color:#333333;
line-height : 150%;
}


#staffintro {
	background-color: #990000 ;
		
}

	
#staffdetails {
	background-color: #5d789b;	
}
	
#staffdetails p
	{
					
			font-size:1.0em;
			line-height:1.25em;
			padding:5px 5px 5px 5px;
			margin:-3px 0px 0px 0px;
			color:#ffffff;
			
	}
	
	#staffdetails a:link
	{
					
			font-size:1.0em;
			line-height:1.25em;
			padding:5px 5px 5px 5px;
			margin:-3px 0px 0px 0px;
			color:#ffffff;
			
	}
	
#staffpagetitle h1 {
		
		background-color:#5d789b;
		padding:5px 5px 5px 5px;
		margin:0px 0px 0px 0px;
		font-size:1.1em;
		color:#000000;
		
}


#staffdetails h2
{
		font-weight:bold;
		font-size:1.0em;
		line-height:1.25em;
		padding:5px 5px 5px 5px;
		margin:-3px 0px 0px 0px;
		color:#ffffff;
}		
	
#sidepanel ul, #sidepanel1 ul, #sidepanel2 ul, #sidepanel3 ul
{
margin: 0px 0px 10px 0px;
padding:0px 0px 0px 15px;
}	
    
    #sidepanel ul li, #sidepanel1 ul li, #sidepanel2 ul li, #sidepanel3 ul li
{
		background-color:#ffffff;
		font-size:0.85em;
		text-align:left;
		color:#990000 ;
		font-weight:normal;
background-image:url(http://www.bangor.ac.uk/config2005/masterfiles/images/arrow.gif);
background-repeat:no-repeat;
background-position:-0px 10px;
line-height:120%;
list-style-type:none;
padding:5px 0px 0px 10px;
margin: 0px 0px 0px 5px;
}

#sidepanel1 p, #sidepanel2 p, #sidepanel3 p
{
padding : 0px 3px 0px 3px;
background-color : #FFFFFF;
font-size : 0.8em;
text-align : left;
color : #990000 ;
font-weight : normal;
}	

#sidepanel1 a:link, #sidepanel2 a:link, #sidepanel1 a:visited, #sidepanel2 a:visited, #sidepanel3 a:link, #sidepanel3 a:visited, #sidepanel a:link, #sidepanel a:visited
{
font-size : 1.0em;
text-align : left;
text-decoration : none;
color : #990000 ;
}

#sidepanel1 a:hover, #sidepanel2 a:hover, #sidepanel3 a:hover
{
text-decoration : underline;
}

#sidepanel2 a img, #sidepanel3 a img, #sidepanel4 a img
{
padding-bottom : 0px;
margin-top : -5px !important;
/* \*/
margin-top : -5px; /* this is the hack ie5/6/win */
/* */
margin-bottom : -5px !important;
/* \*/
margin-bottom : -10px; /* this is the hack ie5/6/win */

/* */
}