/***************************************************
   HTML Element Styles
 ***************************************************/

body {
	margin: 0px;
	text-align: center;
	font-family: verdana, arial, sans-serif;
	font-size: 0.8em;
	color: #003300;
	background: #304F1C url(images/BG_strip.gif) repeat-y top center;
}

h1 {
	clear: both;
	padding: 5px 0 12px 10px;
	margin: 0;  
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -1.5px;
}

#text h1 {
/*	background: url(images/h1_bg.jpg) no-repeat bottom center;
*/
	color: white;
}


h2 {
	clear: both;
	padding: 0 0 0 5px;
	margin: 0 0 -10px 0;  
	font-size: 1.0em;
	font-weight: normal;
	text-transform: uppercase;
	color: #56B600;
}

p {
	line-height: 20px;
	padding: 8px 0 8px 5px;
	margin: 5px 0 5px 0;
}

p:first-letter {
	font-size: 1.2em;
}

#news p {
	padding: 8px;
}

a {
	color: white;
}

a:hover {
	color: white;
	background-color: #b7753f;
}

#news   a:hover,
#footer a:hover {
	background-color: #D9935A;
}

ul, ol {  
	padding-bottom: 8px;
	line-height: 20px;
}

ul {
	list-style-image: url(images/li_bullet.gif);
}

acronym {
	border-bottom: 1px solid #BBB;
	cursor: help;
}




/***************************************************
   Site Layout Container:
   -------------------------------------------
   adjust width attribute if you would like to
   make the site wider, but make sure to also
   adjust either #news or #text widths as well.
 ***************************************************/

#siteBox, #padma, #downloads {
	width: 770px;
	margin: 0px auto;
	text-align: left;
}

#padma #text, 
#downloads #text 
	{
	background: none;
	width: 700px;
	padding: 30px 35px 0 35px;
	z-index: 50;

}


/***************************************************
   Header Styles
   --------------------------------------------
   Change main header image with #header
   background attribute.
   
   there are over-riding styles in the bb.styles file for the babylon bookshop
   
 ***************************************************/


#header {
	height: 196px;
	background: url(images/lotus_header.jpg) no-repeat top center;
}

#padma #header {
	background: url(images/padma_header.jpg) no-repeat top center;
}

#downloads #header {
	background: url(images/downloads_header.jpg) no-repeat top center;
}

#header .title {
	  display:none;
	  padding: 10px 0 0 45px;
	  font-size: 2.5em;
	  line-height: 0.9em;
	  letter-spacing: -1.5px;
	  color: #EEE;
}


/***************************************************
   Top Tabbed Menu Styles
 ***************************************************/

#menu {
	display:none;
	text-align: right;
	margin-bottom: 20px;
}

#menu a {
	padding: 6px 10px 0 10px;
	text-decoration: none;
	text-transform: uppercase;
	color: #666;
}

#menu a:hover, #menu a.active {
	background: url(images/menu_tab.gif) no-repeat top center;
}





/***************************************************
   Padmacahaya Top Navigation
   -------------------------------------------

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

#topnav_wrapper {
	position: relative;
	left:	35px;
	width: 700px;
	height: 43px;
	background: #E3AF85;
	color: white;
}

#topnav {
	background: url(images/padma_topnav.jpg) no-repeat top left;
	height: 72px;
	
}

#toplinks {
	position: relative;
	left:	245px;
	width:	435px;
	text-align: 	right;
	line-height:	20px;
}

#toplinks a	{text-decoration: none;}
#toplinks a:hover{
	text-decoration: underline;
	background: none;
}
	
/***************************************************
   Left News Column
   -------------------------------------------
   1. Change to right side column by altering
      #news float attribute
   2. If you widen the #siteBox, also increase
      #news or #text width attribute
	  
 ***************************************************/


.block {
/*	switching:	block none	*/
	display: block;
}

#news {	
	float: left;
	width: 190px;
	padding: 0 0 0 35px;
 }

#news .block {
	margin-bottom: 20px;
	background: #E3AF85 url(images/lotus_nav.jpg) no-repeat top center;
}

#news .block .bottom {
	height: 20px;
	background: #E3AF85 url(images/nav_foot.gif) no-repeat bottom center;
}

#news .links {
	margin: 10px 0 10px 0;
}

#news .links a {
	display: block;
	padding: 6px 0 6px 20px;
	text-transform: uppercase;
	text-decoration: none;  
}

#news .links a:hover {
	background: #E3AF85 url(images/nav_RO.gif) no-repeat center left;
}

#news a img {
	border: 0px;
}

#news form {
	text-align:center;
}

.email_input {
	text-align:center;
	width:170px;
}

.email_submit {
	text-align:center;
	width:175px;
}



/***************************************************
   Right Content Column
   -------------------------------------------
   1. Change to left side column by altering
      #text float attribute
   2. If you widen the #siteBox, also increase
      #news or #text width attribute
 ***************************************************/

#text {
	float: left;
	width: 460px;
	padding: 0 30px 0 50px;
	background: url(images/lotus_petal.jpg) no-repeat top left;
}



/***************************************************
   Footer Styles
  background: #660099;
 ***************************************************/

#footer {
	height: 100px;
	padding: 28px 3px 0 5px;
	margin: 20px 0 20px 0;
	background: url(images/footer.gif) no-repeat top left;
}

p#footer:first-letter {
	font-size: 1.0em;
}

#footer img.right {
	padding: 5px 2px 0 2px;
	border: 0px;
}



/***************************************************
   Large <ul> Link Styles
   --------------------------------------------
   Creates the large links blocks that can be
   used in the #text section
 ***************************************************/


ul.links {
	float: left;
	padding: 0px;
	margin: 0px;
}

ul.links li {
	float: left;
	list-style-type: none;
	list-style: none;
}

ul.links li a {
	float: left;
	width: 370px;
	padding-top: 5px;
	margin: 0px;  
	cursor: pointer;
	text-decoration: none;
}

ul.links li a:hover {
	background: #b7753f url(images/link_top.gif) no-repeat top center;
}

ul.links li a span.title {
	display: block;
	margin-left: 11px;
	text-indent: 20px;  
	background: url(images/link_arrow.gif) no-repeat center left;
}

ul.links li a span.desc {
	float: left;
	width: 350px;
	padding-right: 3px;
	margin-left: 10px;
	color: #666
}

ul.links li a span.bottom {
	display: block;
	height: 18px;
	clear: both;
}

ul.links li a:hover span.bottom {
	background: #EEE url(images/link_bottom.gif) no-repeat top center;
}




/***************************************************
   Display Classes
 ***************************************************/

.date {
	display: block;
	text-transform: uppercase;
	color: #56B600;
}

p.quote {
	float: left;
	padding: 8px 0 0 8px;
	margin: 5px 0 20px 5px !important;
	margin: 5px 0 10px 3px;
	background: #FEFADE url(images/quote_top.gif) no-repeat top right;
	border-left: 2px solid #FEE456;
}

p.quote span.bottom {
	float: right;
	width: 20px;
	background: url(images/quote_bottom.gif) no-repeat bottom right;
}

img.right {
	float: right;
	padding: 3px;
}

img.left {
	float: left;
	padding: 3px;
}

.grey {
	color: #AAA;
}