/****************** MAIN STYLES ********************/

html {
	height:100%
}
body {
	height:100%
}
body {
	padding:0px;
	margin:0px;
	color:#7b8049;
	background:url(../images/bkgrnd_Top-Bottom.jpg) repeat-x top left #e6ebb8;
	text-align:center;
	min-width:800px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:xx-small;
}
#outer {
	min-height:100%;
	height:100%;
	width:795px; /*Different for FF and IE*/
	background:url(../images/bkgrnd_Content-Main.gif) repeat-y center center;
	margin:0 auto;
	padding:0;
	text-align:center;
	position:relative;
}
html>body #outer { /*for mozilla as IE treats height as min-height anyway*/
	height:auto;
} 
#inner {
	position:relative;
	width:795px; /*Different for FF and IE*/
	padding:0;
	margin:0 auto;
	text-align:left;
}

#maincontent {
	float:left; 
	width:380px; 
	text-align:left;
	padding:0 20px 170px 30px;
	margin:0;
	position:relative;
}
#maincontent img {
	float:left; 
	margin:0.5em 1em 0.5em 0;
}
#maincontent img.right {
	float:right;
	margin:0.5em 0 0.5em 1em;
}
#maincontent p, #subcontent p {
	padding:0;
	line-height:1.4em;
	font-size:120%;
}
#subcontent {
	float:right;
	width:270px;
	position:relative;
	text-align:left;
	padding:0;
	margin:0 5px;
	color:#958888;
}
#subcontent p, #subcontent h1, #subcontent h2 {
	padding-right:8px;
}

#subcontent img {
	float:left; 
	margin:0.5em 1em 0.5em 0;
}

#footer {
	width:801px;
	position:absolute;
	left:0;
	bottom:-5px;
	clear:both;
	height:20px;
	text-align:right;
	margin:0 auto;
	padding:0;
	color:#000000;
	background:url(../images/footerbg.jpg) no-repeat 0px top #e6ebb8;
}

#footer p {
	padding:20px 8px 0px 0;
}

#clearfooter { /* to clear footer */
	width:100%;
	height:100px;
	clear:both;
}

/***************** LINK STYLES ****************/


a:link, a:active, a:visited {
	color: #7b8049;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #7b8049;
}

#subcontent a:link, #subcontent a:active, #subcontent a:visited {
	color: #30302f;
	text-decoration: none;
	width:auto;
	padding:1px 0;
}
#subcontent a:hover {
	text-decoration: underline;
	color: #30302f;

}

/***************** GENERAL & OTHER PRESENTATION ****************/

h1 {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:130%;
	color:#7b8049;
	padding:0;
}
h2 {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	color:#000000;
	padding:0;
}
h3 {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#000000;
	padding:0;
}	
#subcontent h1, #subcontent h2 {
	color:#7b8049;
}
div {
	margin-top:0px
}
p {
	margin-top:0px
}
.dark {
	color:#9a8482;
}
#image {
	width:560px;
	height:180px;
	position:relative;
	top:15px;
	left:150px;
	/*background:url(jg/image2.jpg) no-repeat 23px bottom;*/
	margin:0;
	padding:0 20px;
}
#image h1 {
	padding-top:14px;
	font-size:130%;
}
#image img {
	padding-top:11px;
}

#image2 {
	width:362px;
	height:39px;
	position:relative;
	top:-200px;
	left:50px;/*was 50px before submenu insertion*/
	/*background:url(images/jyj_title.gif) no-repeat 15px top;*/
	margin:0;
	padding:0 20px;
}	
	
#image3 {
	width:250px;
	height:39px;
	position:absolute;
	top:-30px;
	left:495px;
	/*background:url(images/jyj_title.gif) no-repeat 15px top;*/
	margin:0;
	padding:0 20px;
}
	
#calendar {
	width:228px;
	height:180px;
	position:absolute;
	top:60px; /*50px*/
	left:482px; /*473px*/
	/*background:url(images/jyj_calendar.jpg) no-repeat 15px top;*/
	margin:0;
	padding:0 20px;
	z-index:1;
}

#calendarBK {
	width:228px;
	height:170px;
	position:absolute;
	top:20px;
	left:446px;
	/*background:url(images/jyj_calendar.jpg) no-repeat 15px top;*/
	margin:0;
	padding:0 20px;
}
	
