/* CSS Document */
#bookmark {
float:left;

padding-top:20px;
padding-left:5px;
}
#bookmark a{
text-decoration:none;
}
input.search-go { /*search icon */
float:left;
border:0;
margin:0;
padding:0;
margin-left: 0px;
height: 21px;
width: 21px;
background: url(images/search-icon.png) no-repeat top left;
cursor: pointer;
}

table.s_bg
{
background:url(images/search-box.gif) 0 0 no-repeat;
}

body{
	padding:5px 0px 0px 10px;
	margin:0;
	background-color:#EFEFDF;
	color:#000;
}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/
#header{

	background:url(images/header6.gif) 0 0 no-repeat;
	width:985px;
	height:164px;
	position:relative;
	margin:0 auto;
	
}

/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body{
	width:958px;
	padding:0px 0px 0px 0px;
	margin:0 auto;
}
/*------------------------------------------------left--------------------*/
#left{
	width:160px;
	float:left;
	padding-right:3px;
}
#left1{
	width:160px;
	height:200px;
	background:url(images/lft_box_bg.gif) 0 0 no-repeat #EAEADA;
	border:#DDDDCA solid 7px;
	margin:0 0 2px 0;
	padding:5px 10px 6px 9px;
	color:#878767;
}
#left2{
	width:160px;
	height:200px;
	background:url(images/lft_box_bg.gif) 0 0 no-repeat #EAEADA;
	border:#DDDDCA solid 7px;
	margin:0 0 2px 0;
	padding:5px 10px 6px 9px;
	color:#878767;
}
#left3{
	width:160px;
	height:200px;
	background:url(images/lft_box_bg.gif) 0 0 no-repeat #EAEADA;
	border:#DDDDCA solid 7px;
	margin:0 0 2px 0;
	padding:5px 10px 10px 9px;
	color:#878767;
}

<!-------------------------style for left blue menu-------------------------->
.glossymenu{
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 160px;
border: 0px solid #9A9A9A;
border-bottom-width: 0;
text-align:center;
}

.glossymenu li a{
background: white url(images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: 160px;
padding: 3px 0;
padding-left: 0px;
text-decoration: none;
height:25px;
list-style-type:none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(images/glossyback2.gif);
}











<!-------------------------style for left ends-------------------------->
<!-------------------------style for right-------------------------->
#eright{
	width:150px;
	float:left;
	padding-left:5px;
	
	
	vertical-align:top
}
#eright1{
	width:150px;
	height:205px;
	background:url(images/lft_box_bg.gif) 0 0 no-repeat #EAEADA;
	border:#DDDDCA solid 7px;
	margin:0 0 2px 0;
	padding:5px 4px 6px 5px;
	color:#878767;
}
#eright2{
	width:150px;
	height:205px;
	background:url(images/lft_box_bg.gif) 0 0 no-repeat #EAEADA;
	border:#DDDDCA solid 7px;
	margin:0 0 2px 0;
	padding:0px 0px 0px 9px;
	color:#878767;
}
#eright3{
	width:150px;
	height:205px;
	background:url(images/lft_box_bg.gif) 0 0 no-repeat #EAEADA;
	border:#DDDDCA solid 7px;
	margin:0 0 2px 0;
	padding:5px 0px 6px 9px;
	color:#878767;
}
/*------------------------------------------------css for books marquee--------------------*/
#marqueecontainer{
position: relative;
width: 130px; /*marquee width */
height: 140px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid orange;
padding: 2px;
padding-left: 4px;

}

/*------------------------------------------------css for red buttons--------------------*/
a.boldbuttons{
background: transparent url('images/roundedge-red-left.gif') no-repeat top left;
display: block;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 25px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color:#000000; /*button text color*/
}

