/** Cascading Style Sheet for
  * Central Caithness Church website
  *
  * Copyright (c) 2008 Zenex Solutions Ltd. 
  */
  
body{
 
 	background-color: #a6caf0;
 	text-align: center;
}
 
img {
 
 	border: 0em;
}

.headerlogos{
	
	display: inline ;
	margin-right: 0em;
	border-right-width: 0em ;
	width: 200px;	
}

.tncaptions {
	position: relative;
	color: white;
	font-weight: bold;
	/*right: 125px;*/
	right: 105px;
	bottom: 10px;
	width: 0px;	
}



#menu {

	text-align: left;
	color: #0080c0;
	font-size: 1.25em;
	float: left;
	margin-right: 2.0em ;
	min-width: 10.0em;
}

#payload {

	text-align: left;
	margin-left: 15.0em; 
}

#footer {
	
	margin-top: 1.0em ;
	float: left;
	clear: both;
}

#cofslogo {
	float: left;
	clear: left;
	margin-right: 1.5em ;
	width: 3.45em ; 
}

#image0 {
 	width: 100%;
}

#sponsorlinks {

	width: 100%;
	margin-left: 4.0em ;
	border-top: 2px solid #FFFFFF;

}

#sponsorlinks img {
	margin-top: 1.0em ;
 	width: 300px ;
	height: 35px ;
}

#ccclogo {
 	
 	width: 400px ;
	height: 50px ;
	
}

#image1, #image2, #image3,
#image4, #image5, #image6 {
	/*width: 150px;
	height: 112px;*/
	width: 112px;
	height: 78px;
}


.span1 {
 
 	background-color: #FFFFFF;
 	color: blue;
 	font-size: 4 ;
}

#authors{

	font-size: 0.75em;
}

table {
	cellspacing: 10;
	cellpadding: 3;
	background-color: white;
	border: 1 ;
	border: solid;
	border-width: thin;	
	font-size: 0.75em;	
}

td {
	border: solid;
	border-width: thin;	
}

#W3Csection {

	clear: both;
}

#W3Csection img {

	margin-top: 1.0em;
}

#imageshidden {
	display: none;
}

#imageshidden img {
	display: none;
}

/* From default style */


body {
	/* Rough overall values */
	font-family: sans-serif;
	font-size: 0.75em;
	height: 100%;
}

/* Images on left of page. */

#borderimages {
	float: left ;
	margin-left: 1.0%;
	width: 24% ;
	position: relative;
	top: 0em;
}

#performA,
#performB, 
#logo {
 	width: 100%; 
 	height: auto;
 	margin-top: 0.5em ;
 	position: relative;
 	top: 0em ;
 	left: 0em ;
}


#performB{
	/* Ensure second image starts faded out */
	opacity: 0.0 ;
	filter: alpha(opacity=0.0) ;
}

/* Right content panel */

#pagecontent {
	
	position: absolute;
	right: 0.5em;
	/*float: right;*/
	margin-top: 0%;
	margin-left: 1.5%;
	width: 72.5% ;
	height: 97%;
}

#bkg {
	hieght: 100%;
	width: 100%;
	z-index: -1 ;
}

#pageheader {
	text-align: center;
}

.pagetitle {
	font-size: 3.5em ;
	font-family: sans-serif;
	color: gray ;
}


div.pagelinks {
	font-family: sans-serif;
	font-size: 1.5em ;
}

div.pagelinkssecondlevel {
	font-family: sans-serif;
	font-size: 1em ;
	margin-bottom: 1em;
	background-color: LightGray;
}

a.headerlinks:link,
a.headerlinks:visited {
	color: black ;
	text-decoration: none ;
}

a.headerlinkcurrent:link,
a.headerlinkcurrent:visited  {
	color: red ;
	text-decoration: none ;
	font-weight: bolder ;	
}

a.headerlinks:link:hover,
a.headerlinks:visited:hover {
	color: blue ;
}

