html {
 background:#FEFAE9;
 font-size:medium;
 /* ** equal to 16px in most browsers */
 }
 
body {
 font-size:62.5%;
 /* ** turns 16px to 10px, now %-based font-sizes are easy (100%=10px, 110%=11px, 120%=12px, etc) and text is still user re-sizeable in IE*/
	margin:0;
 padding:0;
 font-family:Minion,"Times New Roman",georgia,serif;
 /* perhaps "Minion" could be added tp this list */
 text-align: center;
 }
 
#main {
 width:800px;
 margin:0 auto;
 background:transparent url(../images/bg_page.gif) center top repeat-y;
 clear:both;
 }
 
#header {
 width:750px;
 margin:0 auto;
 height:150px;
 padding:0;
 background: transparent url(../images/bg_header.jpg) no-repeat left top;
 }
 
#header img {
 padding:0;
 margin:0;
 float:left;
 /* **
	Andy's pet peeve...
	IE/Win seems to add spacing (padding? margin?) to bottom of images
	- not good when height of img is same as height of container.
	It seems that floating the images cures this.
	
	I could have made one banner image and put it in the background of #header,
	but I felt that the text should be a gif, and the portrait a jpg
	*/
 }
 
#header a img {
 border:0;
 }
 
#navigation {
 text-align: center;
 }
 
#navigation ul {
 margin: 0 auto;
 padding: 0;
 font: 18px Minion, "Times New Roman", georgia, serif;
 width: 750px;
 background: #b5a567;
 height: 25px;
 }
 
#navigation ul li {
 display: inline;
 }
 
#navigation ul li a:link, #navigation ul li a:visited {
 float: left;
 color: #fff;
 padding: 2px 28px;
 text-decoration: none;
 background: transparent ;
 }
 
#navigation ul li a:hover {
 color: #4d2e7d;
 background-color: #cdbb74;
 text-decoration: none;
 }
 
 
#content {
 width:440px;
 float:left;
 clear:left;
 margin: 15px 0em 0px 50px;
 display:inline;
 /* ** keeps IE/Win from doubling left/right margins */
 text-align: left;
 }
 

 
h1, h2, h3, h4, h5, h6 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	color: #4d2e7d;
	} 

h1 {
	font-size: 2em;
	}
 


 
#content h2.home {
 color: #191919;
 font-size:130%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-variant: normal;
 /* ** not used in template */
 line-height: 140%;
 margin-left: 10px;
 }
 
#content h3 {
 font-size: 130%;
 /* ** not used in template */
 }
 
#content p, #content li {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:120%;
 color:#4b4b4b;
 line-height: 1.45em;
 margin-left: 10px;
 }
 
#content li {
 margin-bottom: 10px;
 }
 
#content img {
 float: right;
 margin: 5px 0 10px 15px;
 }
 
.feedburnerFeedBlock, #sidebar 
 {
 float:left;
 width:223px;
 border:solid #0D0376 1px;
 margin:30px 0 0 40px;
 background:#fff url(../images/bg_sidebox.gif) bottom left repeat-x;
 font-family:verdana,arial,sans-serif;
 text-align: left;
 }
 
a, a:link, a:visited {
 color: #4d2e7d;
 text-decoration: none;
 }
 
a:hover {
 color: #4d2e7d;
 text-decoration: underline;
 }
 
.feedburnerFeedBlock p.feedTitle {
 display:block;
 margin:0;
 padding:0;
 line-height:1.7em;
 background:#d0d0df;
 color:#4e4e70;
 text-align:center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:150%;
 font-weight:bold;
 }
 
.feedburnerFeedBlock p.feedTitle a {
 color:#4E4E70;
 text-decoration:none;
 }
 
.feedburnerFeedBlock p.feedTitle a:hover {
 color:#4E4E70;
 text-decoration:underline;
 }
 
.feedburnerFeedBlock ul {
 list-style:none;
 margin:0 0 0 5px;
 padding:0;
 width:200px;
 }
 
.feedburnerFeedBlock ul li {
 background:transparent url(../images/bullet_page.gif) no-repeat 0 .1em;
 margin:14px 0;
 padding:0 0 0 16px;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 }
 
.feedburnerFeedBlock ul li a,
.feedburnerFeedBlock p.fbsubscribelink a {
 font-size:120%;
 color:#4E4E70;
 text-decoration:none;
 }
 
.feedburnerFeedBlock ul li a:hover,
.feedburnerFeedBlock p.fbsubscribelink a:hover {
 text-decoration:underline;
 }
 
.feedburnerFeedBlock ul li p {
 color:#8E8EB1;
 text-decoration:none;
 padding:0;
 margin:0;
 text-indent:1em;
 }
 
.feedburnerFeedBlock p.fbsubscribelink {
 margin:14px 0 30px 5px;
 }
 
.feedburnerFeedBlock #creditfooter {
 display:block;
 text-align:right;
 }
 
.feedburnerFeedBlock a img {
 border: none;
 }
 
#footer {
 width:100%;
 height:3.2em;
 padding:0;
 clear:both;
 text-align:center;
 font-size:110%;
 color:#4E4E70;
 background:transparent url(../images/bg_footer.gif) center bottom no-repeat;
 margin-top:20px;
 padding-top: 5px;
 padding-bottom: 5px;
 }
 
#footer2 {
 color: #4e4e70;
 font-size: 100%;
 text-align: center;
 margin-top: 20px;
 padding: 0;
 width: 100%;
 height: 3.2em;
 clear: both;
 }
 
#footer p, #footer2 p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 width:750px;
 margin: 0px auto 0px auto;
 text-align:center;
 padding: 2px 0em 0em 0em;
 }