/* CSS Document */

.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 5px 30px 15px 0; }
.frame { padding: 5px; border: 3px solid black; }

.thumbnail {
float:left;
width:115px;
height:100px;
margin:5px;
}

#imageParent {float: left; padding-right:40px; padding-left:10px;}
#imageParent p {text-align: center; font-style; italic}
/* take out the above  "border: thin black solid;" */

.text_line {
	clear:both;
	margin-bottom:2px;
	margin-top:25px
	}
	
.text_line-l {
	clear:left;
	margin-bottom:2px;
	margin-top:25px
	}
	
.text_line-r {
	clear:right;
	margin-bottom:2px;
	margin-top:25px
	}
	
#imageParent-l {float: right; padding-right:40px; padding-left:10px;}

#imageParent-tr {
	float: right;
	padding-right:40px;
	padding-left:10px;
	width: 400px;
}
#imageParent-tl {
	float: left;
	padding-right:40px;
	padding-left:10px;
	width: 400px;
}

IMG.centred {
    display: block;
    margin-left: auto;
    margin-right: auto
	}
/* used with span (home page) to centre multiple div image tags in centre of parent div */
.parent
{
text-align:center;
display: block;
}
.child
{
display: inline-block;
width: auto;
}

/*lists   http://www.w3schools.com/css/css_list.asp  */
ul {margin-left: 2px; padding-left: 2px;}
ol {margin-left: 2px; padding-left: 2px;}

ul.a {list-style-type:circle;}
ul.b {list-style-type:disc;}
ul.c {list-style-type:square;}
ol.f {list-style-type:decimal;}
ol.g {list-style-type:decimal-leading-zero;}
ol.h {list-style-type:georgian;}
ol.i {list-style-type:hebrew;}
ol.n {list-style-type:lower-alpha;}
ol.o {list-style-type:lower-greek;}
ol.p {list-style-type:lower-latin;}
ol.q {list-style-type:lower-roman;}
ol.r {list-style-type:upper-alpha;}
ol.s {list-style-type:upper-latin;}
ol.t {list-style-type:upper-roman;}
ol.u {list-style-type:none;}
ol.v {list-style-type:inherit;}


ul#two-column-list   {
	float:left;
	width: 600px;
	margin: 5px 0 10px 35px;
	padding: 0;
}

ul#two-column-list li        {
        float:left;
        width: 300px;
        margin: 5px 0 0 0;
    padding: 0;

}   

ul#three-column-list   {
        float:left;
        width: 600px;
        margin: 5px 0 10px 35px;
    padding: 0;
}

ul#three-column-list li        {
        float:left;
        width: 200px;
        margin: 5px 0 0 0;
    padding: 0;

}   

 
 /* --- gallery 5 colums Start --- */

.grid {
  width: 850px;
	margin-right: auto;
	margin-left: auto;
}

.start {
  float: left;
  width: 0px;
  height: 1px;
}

.thumbnail {
  float: left;
  width: 138px;
  height: 78px;
}

.spacer {
  float: left;
  width: 25px;
  height: 1px;
}
/* --- gallery 5 colums End --- */


.text_line  /* --- Move object to next line down to the left, reset both left and right--- */
{
clear:both;
margin-bottom:2px;
margin-top:25px
}