@charset "iso-8859-1";
/* author: Elizabeth Barsham 
Layout - yellow pages*/

body	{
		background: #ffffff;; 
		font-family: "verdana","ariel","helvetica","sans serif"; 
		font-size: 12pt; 
		color: #000000;
	} 


h1	{
		font-family: "harrington", "lucida calligraphy", "Times New Roman";
		font-style: italic;
		font-size: 40pt;
		line-height: 38pt;
		text-align: center;
		

	}
h2	{

		font-family: "harrington", "lucida calligraphy", "Times New Roman";
		font-style: italic;
		font-size: 30pt;
		line-height: 30pt;
		text-align: center;

	}

h3	{
		font-family: "verdana","ariel"; 
		font-size: 18pt;
		text-align: center; 
		
	}

h4	{
		font-family: "verdana","ariel"; 
		font-size: 14pt;
		text-align: left; 
		margin-left: 25px;
		margin-right: 25px;
		
	}

h5	{
		font-family: "verdana", "ariel";
		font-size: 14pt;
		font-style: italic;
		text-align: center;
	}


p	{
		text-align: left;
		margin-left: 25px;
		margin-right: 25px;
}


/*LARGE BOLD RED TEXT - CENTRED*/
.alert	{
		text-align: center;
		font-size: 1.25em;
		font-style: bold;
		color: red;
	}


/*LARGE BOLD COLOURED TEXT - CENTRED*/
.emph	{
		text-align: center;
		color: #333366;
		font-size: 1.5em;
		font-style: bold;
		
	}

/*SMALL BLACK TEXT*/
.small	{
		font-size: 75%;
		color: black;
	}

/*LARGE BLACK TEXT*/
.large	{
		font-size: 105%;
		color: black;
	}


/*WHITE BACKGROUND*/
.white{  
	 
		background: #FFFFFF;
		padding-left: 15px;
		padding-right: 15px;
		
	}

/*FULL WIDTH TABLE; WHITE BACKGROUND*/
.plain{
		background:#FFFFFF;
		width: 100%;
		border: 0;
	}




/*PAGE ELEMENTS*/
.bottomline{
		background: transparent url(browndot.gif) repeat-x bottom;
		
	}



.wideback{
		padding: 20px;
		background: #FFCC66;
		border: 1px solid #996633;
		text-align: left;

	}
  


/*IMAGES*/
img.normal{
		background: #FFFFFF;
		border: solid 2px #000000;
		display: inline;
	
	}

img + p	{	
		margin-top:0px;
	}

.caption{
		display:block;
		font-size: 75%;
		color: black;
		font-style: italic;
	}

#gallery{
		align:"center";
		display: block;
		font-size: 75%;
		color: black;
		font-style: italic;
		width: 100%;

	}
#gallery img{

		background: #FFFFFF;
		border: solid #000000 1px;
	
	}

#gallery tr{
		background: transparent url(redline.gif) repeat-x top;
	}






/*BOX ID - PAGE ELEMENTS */
#outer	{
		width: 90%;
		border: 0;
		background: transparent;
		text-align: center;
	}

/*grey banner with SM home link and image*/
#banner{	
		background: #666666 url(../images/TRofU.jpg) right;
		background-repeat: no-repeat;
		border: 0;
		font-family: verdana, ariel, helvetica, "sans serif";
		font-size: 18pt;
		font-style: italic;
		text-align: left;
		color: #FFFFFF;
		width: 100%;
		height: 90px;
	}

#breadcrumbs{	
		background: #FFFFFF;
		line-height: 20px;
		width: 100%;
		text-align: left;
		font-style: italic;

	}

/*boxes for page heading*/
#topBox	{	
		border: 0;
		background: #FFCC66;
		border: 2px solid #996633;
		text-align: center;
		width: 100%;
		
	}

#topBack{  
		background: #996633;
		border: 1px solid #FFCC66;
		text-align: left;		
	}

/*box behind navigation tabs; page colour with gif img underline*/
#topnav	{
		 border:0;
		 width: 100%; 
		 height: 50px;
		 padding:0;
		 cellspacing: 0;
		

	}


#tnbottomline{
		background: transparent url(brownline.gif) repeat-x bottom;
		
	}



#tnredbottomline{
		background: transparent url(redline.gif) repeat-x bottom;
		
	}

#tnyellowbottomline{
		background: transparent url(yellowline.gif) repeat-x bottom;
		
	}

 


/*MAIN CONTENT BOX*/
#mainBox{
		width: 100%;
		background: #999999;
		text-align: left;
		border: 2px solid #666666;
		padding: 1px;
	}

/*background main content box*/
#boxBack{  
		width: 100%;
		border-left: 2px solid #996633;
		border-right: 2px solid #996633;
		border-bottom: 2px solid #996633;
		background: #FFFFFF;
		padding-left: 15px;
		padding-right: 15px;
		
	}

/*background colour for tables*/
#mainBack{  
		width: 100%;
		background: #CC9900;
		border: 1px solid #CC9900;
		text-align: left;
	
	}


/*SPECIAL NAVIGATION ELEMENTS*/



.navig{	
		font-size: 1.1em;
		font-style: regular;
		font-weight: bold;
		font-family:  verdana, ariel;
		line-height: 1em;
		text-align: center;
		cellspacing: 0;
		border: 1px solid #996633;
	}

td.navig{
		width: 160px;
		background: #996633;
		border: 1px solid #996633;
		padding: 5;
		
	}

.buttons{
		width: 90%;
		font-size: 90%;
		font-style: italic;
		color: black;
		font-family:  verdana, ariel;
		line-height: 1em;
		text-align: center;
		padding-left: 30px;
		padding-right: 30px;
		border: 1px solid #996633;
		
	}



	#breadcrumbs a:link{background: #FFFFFF; color: #000000; font-size: 0.75em; font-style: italic; font-weight:normal; text-decoration:none;}
	
	#breadcrumbs a:visited{background: #FFFFFF; color: #000000; font-size: 0.75em; font-style: italic; font-weight:normal; text-decoration:none;}

	#breadcrumbs a:hover { background: #FFFFFF; color: #996633; font-size: 0.75em; font-style: italic; font-weight:normal; text-decoration:none;}

	#breadcrumbs a:active { background: #FFFFFF; color: #996633; font-size: 0.75em; font-style: italic;font-weight:normal;  text-decoration:none;}

	
	.nav2 a:link{color: #333366;  font-size: 0.95em; text-decoration:underline;}
	
	.nav2 a:visited{color: #333366; font-size: 0.95em; text-decoration:underline;}

	.nav2 a:hover {color: #996633; font-size: 0.95em; text-decoration:underline;}

	.nav2 a:active {color: #996633; font-size: 0.95em; text-decoration:underline;}


	a:link{color: #333366; font-size: 0.75em; text-decoration:none;}
	
	a:visited{color: #333366; font-size: 0.75em; text-decoration:none;}

	a:hover {color: #996633; font-size: 0.75em;  text-decoration:none;}

	a:active {color: #996633; font-size: 0.75em;  text-decoration:none;}