a.headerlinkcurrent:link:hover,
a.headerlinkcurrent:visited:hover  {
	color: blue ;
}

.headerlinksmock {
	color: black ;
	text-decoration: none ;
}

.headerlinkcurrentmock  {
	color: red ;
	text-decoration: none ;
	font-weight: bolder ;	
}

.headerlinksmock:hover {
	color: blue ;
}

.headerlinkcurrentmock:hover  {
	color: blue ;
}


div.contentpayload {
	text-align: center;
	margin-top: 3%;
	font-size: 1.25em;	
	height: 60%;
	overflow-y: auto;
}

/* Main page content */

/*h2, h3 { 
	font-family: cursive ;
	font-style: italic ;
	text-decoration: underline ;
	color: red ;
}*/
h2 { font-size: 1.25em; }
h3 { font-size: 1.1em; }


.yearlinks {
	font-family: Arial, sans-serif ;
	font-size: 1em;
	margin-left: 1%;
	margin-right: 1%;		
}

.yearlinks a:link,
.yearlinks a:visited {
	color: white ;
	text-decoration: none ;
	background-color: #aaaaff; 
}


.yearlinks a:link:hover,
.yearlinks a:visited:hover {
	color: blue ;
	background-color: aqua; 
}


.yearlinkcur a:link,
.yearlinkcur a:visited {
	text-decoration: none ;
}

.yearlinkcur a:link,
.yearlinkcur a:visited, 
.yearlinkcur a:link:hover,
.yearlinkcur a:visited:hover {
	color: blue ;
	background-color: yellow; 
}

.yearlinks, .yearlinkcur { 
	border: solid;
	border-bottom: none;
	border-width: thin;	
}


.following {
	clear: both;
	float: left ;
	margin-top: 2em;
	text-align: center;
}




/* Executive staf images */

p.exechead {

	text-align: center;
}

p.execsummary {
	font-size: 0.75em;	
}

.execimg {
	width: 8em;	
}

.execspan {
	color: #0080c0 ;
	font-size: 1em;
}

.postnominals {
	font-size: 0.75em;
}

/* Columns */

div.leftcolumncentered,
div.rightcolumncentered {
	text-align: center;
}

div.leftcolumn,
div.rightcolumn {
	text-align: justify;
}

div.leftcolumn,
div.rightcolumn,
div.leftcolumncentered,
div.rightcolumncentered {
	float: left ;
	width: 44% ;
	margin-top: 0em ;
	margin-left: 3% ;
	margin-right: 3% ;
	margin-bottom: 0em ;
}


/* HTML forms */

label {
	float: left;
	width: 12em;
	text-align: left;
}

input, textarea {
	float: left;
	text-align: left;
	width: 18em;
	margin-bottom: 1.5em;
	margin-left: 0em;
}

textarea {
	height: 3.5em;
}

br.clearLeft {
	clear: left;
}


#submitbutton {
	clear:left ;
	margin-left: 0em;
	margin-top: 0em;
	width: 6em;
}

.nofloat {
	
	clear: both;
}

#ragged {
	text-align: left;	
}

#emailImg {

	position: relative;
	bottom: -0.52em;
}

#ltcorner, #lbcorner {

	position: absolute;
	left: 0em;
	/*float: left ;*/
	clear: left;
}

#rtcorner, #rbcorner {

	position: absolute;
	right: 0em;
	/*float: right ;
	clear: right;*/
}

#ltcorner, #rtcorner {
	top: 0em;
}

#lbcorner, #rbcorner {
	bottom: 0em;
}
#ltcorner, #rtcorner,
#lbcorner, #rbcorner {
	width: 10% ;
	height: 10% ;
}

li.linksitems{
	list-style-type: none;
	font-size: 2em;
}

.hncAddressline{
	text-decoration: underline;
	
}

#calendarcenter table {
	
	margin-left: auto;
    margin-right: auto;
}