/* stylesheet: CCRStyleSheet1 */
/* revised: 14/Jan/2017 */

  body{         background-color: black;
                background-repeat: no-repeat;
                background-attachment: fixed;
                background-position: center;
                font-family: "Arial";
                font-size: 12pt;
                font-weight: normal;
                color: white;
                text-align: center;
                line-height: 150%;
                border-style: groove;
                border-width: 3px;
                border-color: blue;}

/* header and list */
  .head {	font-size: 100%; font-style: normal; color: orange;}
  .foot {	font-size: 90%; font-style: normal; color: orange;}
  h1 {		font-family:"Verdana"; font-size: xx-large; font-style: italic; font-weight: bolder; color: white;}
  h2 {		font-family:"Verdana"; font-size: 100%; font-weight: bolder; color: white;}
  h3 {		font-family:"Verdana"; margin-top: 20px; font-size: 100%; font-weight: bolder; color: gold;}

/* image borders */
  img {         border-style: groove;
                border-width: 2px;
                border-color: silver;}

  a:hover img { border-style: groove;
                border-width: 2px;
                border-color: red;}

/* hyperlink text */
  a:link{         color: yellow; font-weight: normal; text-decoration: none;}
  a:visited{      color: yellow; font-weight: normal; text-decoration: none;}
  a:hover{        color: red; text-decoration: underline;}

/* bullet list divs */
  #bulletlist1 ul {margin: 0px;
		padding: 0px;
		list-style-position: inside;
		font-family: "Verdana";
		font-size: 100%;
		font-weight: bolder;
		color: gold;}

  #bulletlist1circle ul {margin: 0px;
		padding: 0px;
		list-style-position: inside;
        list-style-type: circle;
		font-family: "Verdana";
		font-size: 100%;
		font-weight: bolder;
		color: gold;}

  #bulletlist2 ul {margin: 0px;
		padding: 0px;
		list-style-position: inside;
		font-family: "Verdana";
		font-size: 100%;
		font-weight: bolder;
		color: gold;}

  #bulletlist2circle ul {margin: 0px;
		padding: 0px;
		list-style-position: inside;
        list-style-type: circle;
		font-family: "Verdana";
		font-size: 100%;
		font-weight: bolder;
		color: gold;}

/* navigation links - pages */
  #divlinks ul {margin: 0px;
		padding: 0px;
		list-style-type: none;
		list-style-position: inside;
		text-align: center;
		font-family: "Verdana";
		font-size: 100%;
		font-weight: bolder;
		color: red;}
  #divlinks ul li {display: inline;}
  #divlinks ul li a {padding: 3px 20px;
                border-style: groove; 
                border-width: 2px;
		border-color: blue;
		background-color: black;
		color: white;}
  #divlinks ul li a:hover {background: silver;
		text-decoration: none;
		border-color: silver;
		color: blue;}

/* navigation links - centred list */
  #divlinksctr {text-align: center;}
  #divlinksctr ul {margin: 0px;
		padding: 0px;
		list-style-type: none;
		list-style-position: inside;
		text-align: center;
		font-family: "Verdana";
		font-size: 100%;
		font-weight: bolder;
		color: red;}
  #divlinksctr ul li {display: inline-block;}
  #divlinksctr ul li a {display: inline-block;
		padding: 3px 20px;
		margin-bottom: 10px;
		width: 360px;
                border-style: groove; 
                border-width: 2px;
		border-color: blue;
		background-color: black;
		color: white;
		text-align: center;}
  #divlinksctr ul li a:hover {background: silver;
		text-decoration: none;
		border-color: silver;
		color: blue;}

/* navigation links - left side list */
  #divlinksls ul {margin: 0px;
		padding: 0px;
		list-style-type: none;
		list-style-position: inside;
		text-align: left;
		font-family: "Verdana";
		font-size: 100%;
		font-weight: bolder;
		color: red;}
  #divlinksls ul li {display: inline-block;}
  #divlinksls ul li a {display: inline-block;
		padding: 3px 20px;
		margin-bottom: 10px;
		width: 290px;
                border-style: groove; 
                border-width: 2px;
		border-color: blue;
		background-color: black;
		color: white;
		text-align: center;}
  #divlinksls ul li a:hover {background: silver;
		text-decoration: none;
		border-color: silver;
		color: blue;}

