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

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


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;
		font-size: 1.5em;
		font-style: bold;
		
	}

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

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


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




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


.allTitles{  
	 
		background: #CCFFCC;
		padding-left: 15px;
		padding-right: 15px;
		height: 30px;
		font-size: 75%;
		color: black;
		
	}

/*PAGE ELEMENTS - REGISTRATION AND LOGIN*/
.formback{
		width: 350px;
		background: #CCFFCC;
		border: 1px solid #006600;
		text-align: left;

	}


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

	}
  

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

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

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

/*QUILT GALLERY*/
#gallery{
		
		display: block;
		font-size: 75%;
		color: black;
		font-style: italic;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;

	}


#gallery img{

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

#gallery tr{
		background: transparent url(greenline.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: #99FF99;
		border: 2px solid #006600;
		padding: 5px;
		text-align: center;
		width: 100%;
		
	}

#topBack{  
		background: #66CC66;
		border: 1px solid #CCFFCC;
		text-align: left;		
	}

/*box behind navigation tabs; page colour with gif img underline*/
#topnav	{

		 width: 100%; 
		 height: 50px;
		 padding:0;
		 cellspacing: 0;
		background: transparent;
		/* background: #99FF99;		*/

	}


#tnbottomline{

		background: transparent url(greenline.gif) repeat-x bottom;
		/*background: #99FF99 url(greenline.gif) repeat-x bottom;*/
		
	}

 


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

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

/*background colour for image index*/
#mainBack{  
		width: 100%;
		background: #33CC33;
		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 #66CC66;
	}

td.navig{
		width: 160px;
		background: #006600;
		border: 1px solid #66CC66;
		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 #66CC66;
		
	}



	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: #66CC66; font-size: 0.75em; text-decoration:none;}

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

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

	.nav2 a:hover {color: #66CC66; font-size: 0.75em; text-decoration:underline;}

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