#polaroid {
	width:237px;
	height:260px;
	position:absolute;
	top:-158px;
	left:-58px;
	background:url(jg/polaroid.jpg) no-repeat left bottom;
	margin:0;
	padding:0;
}


/***************** TABS ****************/


#tabs {
	position:relative;
	width:795px;
	margin:0;
	padding:0;
	background:url(jg/headerbg.jpg) repeat-x 0px 0px transparent;
}
#hr {
	height:41px; /*41px*/
	width:231px; /*231px*/
	position:absolute;
	top:50px; /*50px*/
	left:539px; /*539px*/
	*right:-1px;
	background:url(../images/search_off.jpg) no-repeat left top;
}

#tabs ul {
	margin:0; 
	padding:58px 0px 100px 8px; /*Different for FF and IE*/
	list-style-type:none; 
	background:url(../images/top_HeaderLft3.jpg) no-repeat 0px 0px;
	
}
#tabs li {
	float:left; 
	margin:-7px;
	padding:0;
}
#tabs li a {
	display:block; 
	text-decoration:none; 
	width:113px; /*width:80px*/
	height:41px; /*height:31px*/
	padding:0;
	font-size:120%;
	line-height:31px;
}
#tabs li a:hover {
	cursor:pointer;
}

a.home_page {
	background:url(../images/home_off.jpg) no-repeat right top;
	overflow:hidden;
	text-indent:-200px;
}
a.home_page:hover {
	background:url(../images/home_hov.jpg) no-repeat right top;
}
#home a.home_page, #home a.home_page:hover {
	background:url(../images/home_on.jpg) no-repeat left top;
}

a.browse_page {
	background:url(../images/browse_off.jpg) no-repeat right top;
	overflow:hidden;
	text-indent:-200px;
}
a.browse_page:hover {
	background:url(../images/browse_hov.jpg) no-repeat right top;
}
#browse a.browse_page, #browse a.browse_page:hover {
	background:url(../images/browse_on.jpg) no-repeat left top;
}

a.aboutus_page {
	background:url(../images/aboutus_off.jpg) no-repeat  top;
	overflow:hidden;
	text-indent:-200px;
}
a.aboutus_page:hover {
	background:url(../images/aboutus_hov.jpg) no-repeat right top;
}
#aboutus a.aboutus_page, #aboutus a.aboutus_page:hover {
	background:url(../images/aboutus_on.jpg) no-repeat left top;
}

a.events_page {
	background:url(../images/events_off.jpg) no-repeat  top;
	overflow:hidden;
	text-indent:-200px;
}
a.events_page:hover {
	background:url(../images/events_hov.jpg) no-repeat right top;
}
#events a.events_page, #events a.events_page:hover {
	background:url(../images/events_on.jpg) no-repeat left top;
}
#account_purchase {

}

#tabs li.search {
position:absolute;
right:0;
top:58px;
}

#tabs li.search a {
width:231px;
margin-right:30px;
}

a.search_page {
            background:url(../images/searchoff.jpg) no-repeat  top;
            overflow:hidden;
            text-indent:-300px;
}

a.search_page:hover {
	background:url(../images/searchhov.jpg) no-repeat right top;
}

#search a.search_page, #search a.search_page:hover {
            background:url(../images/searchoff.jpg) no-repeat left top;
}

#search2 {
	position:absolute;
	left:415px;
	top:56px;
	width:37px;
	height:34px;
	/*background:url(../images/cart_01.jpg)*/
}

/***************** SUB-MENU ****************/

/*#image {
	width:560px;
	height:180px;
	position:relative;
	top:15px;
	left:150px;
	background:url(jg/image2.jpg) no-repeat 23px bottom;
	margin:0;
	padding:0 20px;
}*/

#submenu {
	position:absolute;
	top:170px;
	left:0px;
	margin:0;
	padding: 0 20px;
}

#submenu ul {
	margin:0; 
	padding:0px 0px 0px 150px; /*Different for FF and IE*/
	list-style-type:none; 
	/*background:url(../images/top_HeaderLft3.jpg) no-repeat 0px 0px;*/
	
}

#submenu li {
	float:left; 
	margin:7px;
	padding:0;
}

#welcome {
	position:absolute;
	top:-50px;
	left:10px;
	margin:0;
	padding: 0 0;
}

#bookclub {
	position:absolute;
	top:31px;
	left:411px;
	margin:0;
	padding: 0 0px;
}