/* Style Sheet for All Saints */

/* Body and background formatting */

  body { margin: 0;
    padding: 0;
	background: #663399;
	font-weight: normal;
    font-family: verdana,helvetica,tahoma,arial,sans-serif;
    line-height: normal;
    font-style: normal;
	font-size: 70%;
    text-transform: none;
    text-align: left;
    color: #000000;
	}
				
/* Main page container */

  #container {
  		width: 775px;
		margin-left: auto;
		margin-right: auto;
		border-left: 2px solid #999999;
		border-right: 2px solid #999999;
		background: #FFFFFF;
			}
	
/* General container for banner and top nav buttons */
	
  #banner {
  		  margin: 0.2em 0.2em 0;
		  }

/* Top navigation bar and buttons */

  ul#topnavigation {
			margin: 0.2em;
			padding-left: 0;
			margin-left: 0;
			list-style-type: none;
			font-size: 90%;
			font-weight: bold;
			background: #cccccc;
			float: left;
			width: 100%;
			border-bottom: 0.5em solid #ffffff;
			}
		
	ul#topnavigation li { 
			display: inline; 
		}
		
	ul#topnavigation li a {
			display: block;
			float: left;
			margin-left: 0;
			padding: 0.1em 0.5em 0.2em;
			text-decoration: none;
			background: #CCCCcc;
			border: 1px solid #cccccc;
			color: #666666;
		}
			
  ul#topnavigation li a:hover {
			color: #660066;
			background: #FFffcc;
			border-style: outset;
		}
	
/* Main contents of page */
	
  #nav { 
	padding: 0.2em;
	}
	
  #content { 
	border-left: 1px solid #999999;
	padding: 0.2em;
	}
	
  #rightpanel {
	float: right;
	width: 165px;
	padding: 0.2em;
	}

/* Left hand side navigation panel */
  
	ul#navigation { 
   	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	line-height: 120%;
	font-size: 90%;
	font-weight: bold;
	background: #CCCCff;
	width: 145px;
	}
		
 ul#navigation a { 
	display: block;
 	text-decoration: none;
	background: #ccccff;
	color: #6666ff;
 	padding: .2em .1em .2em .2em;
	border-top: 1px solid #ccccff;
	border-right: 1px solid #ccccff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ccccff;
	width: 145px;
	}
	
  ul#navigation a:hover { 
	
  	background: #ffffcc;
  	color: #0000cc;
	border-style: outset;
	}
	
  ul#navigation li { 
  	display: inline;
	}


/* Secondary navigation links */

  ul#navlinks { 
   	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	line-height: 120%;
	font-size: 90%;
	font-weight: bold;
	background: #ffffff;
	border-top: 1px solid #999999;
	width: 145px;
	}
		
 ul#navlinks a { 
	display: block;
 	text-decoration: none;
	color: #6666ff;
	padding: .1em .1em .1em .2em;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #ffffff;
	width: 145px;
	}
				
  ul#navlinks a:hover { 
  	background: #ffffcc;
  	color: #0000cc;
	border-style: outset;
	}
		
  ul#navlinks li { 
	display: inline;
	}


/* Footer area */
	
  #footer { 
  	clear: both;
  	width: 100%;
	height: 252px;
	margin: 1px 1px 0 1px;
	background: url(images/halfcircle.jpg) no-repeat 50% 100%;
	/* border-bottom: 5px solid #3333CC; */
	}
	
  .footerstrapline {
  	font-style: italic;
	font-weight: bold;
	font-size: 130%;
	/* color: #3333cc; */
	color: #6666ff;
	text-align: center;
	padding-top: 3em;
	padding-bottom: 1em;
	}

	.footertext {
	font-weight: bold;
  	font-size: 90%;
	color: #000000;
  	text-align: center;
	}
	