/* navigation links - index CCR */
  #divlinksccr ul {margin: 20px;
		padding: 0px;
		list-style-type: none;
		list-style-position: outside;
		text-align: left;
		font-family: "Verdana";
		font-size: 100%;
		font-weight: bolder;
		color: white;}
  #divlinksccr ul li {display: inline-block;}
  #divlinksccr ul li a {display: inline-block;
		padding: 3px 20px;
		margin-bottom: 10px;
		width: 225px;
                border-style: groove; 
                border-width: 2px;
		border-color: blue;
		background-color: black;
		color: white;
		text-align: center;}
  #divlinksccr ul li a:hover {background: silver;
		text-decoration: none;
		border-color: silver;
		color: blue;}

/* navigation links - index Clive Cowan */
  #divlinkscc ul {margin: 20px;
		padding: 0px;
		list-style-type: none;
		list-style-position: outside;
		text-align: left;
		font-family: "Verdana";
		font-size: 100%;
		font-weight: bolder;
		color: white;}
  #divlinkscc ul li {display: inline-block;}
  #divlinkscc ul li a {display: inline-block;
		padding: 3px 20px;
		margin-bottom: 10px;
		width: 225px;
                border-style: groove; 
                border-width: 2px;
		border-color: blue;
		background-color: black;
		color: white;
		text-align: center;}
  #divlinkscc ul li a:hover {background: silver;
		text-decoration: none;
		border-color: silver;
		color: blue;}

/* classes */
p.center {	text-align: center;}
p.left {	text-align: left;}

/* start of portfolio gallery */

/* a and a:hover hyperlink text is referenced in galleryStyle css */



/* title frame - site name and photographer info */


.titleContent { padding: 6px 0px 6px 6px; }


.banner 
{
	font-size: 12px;
 font-family: "Trebuchet MS", verdana, arial;
 text-align:left; line-height: 1.5; color: #333;
}


.banner .title {
 font-size: 1.2em;
 font-weight: bold; color: blue;}


.banner .info {
	font-size: 0.9em;
}


.banner .email{
	font-weight:bold;
}



/* index frame is referenced in galleryStyle css */


/* file info is referenced in galleryStyle css*/
/* end of portfolio gallery */

/* defining div columns */
  #divheader {  	width: 96.6%;
			padding: 20px;}

  #divbody {		text-align: justify;
			padding: 20px;}

  #divbody2 {		text-align: justify;
			padding: 20px;}

/* mainCenter is the div for the entire portfolio gallery */
  #mainCenter {
		width: 96.6%; padding: 20px;}
/* titleframe is the small div for the site name and photographer info */


  #titleframe {
		width: 100%;
 height: 60px; background-color: #CCCCCC;
}

/* defining frames */
/* topframe is the gallery frame */


  #TopFrame {
		width: 100%;
 height: 100%;
}
/* bottomframe is the thumbnail frame */

  
#BottomFrame {
 	width: 100%;
 height: 100%;}

/* end of portfolio gallery */

  #divphotos {	float: right;
		margin-left: 20px;}

  #divleft {    float: left;
                width: 27%;
                height: 684px;
                margin: 20px;
                border-style: groove; 
                border-width: 2px;
                border-color: silver;
                padding-left: 15px;
                text-align: left;
                overflow: auto;}

  #divright1 {  float: right;
                width: 60%;
                height: 325px;
                margin: 20px 20px 10px 20px;
                border-style: groove; 
                border-width: 2px;
                border-color: silver;
                overflow: auto;}

  #divright2 {  float: right;
                width: 60%;
                height: 325px;
                margin: 20px 20px 10px 20px;
                border-style: groove; 
                border-width: 2px;
                border-color: silver;
                overflow: auto;}

  #divright3 {  float: right;
                width: 60%;
                height: 684px;
                margin: 20px 20px 10px 20px;
                border-style: groove; 
                border-width: 2px;
                border-color: silver;
                padding-left: 15px;
		text-align: left;
                overflow: auto;}

  #divfooter {  clear: both;
                width: 96.6%;
		padding: 20px;}