/*
This is an Elated PageKit - www.elated.com.
All artwork copyright (c) 1996-2005 Elated Communications Ltd.
By using this PageKit, you are agreeing to be bound by the
usage agreement available online at http://www.pagekits.com/usage/
*/


/*
	Standard font family for site
*/

body, table, tr, td, a, p, h1, h2, h3, h4, h5
{
	font-family: verdana, arial, helvetica, sans-serif;
}


/*
	Page body style
*/

body
{
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	background-color: #222222;
	background-image: url("images/bg.gif");
	background-repeat: repeat-x;
}
#topheader
{
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	background-color: #222222;
	height: 40px;
}


/*
	Standard paragraph style
*/

p
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin-top: 0px;
	color: #ececec;
	line-height: 1.5em;
	text-align: left;
}


li
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin-top: 0px;
	color: #ffffff;
	line-height: 1.3em;
	text-align: left;
}




/*
	Links
*/


a:link { 
	color: #ffffff; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none;  
	}

a:visited { 
	color: #ffffff; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: underline; 
	} 

a:active { 
	color: #CC9900;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none; 
	} 

a:hover { 
	color: #CC9900; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: underline;
	} 


/*
	Footer Links
*/


a.footer:link { 
	color: #ff0000; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 9px; 
	text-decoration: none;  
	}

a.footer:visited { 
	color: #ff0000; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 9px; 
	text-decoration: none; 
	} 

a.footer:active { 
	color: #CC9900;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 9px; 
	text-decoration: none; 
	} 

a.footer:hover { 
	color: #CC9900; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 9px; 
	text-decoration: none;
	} 

/*
	Blog Links
*/


a.blog:link { 
	color: #ff0000; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 16px; 
	text-decoration: none;  
	}

a.blog:visited { 
	color: #ff0000; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 16px; 
	text-decoration: none; 
	} 

a.blog:active { 
	color: #CC9900;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 16px; 
	text-decoration: none; 
	} 

a.blog:hover { 
	color: #CC9900; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 16px; 
	text-decoration: none;
	} 

/*
	Blog2 Links
*/


a.blog2:link { 
	color: #ff0000; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none;  
	}

a.blog2:visited { 
	color: #ff0000; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none; 
	} 

a.blog2:active { 
	color: #CC9900;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none; 
	} 

a.blog2:hover { 
	color: #CC9900; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none;
	} 

/*
	Web Links
*/


a.web:link { 
	color: #ff0000; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none;  
	}

a.web:visited { 
	color: #ff0000; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: underline; 
	} 

a.web:active { 
	color: #CC9900;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none; 
	} 

a.web:hover { 
	color: #CC9900; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: underline;
	} 


/*
	Front Page Table Links
*/


a.menu:link { 
	color: #ffffff; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none;  
	}

a.menu:visited { 
	color: #ffffff; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none; 
	} 

a.menu:active { 
	color: #CC9900;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none; 
	} 

a.menu:hover { 
	color: #CC9900; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: underline;
	} 



/*
	Headings
*/


h1
{
	font-weight: bold;
	font-size: 14px;
	color: #CC9900;
  	margin-top: 10px;
}

h1.left-header
{
	font-weight: normal;
	font-size: 14px;
	color: #CC9900;
	margin-left: 5px;
}

h2
{
	font-size: 14px;
	color: #ffffff;
	padding-top: 9px;
}

h3
{
	font-weight: normal;
	font-size: 12px;
	color: #CC9900;
  	margin-left: 5px;
}


/*
	Main Table - just gives the content a background colour
*/

.maintable 
{
	background-color: #222222;
}

.maintableblog 
{
	background-color: #ffffff;
}


/*
	Menu Table and Cell - controls how the menu looks & sits
*/

.menutable 
{
	height: 40px;	
	width: 850px;
	font-size: 14px;
	font-weight:bold;
	padding: 10px;
	background-color: #333333;
	border-bottom: 1px solid #999999;
}

.menucell
{
	padding-left: 5px;
}

/*
	separator after menu
*/


#bottom-header 
{
	height: 40px;	
	width: 750px;
	font-size: 100%;
	margin: 50px
	padding: 50px;
	background-color: #222222;
}


/*
	Left hand column on homepage - the big image
*/

.home-left 
{
	width: 276px;
	height: 600px;
	background-image: url("images/home_left.jpg");
	background-repeat: no-repeat;
	padding-top: 550px;
}

.return-left 
{
	width: 276px;
	height: 300px;
	background-image: url("images/TFF.jpg");
	background-repeat: no-repeat;
	padding-top: 20px;
}

p.left-text
{
	font-size: 0.6em;
	margin-left: 15px;
	margin-right: 20px;
	color: #999999;
}

/*
	Left hand column on biography - author photo
*/


.jm 
{
	width: 276px;
	height: 600px;
	background-image: url("images/jm.jpg");
	background-repeat: no-repeat;
	padding-top: 550px;
}


/*
	Left hand column on books page - Story Time Front
*/

.STF 
{
	width: 276px;
	height: 600px;
	background-image: url("images/STF.jpg");
	background-repeat: no-repeat;
	padding-top: 300px;
}

/*
	Left hand column on books page - Morgan Island Front
*/

.MIF 
{
	width: 276px;
	height: 300px;
	background-image: url("images/MIF.jpg");
	background-repeat: no-repeat;
	padding-top: 200px;
}

.MIF2 
{
	width: 276px;
	height: 300px;
	background-image: url("images/MIF.jpg");
	background-repeat: no-repeat;
	padding-top: 300px;
}

/*
	Left hand column on books page - Tinton Falls Front
*/

.TFF 
{
	width: 276px;
	height: 300px;
	background-image: url("images/TFF.jpg");
	background-repeat: no-repeat;
	padding-top: 20px;
}

.TFF2 
{
	width: 276px;
	height: 300px;
	background-image: url("images/TFF.jpg");
	background-repeat: no-repeat;
	padding-top: 300px;
}

/*
	Right hand column on homepage
*/

.home-right 
{
	padding-top: 75px;
	padding-right: 75px;
}

.home-top 
{
	padding-top: 0px;
	padding-right: 0px;
}





/*
	Left hand column on sub-page
*/

.page-left 
{
	width: 276px;
	height: 300px;
	background-image: url("images/page_left.jpg");
	background-repeat: no-repeat;
}

.page-blog 
{
	width: 750px;
	height: 300px;
        font-size: 12px;
	background-image: ;
	background-repeat: no-repeat;
        padding-right: 25px;
}
}

/*
	Right hand column on sub-page
*/

.page-right 
{
	padding-right: 75px;
}


/*
	Page footer area
*/


p.footer
{
  text-align: center;
	margin-top: 10px;
	padding-top: 0px;
	color: #666666;
	font-size: 9px;
	margin-bottom: 10px;
}

p.footer a
{
	color: #666666;
	font-size: 9px;
}




/*
	Standard images
*/

img
{
	border: none;
}





/*
	Frontpage layout elements - Text
*/

.text
{
	padding-right: 20px;
	text-align: left;
}