/* General paragraph formatting */
	
  p { 
  	margin-top: 0.2em;
	margin-bottom: 1em;
	}
  
  p.intro { 
  	margin-top: 0.2em;
	margin-bottom: 1em;
	font-style: italic;
	}
  
  p.strapline {
  	margin-top: 0.2em;
	margin-bottom: 1em;
  	text-align: center;
  	}
  
  p.biblemessage {
  	margin-top: 0.2em;
	margin-bottom: 1em;
	width: 420px;
	border: 2px solid #cccccc;
	background: #FFFFCC;
	padding: 0.2em;
	font-style: italic;
	}

  p.backtotop { 
  	margin-top: 0.2em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	text-align: right;
	}
 
 p.indented {
	margin-top: 0.2em;
	margin-bottom: 1em;
	margin-left: 2em;
	}
	
  .sidepanel { 
  	margin-top: 0.2em;
	margin-bottom: 1em;
	font-size: 90%;
	}
  
   ul 	{ 
  	margin-top: 0.2em;
	margin-bottom: 1em;
		}
 
	
 
 
/* Links */
 
 a { 
   text-decoration: underline;
   }

  a:link { 
  	color: #0000CC;
      } 
  
  a:visited { 
  	color: #CC00CC;
    }

  a:hover { 
  	color: #006633;
    }
	
/* Thumbnails and images */
	
  .imagecaptionleft {
  	margin: 0.2em 1em 0.2em 0.2em;
	border-style: none;
	float: left;
	display: inline;
	}
		
	.imagecaptionright {
  	margin: 0.2em 0 0.2em 1em;
	border-style: none;
	float: right;
	display: inline;
	}
	
	div.imagecaptionleft p {
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	font-style: italic;
	font-size: 90%;
	}
	
  	div.imagecaptionright p {
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	text-align: right;
	font-style: italic;
	font-size: 90%;
	}
	
	
	div.thumbnail {
	width: 450px;
	height: 110px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: 5px;
	padding: 10px;
	border-top: 1px solid #cccccc;
	border-right: 3px solid #999999;
	border-bottom: 3px solid #999999;
	border-left: 1px solid #cccccc;
	}
	
	div.thumbnail2 {
	width: 550px;
	height: 110px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: 5px;
	padding: 10px;
	border-top: 1px solid #cccccc;
	border-right: 3px solid #999999;
	border-bottom: 3px solid #999999;
	border-left: 1px solid #cccccc;
	}
	
	
	
	div.thumbnail img {
	float: left;
	margin: 0px 15px 0px 0px;
	}
	
	div.thumbnail p {
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	font-style: italic;
	/* font-size: 90%; */
	}
	
	.clear {
	clear: left;
	}
  
	
/* Main heading on all pages */

  h1 { 
    line-height: normal;
    color: #6666FF;
	font-size: 140%;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-align: center;
    text-decoration: none;
	border-bottom: 1px solid #6666ff;
    margin-top: 0.2em;
	margin-bottom: 1em;
    }

/* Second level headings on all pages */

  h2 { 
    line-height: normal;
    text-transform: none;
    text-align: left;
	text-decoration: none;
	font-size: 120%;
    font-style: normal;
    font-weight: bold;
    color: #0000cc;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
    }

/* Third level headings on all pages and nav panel headings */

  h3 { 
    line-height: normal;
    text-decoration: none;
	font-size: 110%;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-align: left;
    color: #0000cc;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
    }
		
/* Upper case headings on side panels */
	
  h4 { 
    line-height: normal;
    font-size: 90%;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-align: left;
    text-decoration: none;
	color: #ffffff;
   	margin-top: 0.2em;
	margin-bottom: 0;
	padding: 0.2em;
    }

/* Second level headings used on side panel or nav panel */
	
h5 { 
    line-height: normal;
    color: #0000cc;
	font-size: 90%;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-align: left;
    text-decoration: none;
    margin-top: 0.2em;
	margin-bottom: 0.5em;
    }	
	
/* Used for h3 and h5 when used in nav panel */
  .navcolor {
  	color: #660066;
	}

