@charset "UTF-8";
/* CSS Document */


div#mid_top a, div#mid_top a:visited
	{
		color:#522c7d;
		text-decoration:none;
	}

div#mid_top h2
{
	color:#522c7d;
	font-size:1.7em;
	margin-bottom:15px;
}	

div#mid_top h3
{
	color:#522c7d;
	font-size:1.1em;
}

div#mid_top p
{
	padding-bottom:10px;

}

	
	div#mid_top .left
	{
		margin:30px 40px 0px 0;
		float:left;
		width:210px;
		height:364px;
		overflow:hidden;

	}
	
	div#mid_top #left
	{
		margin:30px 0px 0px 0;
		float:left;
		width:250px;
		height:364px;
		overflow:hidden;

	}
	
			/****************** Scrollbar & content css ********************/						
	
			div#scroll
			{
				width:210px;
				height:308px;
				overflow:hidden;
				float:left;
				
				
				
			}
	
			#scrollbar1 
			{
				float:left;	
				position:relative;
				margin-right:5px;
				margin-left:20px;
			}
			
			
			.scrollbar-vert{
				background-color: #eaeaea;
				height: 313px;
				width: 10px;
				float:left;
				margin-top:-5px;
			}
			.handle-vert{
				height: 20px;
				width: 10px;
				
				background:#472f91 url(../images/layout/handle.gif) no-repeat;
				
			}
	
			/****************** /Scrollbar & content css ********************/	
	
		div#mid_top #left a, div#mid_top .left a
		{
	
		}
		
		div#mid_top .left ul
		{
			padding-bottom:15px;	
		}

	div#mid_top .right 
	{
		width:566px;
		overflow:hidden;
		margin:0px 0 0 0;
		position: relative;
	}
	
	/******************************************************************************************************************* CSS FOR CODA SLIDER *********************/

		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 566px; overflow:hidden; height:374px; overflow: scroll;}

		
		.panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			width: 100%;
			overflow:hidden;
			height:374px;
		}
		
		.panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			position: relative;
			width: 283px; /* Also specified in  .stripViewer  above */
		}
		
		.stripNav{
			display:none;
		}
		
	
		#stripNavR0 a, #stripNavL0 a
		{

			position: absolute;
			text-indent:-999em;
			top:2px;

			width:33px;
			height:33px;
			margin:0px 0 0 2px;
			padding:0px;

		}
		
		
		
		
		#stripNavR0 a {z-index:10000; margin-left:531px; background:url(../images/layout/btn_next.png) no-repeat;}
		#stripNavR0 a:hover {background:url(../images/layout/btn_next_on.png) no-repeat;}
		#stripNavL0 a {z-index:10001; background:url(../images/layout/btn_prev.png) no-repeat;}
		#stripNavL0 a:hover {background:url(../images/layout/btn_prev_on.png) no-repeat;}
		
		#no_nav #stripNavR0, #no_nav  #stripNavL0
		{
			display: none;
		}
		
		/******************************************************************************************************************* CSS FOR CODA SLIDER *********************/
	
	/*div#mid_top .right img 
		{
			float:right;
			padding:0 0 0px 20px;
		}*/
		
		div#mid_top .right .content
		{
			float:left;
            width:381px;
		}
	
	
		div#mid_top .right img 
		{
			float:right;
			padding:0 0 0px 20px;
		}
		div#mid_top .right p
		{
			
		}
		
		div#mid_top .right .item
		{
			background-color:#CCC;
		}
		
		div#mid_top .right .item img
		{
			padding:0px;
			
			
		}
		
			div#mid_top .right  div.text
			{
				
			}
			
			div#mid_top .right  div.text a
			{
				text-transform: uppercase;	
				color:#989797;
				text-decoration:none;
				position:absolute;
				z-index:100;
				text-align:right;
				font-size:0.8em;
				width:268px;
				background:#fff;
				margin:327px 0 0 0;
				padding-right: 15px;
			}
			div#mid_top .right div.text a.back{
				width: 551px !important;
			}
			
			
			div#mid_top .right  div.text a:hover {color:#fff; background-color:#472f91; width:268px;}
h2.cs {margin-top:30px;}