/* Screen stylesheet for St Ninians Website */

body {
		 background-color: #d7d7d7;
		 padding: 0px;
		 margin: 0px;
		 font-size: 13px; 
		 font-family:Arial,Verdana,Helvetica,'Arial Black',sans-serif;
		 text-align: center;
		 }

/* margin:padding:0px see p.46 of Advanced (windows v. firefox positioning)	 
   #wholepage. The top banner is 750px wide. The border is 2px. 
	 Hence width =754px. When I put 750px the overflow caused a horizontal 
	 scroll bar as it was not wide enough */

legend {
		  color: #666;
			background-color: #efefef;
			border: solid 1px #d3d3d3;
			padding: 0px 5px;
			}	 
	 
	 
#wholepage {
			width: 754px;
			background-color: white;
			border:2px solid #4441d1;
			text-align:left;
			display: block;
			overflow:auto;
			margin: 0px auto;
			}

			
/* style for the old stninians.org.uk page  */			
#wholepage-old {
			width: 754px;
			background-color: white;
			border:2px solid #4441d1;
			text-align:center;
			display: block;
			overflow:auto;
			}			
			
#newspaper {
		 width:460px;
		 height: 600px;
		 background-color: #eaf3da;
		 margin-left: 60px;
		 padding: 5px;
		 font-size: 13px; 
		 font-family:'Times New Roman', serif;
		 text-align: left;
		 border:2px dotted #990033;
		 overflow: scroll;
		 }	
 
#rightcolumn {
			margin-left: 155px;
			width: auto;
			padding-top:5px;
			padding-right:10px;
			background-color: white;
			} 

#address {
			font-size: 12px;
			width: auto;
			text-align: center;
			margin-left: 170px;
			padding-top: 5px;
			padding-bottom:5px;
			backgroud-color: white;
			border-bottom:1px dashed #ac0f14;
			border-top:1px dashed #ac0f14;
			font-weight: normal;
			}			
			
					
/* Firefox and IE apply margins and padding differently to ul lists, its best 
	 to zero them off, see where that leaves you and then start from scratch*/
			
#links {
			background-color: #fffdda;
			border: 2px solid #4441d1;
			font-size:12px;
			padding: 3px;
			text-align: center;
			margin-right: 2px;
			margin-bottom: 4px;
			width: auto;
			height: 140px;
			}

#linkscroll{
			width: 500px;
			margin-left: 40px;
			height: 500px;
			align:center;
			overflow: scroll;
			}			

#no_print {display: none}
			
#footer {
			text-align: center;
			background-color: white;
			font-size: 10px; 
		  font-family:Arial,Verdana,Helvetica,'Arial Black',sans-serif;
		  padding: 10px;
			}

#input-up{
			background-color: #eaf3da;
			border: 2px solid #990033;
			padding: 10px;
			text-align: left;
			width: 450px;
			}
			
img.photoleft {
      float:left; 
			margin-right:5px;}
	
img.photoright {
      float:right; 
			margin-left: 10px;
			border: 2px ridge #feac08;
			}
			
img.photoright150 {
      float:right; 
			margin-left: 10px;
			margin-right: 25px;
			border: 2px ridge #feac08;
			}
	
h1{
    font: bold 16px;
		font-size: 20px;
		color: #ac0f14;}
		
h4{ font-size:50px; color: #4844e1;}
h5{ font-size:24px; color: #4844e1;}
 		
.photocenter-container {  
		 width:100%;
		 text-align:center;
		 }
		 
.rollover-center {
		 width:100%;
		 text-align:center;
		 }
		 
		 
.print-only {display: none;}		 
p.center {text-align:center;}
p.red {color:red;}
.blue {color:blue;}
.purple {color:purple;}
.right {text-align: right;}
span.red {color:red;}
span.blue {color:blue;}

li {list-style-type: square;}
	
/* Hyperlink Options */		
		
a:link {color: navy; text-decoration: none; font-family: Comic Sans MS; font-weight: bold;}
a:visited {color: navy; text-decoration: none; font-family: Comic Sans MS; font-weight: bold;}
a:hover {color: red; text-decoration: underline; font-family: Comic Sans MS; font-weight: bold;}
a:active {color: navy; text-decoration: underline; font-family: Comic Sans MS; font-weight: bold;}

#address a:link {color: navy; text-decoration: none; font-weight: normal; font-size: 14px;}
#address a:visited{color: navy; text-decoration: none; font-weight: normal; font-size: 14px;}
#address a:hover{color: #ac0f14; text-decoration: underline; font-weight: normal; font-size: 14px;}
#address a:active{color: navy; text-decoration: underline; font-weight: normal; font-size: 14px;}

#inputlink a:link {color:#000000; text-decoration: none;font-family:Arial; font-weight: normal;}
#inputlink a:hover {color:#000000; text-decoration: none;font-family:Arial; font-weight: normal;}
#inputlink a:visited {color:#000000; text-decoration: none;font-family:Arial; font-weight: normal;}
	/*to stop the copyright from showing up as a link */	

/*to stop the copyright from showing up as a link */			 
a.hidelink:link {color:#000000; text-decoration: none; font-family: Arial, sans-serif;}
a.hidelink:hover {color:#000000; text-decoration: none; font-family: Arial, sans-serif;}
a.hidelink:visited {color:#000000; text-decoration: none; font-family: Arial, sans-serif;}