/* Anne Grand Stylesheet */ 

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, h7, form, formfield {  
	margin: 0;
	padding: 0;
	border: 0;
	}

body {
	font-family: Arial, sans-serif;/*sets the default font for entire page*/
	font-size: 101%;/*sets default font size for the page*/
	text-align: left;/*align the whole page to the left*/
	color: #000000;/*default text colour grey*/
	background: #000000;/*page backround colour of black*/
	}

#container {
	width:760px;	/*how wide to confine the displayed page content*/
	}
	
	#container h2{
	font-size:10px;
	text-align:	center;
	color:#FFFFFF;
	padding-bottom:20px;
	}

#header {
	background-color: #000000;/*background colour of black*/
	background-image: url(../images/header-new-tel-72dpi-copy.jpg);/*background image (water and lillies)*/
	background-repeat: no-repeat;/*Don't repeat the image - it can't anyway because of the height*/
	height: 336px;/*Sets the height (slightly less than the header image height)*/
	}

#top {
	height: 295px;/*this pushes the menu downwards*/
	}
	

#menu {
	height: 18px;
	width: 760px;
	padding-left: 235px;
	}


/*Navigation CSS*/

#navlist { 
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-indent: 0;
	list-style-type: none;
	}

#navlist li {
	padding: 0;
	margin: 0;
	text-indent: 0;
	display: inline;
	}

#navlist li a {
	letter-spacing: -1px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1.3em;
	padding: 0 2px;
	border-top: .3em solid;
	border-top-color:#FFFF80;
	}

#navlist li a:hover,#navlist a#current {
	color:  #FDE853;
	border-top: none;
	font-size: 1.5em;
	}

#navlist a#current {
	color: #FFFF80;
	font-size: 1.6em;
	font-weight:bold;
	}

/*Rest of page stuff follows:*/
#news {
	margin: 0px 20px 10px 20px;/*(remember 'trouble' - T R B L)*/
	padding: 10px 24px 10px 24px;/*as above - this is the 'internal' margin*/
	background:
	#FFDFFF 
	;
	border: #333300 5px solid;	
	color: #333300;/*default text colour for the 'content' layer*/
	}
	#news h1{	
	margin: 5px 0 5px 0;
	color: #660000;
	font-weight:bold;
	font-size: 100%;
	font-style:italic;
	text-align:center;
	}
	#news p{
	margin: 0px 0 0px 0;
	color: #660000;
	font-size: 80%;
	text-align:center;
	}
	#news h5{
	margin: 5px 0 0 0 ;
	color:#660000;
	font-size:85%;
	text-align:center;
	}
	#news
 a:link, a:hover, a:active {
	text-decoration: underline;
	font-style:italic;
	color: #3300CC;
	}
#content {
	margin: 0px 300px 15px 20px;/*(remember 'trouble' - T R B L)*/
	padding: 12px 24px 40px 24px;/*as above - this is the 'internal' margin*/
	background: #F5F8EF;
	border: 5px solid #395F22;	
	color: #F5F8EF;/*default text colour for the 'content' layer*/
	}

#right {
	float: right; /*(places this in the margin of the conten div)*/
	background: #898959;
	border: 3px solid #395F22;
	color: #FFFFCC;
	width: 160px;
	padding:10px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px
}
 #right h1 {
	margin: 30px 0 10px 0;
	font-style:italic;
	font-size:125%;
	font-weight:bold;
	color:#242F00;
	}
#right h2{
  margin: 10px 0 10px; 
  font-size:90%;
  color:#FFFFFF;
   }
 #right h3{
 font-size:90%;
 font-style:italic;
 color:#242F00;
 }
 
 #right h4{
 font-size:90%;
 font-weight:bold;
 color:#242F00;
 }
 #right p {
	margin: 10px 0;
	font-size: 80%;
	text-align:justify;

	}
#right li {
	margin: 15px;
	font-size: 85%;
	color:#242F00;
	}

#footer {
	clear: both;/*This ensures that the footer 'clears' the content and right divs*/
	background-color: #325125;
	background-image: url(../images/white_water-lilly_100.jpg);/*background image (water and lillies)*/
	background-repeat: no-repeat;
	height:92px;
	padding:0;
	border: 5px solid #395F22;
	margin: 0 20px 20px 20px;
	color: #898945;	
	}
#footer h1 {
	font-size:150%;
	color:#FFFFCC;
	margin: 0 140px;
	padding:2px;
	}
#footer h2 {
	font-size:120%;
	color:#FFFFCC;
	margin: 0 140px;
	padding:2px;
	}
#footer p{
	font-size:10px;
	color:#FFFFCC;
	margin: 0 140px;
	}

#content h1 {
	margin: 30px 0 10px 0;
	color: #666633;
	font-weight:bold;
	font-size: 150%;
	font-style:italic;
	
	}

#content h2 {
	margin: 10px 0;
	color:#103E00;
	font-size: 100%;
	text-align:left;
	
	}	

#content h3{
	margin: 10px 0;
	color:#186619;
	font-size: 100%;
	}
#content p {
	margin: 10px 0;
	color:#3E1F00;
	line-height: 120%;
	font-size: 85%;
	text-align:justify;
	
	}

#content h4{
	margin: 10px 0;
	color:#242F00;
	line-height: 120%;
	font-size: 85%;
	font-weight:bold;
	}
#content h5{
	margin: 20px 0 0 0 ;
	color:#666666;
	font-size:60%;
	text-align:center;
	}
#content h6{
	color: #3E1F00;
	font-size:90%;
	text-align:left;
	
		}
#content h7{
	color:#330099;
	font-size:16px;
	font-weight:bold;
	}
#content p.verse {
	text-align: center;
	font-style:italic;
	color:	#242F00;
	font-size:75%;
	font-weight: bold;
	line-height:50%;
	}

#content ul{
	color:#666633;
	font-size:85%;
	}
.cz {
	color: #242F00;
	font-size: 100%;
	font-weight:bold;
	}
	
a:link {
	text-decoration: none;
	color: #242F00;
	
	}
	
a:visited {
	text-decoration: none;
	color: #4A2500;
	
	}
	
a:hover, a:active {
	text-decoration: underline;
	font-style:italic;
	color: #330099;
	}

	