body, div, h1, h2, h3, h4, p, ul, li, img, form
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

body 
{
    background: #FFF url(../images/top_bg.gif) 0 0 repeat-x;
    text-align: center;
}

p, div, li,  h1, h2, h3, h4, td, input, select, textarea 
{
	font-family: Verdana, Arial, Tahoma, Helvetica;
    font-size: 12px;
    color: #000000;
    line-height: 16px;
}

/* Link Formatting */
a img, :link img, :visited img {border: none;}
a:link, a:visited 
{
    color: #655596;
    text-decoration: none;
    font-weight: bold;
}
a:hover, a:active 
{
    color: #75a9ea;
    text-decoration: underline;
    font-weight: bold;
}

/* Header */
#header
{
	background: url(../images/header.gif) 0 0 no-repeat;
	width: 780px;		 
	height: 106px;		
	margin: 0px;
	padding: 0px;
}

/*Separator Line */
#separator-line
{
	background: url(../images/bluedot.gif) 0 0 repeat-x;
	width: 780px;		 
	height: 1px;		
	margin: 0px auto;
	padding-bottom: 10px;
}

/* Menu Handling */
#menu 
{
	background: url(../images/menu.jpg) 0 0 no-repeat;
	width: 780px;		 
	height: 51px;		
	margin: 0px;
	padding: 0px;
}
#menu span {display: none;}
#menu li, #menu a 
{
	height: 51px;		/* Set button height to the same height */ 
	display: block;
}
#menu li 
{
	float: left;
	list-style: none;
	_display: inline;		/* fixes IE/Win double margin float bug */
}

/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
/* width - width of each button, they will each most likely be unique */
#menu-logo			{ width: 131px;} 
#menu-home 			{ width: 94px; }
#menu-preview 		{ width: 111px; }
#menu-authors	 	{ width: 118px; }
#menu-articles 		{ width: 115px; }
#menu-order		 	{ width: 93px; }
#menu-contact 		{ width: 118px; }

/* Changed values should match sum of "width" numbers specified above */ 
#menu-logo a:hover 			{ background: transparent url(../images/menu.jpg) 0px -51px no-repeat; }
#menu-home a:hover 			{ background: transparent url(../images/menu.jpg) -131px -51px no-repeat; }
#menu-preview a:hover  		{ background: transparent url(../images/menu.jpg) -225px -51px no-repeat; }
#menu-authors a:hover	 	{ background: transparent url(../images/menu.jpg) -336px -51px no-repeat; }
#menu-articles a:hover 		{ background: transparent url(../images/menu.jpg) -454px -51px no-repeat; }
#menu-order a:hover		 	{ background: transparent url(../images/menu.jpg) -569px -51px no-repeat; }
#menu-contact a:hover 		{ background: transparent url(../images/menu.jpg) -662px -51px no-repeat; }

/* Page Container */
#container
{
	width: 780px;
	margin: 0 auto;
}

/* Preview/Article Padding */
#story-padding{margin: 0px 20px 0px 20px;}

/* Content Area */
#center-text{text-align: center;}
#justify-text{text-align: justify;}
#right-text{text-align: right;}
#small-text
{
	font-family: Verdana, Arial, Tahoma, Helvetica;
    font-size: 10px;
    color: #000000;
    line-height: 16px;
}

/* Book Cover */
#book-cover 
{
	background: transparent url(../images/bookcover2.jpg) no-repeat center center;
	height: 245px;
	width: 484px;
	padding-bottom: 20px;
	margin: 0px auto;
}

/* Actual Book */
#book
{
	/*background: transparent url(../images/realbook_cover.gif) no-repeat center center;
	height: 352px;
	width: 221px;*/
	padding-bottom: 20px;
	margin: 0px auto;
}

/* Authors */
#authors 
{
	background: transparent url(../images/authors2.jpg) no-repeat center center;
	height: 245px;
	width: 496px;
	padding-bottom: 20px;
	margin: 0px auto;
}

/*2 Columns*/
#left-col 
{
	float: left;
	display: inline;
	width: 48%;
}
#right-col 
{
	float: right;
	display: inline;
	width: 48%;
}

/* Page Navigation */
#prev-page
{
	float: left;
	display: inline;
}
#next-page 
{
	float: right;
	display: inline;
}

/*Superscript*/
sup 
{
	line-height: 0;
	vertical-align: text-top;
}
#spacer-small{height:150px;}
#spacer-large{height:300px;}

/* Footer */
#spacer{height:20px;}
#footer 
{
	background: transparent url(../images/footer2.gif) 0 0 repeat-x;
	height: 106px;
	margin: 0px;
	padding-top: 50px;
}
#footer-text
{
	width: 780px;
	color: #FFFFFF;
	font-size: 10px;
	text-align: right;
}
#footer a:link, #footer a:visited 
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
#footer a:hover, #footer a:active 
{
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
}