/*************************************************************************************************************
**************************************************************************************************************

	Title: CSS
	Author: Hiram Hibbard, Wishing Fish Web Design
	Date: 5/6/2009 

**************************************************************************************************************
	
	1. HTML
	
	2. Layout
		2.1 Header
		2.2 Content
		2.3 Footer
		
	3. Classes
	
	4. Page-Specific
		
**************************************************************************************************************
**************************************************************************************************************/


/* 1. HTML
**************************************************************************************************************
**************************************************************************************************************/	

body {background:url(images/background_main.jpg) repeat; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; color:#330B0C;}
a, a:visited {color:#2B891C; text-decoration:underline;}
a:hover {color:#ADBD03;}
p {line-height:18px; margin:0 auto; padding:10px 0;}
h2, h3, h4 {font-weight:bold; margin:0 auto; padding:0; color:#2D0508;}
h2 {font-size:26px;}
h3 {font-size:20px;}
h4 {font-size:16px; padding:10px 0;}
ul {margin:0 auto; padding:0;}



	

/* 2.2 Content
**************************************************************************************************************/

#content {float:left; width:505px; display:inline;}


/* 2.3 Footer
**************************************************************************************************************/


	
/* 3. Classes
**************************************************************************************************************
**************************************************************************************************************/	

.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}


/* 4. Page Specific
**************************************************************************************************************
**************************************************************************************************************/


/*HOMEPAGE*/
body#homePage {background:url(images/background_home.jpg) top center no-repeat #000;}
body#homePage #wrap {background:url(images/book.png) top center no-repeat; width:710px; height:auto;}
body#homePage #content {width:505px;}
body#homePage h1#enter a {background:url(images/welcometag.png); margin:440px 0 0 150px; width:351px; height:178px; display:block; text-indent:-9999px; overflow:hidden;}
	body#homePage h1#enter a:hover {background:url(images/welcometag_hover.png);}
body#homePage h2 {font-size:20px; width:180px; border-bottom:2px solid #330B0D; float:left; display:inline; clear:both; margin:30px 10px 0; padding:0;}
body#homePage h3 {font-size:14px; margin:10px auto; padding:0;}
#homepageNav {width:710px; margin:15px auto; clear:both;}
.homepageNavList {padding:10px 15px 10px 10px; float:left; display:inline;}
	.homepageNavList ul {margin:0 auto; padding:0;}
		.homepageNavList li {list-style:none; font-size:12px; line-height:16px;}
			.homepageNavList li a, .homepageNavList li a:visited {color:#2C0507; text-decoration:none;}
				.homepageNavList li a:hover {color:#2C0507; text-decoration:underline;}
				
p.jumpNav {background:url(images/navjump.png) top left no-repeat; width:160px; height:30px; text-align:center; padding-left:20px; margin-left:280px;}
	p.jumpNav a, p.jumpNav a:visited {color:#fff; text-decoration:none; font-weight:bold;}
		p.jumpNav a:hover {text-decoration:underline;}