@charset "UTF-8";



/* Clear Marketing CSS Document */


/* General Styles */

body	{
	background-image: url(../img/bg/7.jpg);
	}



.hoverBtn div {
	background:	white url(../img/navhover_purple.gif) repeat 0 0 scroll;
	overflow: hidden;
	text-indent: 4px;
}

li a.selected	{
	background: url(../img/navhover_purple.gif) repeat;
	color: #e6a8e4;
}


#content.nopad	{
	background-color: #EBE8E8;
	color: #7b7773;
	}

#rightcol	{
	width: 752px;
	overflow: auto;
	height: 432px;
	}

h2	{
	color: #92278f;
	font-size: 2em;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	letter-spacing: -0.07em;
	padding-top: 3px;
	}

h3	{
	font-size: 1.4em;
	padding-bottom: 5px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #666;
	letter-spacing: 0.07em;
	}
	
#rightcol img	{
	float: left;
	margin: 0 20px 0 0;
	border: 2px solid #d9d9d9;
	}

#content p	{
	line-height: 1.5em;
	}

hr	{
	display: block;
	height: 2px;
	color: #D9D9D9;
	background-color: #D9D9D9;
	margin: 5px 0 15px;
	border:none;
	clear: both;
	}

#newsitem	{
	float: left;
	width: 550px;
	}
	
	
/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */

.scroll-pane {
	overflow: auto;
	float: left;
}


/* scrollpane Styles */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #92278f;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}