body {
margin : 0;           /* 0 */
padding : 0;
font : 76% helvetica, verdana, "Trebuchet MS", tahoma, arial, sans-serif;
line-height : 2em;
background : #fff url(images/bgnd.jpg) repeat-x;
color : #333;
background-position : 50% 0;
}
			/*WRAP*/
#container {
width : 780px;
margin : 0 auto;
color : #333;
}
			/*TOP BAR*/
#top {
margin : 0;
padding : 0;
}
			/*BANNER*/
#banner {
width : 780px;
height : 135px;     /*BANNER height 135 */
margin : 0 auto;
padding : 0;
background : url(images/top1.jpg) center 0%;
color : #333;
}
#banner h1 {
height : 5px;        /*BANNER height was 100 changed to 5   */
font-family : georgia, sans-serif;   
text-align : center;                 /* text-align : center; to left; */
text-transform : none;
letter-spacing : 5px;
font-size : 175%;           /* font 175% Problem if more as it cuts off bottom of y in IE */
padding : 0;
margin : 0;
background : transparent;
color : #aaa;                   /*aaa */ 
}
			/*MAIN CONTENT*/
#content {
float : right;
width : 550px;         /* was 540 changed to 550*/
margin : 0;
padding : 0 0 20px 0;
}
			/*LEFT SIDEBAR*/
#sidebar {
float : left;
width : 200px;      /*  side bar width was 190 changed to 200 */
margin : 0;
padding : 0 5px 20px 10px;      /* 0 5px 20px(bottom) 10px(left side) */
}
			/*FOOTER*/
#footer {
clear : both;
font-size : 0.9em;
color : #ffffff;           /* Normal text in footer was ffccff pale lilac changed to ffffff white */
background : #406c5f;             /* was 710069 purple changed to 406c5f  dark green */
border-top : 1px solid #eee;
margin : 0;
text-align : center;
padding-left : 10px;
}
			/*TYPOGRAPHY*/
h3 {
font : 130% verdana, "Trebuchet MS", arial, sans-serif;
text-transform : uppercase;
letter-spacing : 3px;
color : #710069;              /* all contents HEADINGS  was 333 changed to 710069*/
background : inherit;
margin : 30px 0 10px 5px;
padding : 0;
}
h4 {
font : 100% arial, "Trebuchet MS", verdana, sans-serif;
color : #710069;                       /* was 710069 changed to 5f406c Dark purple */
background : inherit;
margin : 5px 0 5px 10px;
padding : 0;
}
p {
margin : 10px;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #8c6c12;        /*Block quote color b29b35 goldy color to 8c6c12 darker gold*/
}
			/*SCROLLBAR*/
div.scroll {
overflow : auto;
height : 11em;
width : 520px;                       /* changed from 500 to 520 */
padding : 5px;
border : 1px solid #406c5f;          /* was 1px solid #eee changed to 5px  solid 405c5f */
margin : 20px 0 20px 15px;
background : inherit;
color : #555;
font-size : 90%;
}
			/*SIDEBAR NAVIGATION*/
#sidebar ul {
list-style : none;
margin : 0 0 20px 0;
padding : 0;
}
#sidebar ul li {
display : inline;
padding : 0;
margin : 0;
}
#sidebar ul li a {
display : block;
color : #710069;
background : inherit;
text-decoration : none;
margin : 0;
padding : 5px 0 5px 0;
border-bottom : 1px solid #c0c0c0;
}
#sidebar ul li a:hover {
text-decoration : none;
background : #eedbee;         /* side bar bgnd colour was ece5ec changed to eedbee*/ 
color : #00750a;              /* side bar hover link colour was 00750a green */
}
			/*LINK PROPERTIES*/
#content a:link, #content a:visited, #banner a:link, #banner a:visited {
color : #710069;               /*  color of links in contents 710069 purple */
background : inherit;
text-decoration : none;
}
#content a:hover, #banner a:hover {
color : #00750a;                   /* color of link in contents on click 00750a green */
background : inherit;
text-decoration : none;
}
#footer a:link, a:visited, #top a:link, a:visited {
color : #99ff66;                 /* Footer link color was aaa changed to 99ff66 bright green*/
background : inherit;
text-decoration : none;
}
#footer a:hover, #top a:hover {
color : #ebc72b;                  /* was fff changed to ebc72b pale gold */ 
background : inherit;
text-decoration : none;
}
a img {
border : 0;
}
