/* CSS Crafts Section */
h2.title{
	font-family:Verdana, Arial, san-serif;
	font-size:2em;
	color:#00502e;
	text-align:right;
	margin:0;
	margin-right:50px;
	/*text-transform:uppercase*/
}

/* rounded corner code */
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:1.3em;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;text-align:left;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.2em;}
#xsnazzy {background: transparent;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#069;}
.xb1 {margin:0 5px;}
.xb2 {margin:0 3px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#069;}

*html #scrollPane_wrapper {width:300px;}

#scrollPane_wrapper {
	background-color:transparent;
	width:300px; /*300*/
	display:block;
	float:right;
	margin-right:3px;	
}

#scrollPane {
	height:210px;/*230*/
	overflow:auto;
	/*effect the scrollbar in IE*/
	scrollbar-3dlight-color:#0083A1;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-base-color:aqua;
	scrollbar-darkshadow-color:#0083A1;
	scrollbar-face-color:#01BAEE;
	scrollbar-highlight-color:#0083A1;
	scrollbar-shadow-color:#0083A1; 
	border-bottom:1px solid #339;
}

#scrollPane .box {	
	border:1px solid #069; 
	background-color:#069; 
}
#scrollPane a, #scrollPane a:visited {
	text-decoration:none;
	background-color:#9cf;
	color:#069; 
	display:block; 
	width:100%; 
	padding:0px;
}
#scrollPane a:hover {background-color:#09f; color:#ffffff;}
* html #scrollPane a, * html #scrollPane a:visited {width:100%; w\idth:100%;}

#scrollPane .link{padding-left:5px; padding-right:5px;}

#scrollPane span.title{font-size:1.1em; font-weight:bold;}
#scrollPane span.description{font-size:.9em; font-weight:bold;}



.search_result{
	margin-right:50px;
	font-size:14px;
	text-align:right;
	color:#990000;
}

a.search_result{
	text-decoration:underline;
}


/* image box style ***************************/

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0; /* center for now */
	width: 570px; /* ems so it will grow */
	background: url(../media/boxes/blue_square_left/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../media/boxes/blue_square_left/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: #CCCCCC url(../media/boxes/blue_square_left/sbhead-l.gif) no-repeat top left;
	background: url(../media/boxes/blue_square_left/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding-top:15px;
	color: white;
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
	text-align:center; 
	padding-right:0px;
	padding-left:220px;
}
.boxbody {
	background: url(../media/boxes/blue_square_left/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 15px 15px; /* the L / R side images are 20 px wide */
	color:#FFFFFF;
	height:270px;
	text-align:left;
}

.boxbody .search_button{margin:3px 0 0 45px;}

.boxbody .im_wrap{
	margin-top:-13px; margin-right:0px; margin-left:-5px;
	padding-top:15px;
	float:left;	
	width:231px;
	height:280px;
	background:url(../media/sresult_img_bg.gif) no-repeat;
	text-align:center;
}
*html .boxbody .im_wrap{margin-left:0px;}

.sidebox2 {
	margin: 0; /* center for now */
	width: 570px; /* ems so it will grow */
	background: url(../media/boxes/blue_border/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead2 {
	background: url(../media/boxes/blue_border/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead2 h2 {
	background: #CCCCCC url(../media/boxes/blue_border/sbhead-l.gif) no-repeat top left;
	background: url(../media/boxes/blue_border/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 20px 0px 5px;
	color: white;
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
	text-align:right; 
	margin-right:110px;
}
.boxbody2 {
	background: url(../media/boxes/blue_border/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 15px 15px; /* the L / R side images are 20 px wide */
	color:#FFFFFF;
	height:300px;
	text-align:left;
}