a.boldbuttons span{
background: transparent url('images/roundedge-red-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration:none;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/*------------------------------------------------css for right top menu--------------------*/
.markermenu{
width: 150px;
 /*width of menu*/
}

.markermenu ul{
list-style-type: none;
margin: 0px 0;
padding: 0;
border: 1px solid #9A9A9A;
}

.markermenu ul li a{
background: #488AC7 url(media/arrow-list.gif) no-repeat 2px center;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#000000;
text-align:center;

display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;

}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 130px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color:#000000;
}

.markermenu ul li a:hover{
color: black;
background-color:#5CB3FF;
background-image:url(media/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */

/*------------------------------------------------book scroller--------------------*/
#pscroller1{


width: 135px;
height: 165px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}



.someclass{ //class to apply to your scroller(s) if desired
}






/*------------------------------------------------right ends--------------------*/

/*------------------------------------------------center--------------------*/
#right{ vertical-align:top;
	width:600px;
	height:680px;
	float:left;
	background:url(images/right_panel_bg.gif) 0 0 repeat-y;
	
	
}
#right p.rightTop{
	display:block;
	background:url(images/right_top.gif) 0 0 no-repeat;
	width:600px;
	height:26px;
}
#right h2{
	font:bold 30px/22px Arial, Helvetica, sans-serif;
	color:#222222;
	background-color:inherit;
	margin:0 0 16px 0;
	padding:0 0 0 38px;
	display:block;
}
#right p{
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#62625C;
	background-color:inherit;
	padding:0 25px 10px 38px;
}
#right p.rightTxt1 span{
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color:#5F860B;
	background-color:inherit;
	height:150px;
}
#right p.rightTxt2{
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#62625C;
	background-color:inherit;
	padding:0 0 20px 38px;
	float:left;
	width:349px;
	margin:0 27px 0 0;
}
#right p.rightTxt2 span{
	font:bold 17px/18px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	border-bottom:#BCBCB5 dashed 1px;
	width:340px;
	display:block;
	margin:0 0 15px 0;
}
#right p.rightPic{
	display:block;
	background:url(images/right_panel_pic.gif) 0 0 no-repeat;
	width:166px;
	height:155px;
	float:left;
	margin:0 0 0px 0;
}
#right p.rightBottom{
	display:block;
	background:url(images/right_bottom.gif) 0 0 no-repeat;
	width:508px;
	height:20px;
	float:left;
}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------bodyBottom--------------------*/
#bodyBottom{
	width:954px;
	background:url(images/body_bottom_bg.gif) 0 0 repeat-x #B9B99D;
	color:#fff;
	padding:22px 13px 19px 18px;
	margin:0 auto;
}
#news{
	width:225px;
	float:left;
	margin:0 28px 0 0;
}
#news h2{
	display:block;
	background:url(images/arrow_red.gif) 0 0 no-repeat #B9B99D;
	padding:0 0 0 25px;
	font:bold 22px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:0 0 17px 0;
}
#news h3{
	display:block;
	background:url(images/date_bg.gif) 0 0 no-repeat;
	width:290px;
	height:17px;
	padding:0 0 0 7px;
	margin:0 0 10px 0;
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#974D04;
	background-color:inherit;
	text-transform:uppercase;
}
#news p{
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#F7F7EA;
	background-color:inherit;
	padding:0 0 13px 0;
}
#news p span{
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#2C2C1B;
	background-color:inherit;
	text-decoration:underline;
	display:block;
}
#service{
	width:215px;
	float:right;
	padding-top:20px;
	
}
#service h2{
	display:block;
	background:url(images/arrow_red.gif) 0 0 no-repeat;
	padding:0 0 0 24px;
	font:bold 22px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:0 0 17px 0;
}
#service h3{
	display:block;
	background:url(images/date_bg.gif) 0 0 no-repeat;
	width:241px;
	height:17px;
	padding:0 0 0 11px;
	margin:0 0 14px 0;
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#974D04;
	background-color:inherit;
	text-transform:uppercase;
}
#service ul{
	padding:0;
	margin:0;
	display:block;
}
#service ul li{
	display:block;
	height:20px;
	line-height:0;
}
#service ul li a{
	display:block;
	background:url(images/arrow_white.gif) 0 7px no-repeat;
	padding:0 0 0 10px;
	font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#47472D;
	background-color:inherit;
	text-decoration:underline;
	height:20px;
}
#service ul li a:hover{
	color:#974D04;
	background:url(images/arrow_white_hover.gif) 0 7px no-repeat #DDDDCB;
	text-decoration:none;
}

#service1{
	width:210px;
	float:left;
	padding-right:15px;
	padding-top:20px;
	height:200px;
}
#service2{
	width:180px;
	height:200px;
	float:right;
	padding-right:15px;
	padding-top:20px;
}

#member{
	width:130px;
	float:left;
}
#member h2{
	display:block;
	background:url(images/member_login_bg.gif) 0 0 no-repeat;
	width:120px;
	height:30px;
	padding:0 0 0 20px;
	font:bold 16px/31px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
/*------------------------------------------------bodyBottom--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
	width:977px;
	height:75px;
	margin:0 auto;
	background:url(images/footer_bg.gif) 0 0 repeat-x #323232;
	color:#fff;
	position:relative;
}
#footer ul{
	width:787px;
	position:absolute;
	left:33px;
	top:17px;
}
#footer ul li{
	float:left;
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	list-style-type: none; 
}
#footer ul li a{
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	padding:0 15px;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#D4D4C6;
	background-color:#D76E08;
}
#footer p.copyright{
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:49px;
}
#footer a.subscribe{
	background:url(images/subscribe_icon.gif) 0 2px no-repeat;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	color:#B9B99D;
	background-color:inherit;
	position:absolute;
	left:871px;
	top:14px;
	text-decoration:underline;
	width:50px;
	padding:0 0 0 18px;
}
#footer a.subscribe:hover{
	color:#9CCC37;
	background-color:inherit;
	text-decoration:none;
}


#footer img{
	position:absolute;
	left:880px;
	top:51px;
	width:84px;
	height:26px;
}
#footer p.design{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#C5BE25;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:85px;
}
#footer p.design a{
	color:#FFFFFF; background-color:inherit; text-decoration:none;
	}
#footer p.design a:hover{
	color:#C5BE25; background-color:inherit;
	}
	
	
	a.squarebutton{
background: transparent url('images/square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 16px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
width:170px;
text-align:center;

}
			a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('images/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;

}
p{
font:Arial, Helvetica, sans-serif;
color:#000000;
}


/*------------------------------------------------footer--------------------*/