/* Side panel titles */	
	
  h4.title1 { background: #006633;
  	}

  h4.title2 { background: #669999;
   	}

  h4.title3 { background: #006699;
   	}

  h4.title4 { background: #CC6600;
   	}

  h4.title5 { background: #666699;
   	}
  
  h4.title6 { background: #9933FF;
    }

  h4.title7 { background: #336699;
   	}

  h4.title8 { background: #cc3366;
   	}
 
 
  h4.title9 { background: #993333;
   	}
 
  h4.title10 { background: #6666FF;
   	}
  


 
	
/* Side panels */	

	.panel0content { 
	<!-- border: 2px solid #9999FF; -->
	border: 2px solid #cc3300;
	padding: 0.2em;
	}
	
  	.panel1content { 
	background: #ccffcc;
	padding: 0.2em;
	/* border-bottom: 5px solid #ffffff; */
	}

  	.panel2content { 
	background: #99CCCC;
	padding: 0.2em;
	}

	.panel3content { 
	background: #99ccff;
	padding: 0.2em;
	}

	.panel4content { 
	background: #FFCC99;
	padding: 0.2em;
	}

	.panel5content { 
	background: #CCCCCC;
	padding: 0.2em;
	}

	.panel6content { 
	background: #FFCCFF;
	padding: 0.2em;
	}

	.panel7content { 
	background: #CCFFFF;
	padding: 0.2em;
	}

	.panel8content { 
	background: #FFCCCC;
	padding: 0.2em;
	}

	.panel9content { 
	background: rgb(255, 255, 204);
	padding: 0.2em;
	}

	.panel10content { 
	background: #CCCCFF;
	padding: 0.2em;
	}

/* Centre panels with outline */

  .outlinepanel1 {
  	margin-top: 0.2em;
	margin-bottom: 1em;
	width: 388px;
	border: 2px dashed #9999FF;
	padding: 0.2em;
	font-style: italic;
	 text-align: center;
	}
	
	 .outlinepanel2 {
  	margin-top: 0.2em;
	margin-bottom: 1em;
	width: 388px;
	border: 2px dashed #FF3399;
	padding: 0.2em;
	font-style: italic;
	 text-align: center;
	}
	
	 .outlinepanel3 {
  	margin-top: 0.2em;
	margin-bottom: 1em;
	width: 388px;
	border: 3px solid #FF3399;
	padding: 0.2em;
	font-style: italic;
	 text-align: center;
	}
	
	 .outlinepanel4 {
  	margin-top: 0.2em;
	margin-bottom: 1em;
	width: 388px;
	border: 1px solid #FF0000;
	padding: 0.2em;
	font-style: italic;
	
	}
	
	/* Centre panels with background and invisible outline */
	.outlinepanel5 {
  	margin-top: 0.2em;
	margin-bottom: 1em;
	width: 388px;
	border: 1px solid #FFFFFF;
	padding: 0.2em;
	background: #CCFFFF;
	font-style: italic;
	}
	
	.outlinepanel6 {
  	margin-top: 0.2em;
	margin-bottom: 1em;
	width: 388px;
	border: 1px solid #FFFFFF;
	padding: 0.2em;
	background: #FFFFcc;
	font-style: italic;
	}
	
	/* Full-width centre panels with no background and top and bottom outline */
	.outlinepanel7 {
  	margin-top: 0.2em;
	margin-bottom: 1em;
	margin-right: 0.2em;
	margin-left: 0.2em;
	border-top: 1px dashed #6666ff;
	border-bottom: 1px dashed #6666ff;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding: 0.2em;
	background: #FFFFFF;
	}
	
/* Table formatting */

   caption {
	margin-top: 0.2em;
	margin-bottom: 1em;
   	/* border-bottom: 1px solid #9999FF; */
	text-align: left;
  	font-style: italic;
	/* font-weight: bold; */
	}

	thead th {
	background: #ffCCcc;
	text-align: center;
	font-weight: bold;
	color: #0000cc;
	}
	
	tr.sunday {
	background: #FFCCcc;
	}
	
	tr.highlight {
	background: #FFFFCC;
	}
	
	td.sermontable {
	border-top: 1px dashed #6666ff;
	}