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

#sidebar .sidebar-hover-trigger
			{
				position: fixed;
				width: 60px;
				height: 100%;
				z-index: 9999;   font-family:  Myriad Web Pro;
_font-family:Myriad Web Pro;
			}
			
			/* initial state */
			#sidebar .sidebar
			{ font-family:  Myriad Web Pro;
_font-family:Myriad Web Pro;
				margin-left: -320px;
				z-index: 9999;
			}
			
			
			#sidebar .sidebar
			{
				position: fixed;
				height: 100%;
				top: 100px;
				left: 0px;
				width: 250px;
                                background: url(sidebarbgcontent.png);
background-repeat:no-repeat;
background-position:center; 
				background-color: #e9e9e9;
				overflow-y: scroll;
				z-index: 9999;
				border-right: 1px solid #858585;
  border-top-right-radius: 10px;  border-bottom-right-radius: 10px;  
			}
			
			#sidebar .sidebar-header
			{
				padding: 0 9px 0 10px;
				line-height: 22px;
				color: #DDD;
				font-weight: bold;
				background: #282828;
				border-bottom: 1px solid black;
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
				text-transform: uppercase;
				font-size: 11px;
				text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
				margin-top: 25px;
			}
			
			#sidebar .sidebar-header:first-of-type
			{
				margin-top: 0;
			}
			
			#sidebar .sidebar-logo
			{
				margin-left: auto;
				margin-right: auto;
				width: 167px;
				height: 50px;
				display: block;
				border-bottom: 1px solid black;
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
			}

			
			#sidebar .sidebar-item
			{       margin-top:0px;
				height: 45px;
				line-height: 45px;
				display: block;
				padding-left: 10px;
				border-bottom: 1px solid black;
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
				background: url(sidebarbg.png);
				color: #fdfdfd;
				font-weight: bold;
				font-size:14pt;
				text-decoration: none;
			}
			#sidebar .sidebar-text
			{
				
				font-size:10pt;
				display: block;
				
				padding-top: 10px;
				padding-bottom: 10px;
				padding-left: 10px;
				padding-right: 10px;
				color: #424242;
				
				
				text-decoration: none;
			}

			
			
			#sidebar .sidebar-about
			{
				color: #AAA;
				font-weight: bold;
				text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
				-moz-text-shadow: 0 1px 0 rgba(0,0,0,0.5);
				-webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.5);
				padding-left: 25px;
				padding-right: 10px;
			}			
			
			#sidebar .sidebar-about u
			{
				margin-right: -10px;
				margin-left: -25px;
				text-decoration: none;
				display: block;
				padding: 0 9px 0 10px;
				line-height: 22px;
				color: #DDD;
				font-weight: bold;
				background: #282828;
				border-bottom: 1px solid black;
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
				text-transform: uppercase;
				font-size: 11px;
				text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
				margin-top: 25px;
			}
			
			#sidebar .sidebar-item-label
			{
				width: 70px;
			}
			
			#sidebar .sidebar-tab
			{
				display: none;
				
				position: fixed;
				top: 21px;
				left: -10px;
				background-color: white;
				padding: 5px;
				border: 1px solid gray;
				text-transform: uppercase;
				
				-moz-transform: rotate(90deg);
				-o-transform: rotate(90deg);
				-webkit-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				transform: rotate(90deg);
			}
			
			#sidebar .sidebar-subscribe-link
			{
				background-repeat: no-repeat;
				background-position: center;
			}
			
			#sidebar .sidebar-subscribe-link:hover
			{
			}
			
			#sidebar .sidebar-subscribe-link:active
			{
			}
			
			#sidebar .sidebar-paypal-button
			{
				background-repeat: no-repeat;
				background-position: center;
				height: 65px;
			}
						
			#sidebar .sidebar-feed
			{
				display: none;
				width: 280px;
				margin-left: 20px;
				margin-bottom: 20px;
				margin-top: 10px;
			}
			
			#sidebar .fblikebutton
			{
				display: inline-block;
				vertical-align: middle;
				margin-left: 20px;
				width: 150px;
			}
			
			#sidebar .twitter-follow-button
			{
				margin-left: 20px;
				vertical-align: middle;
			}
			
			#sidebar .sidebar-item.collapsible
			{
				background-position: 260px;
				background-repeat: no-repeat;
			}			
			
			#sidebar .sidebar-item.collapsible:hover
			{
			}
			
			#sidebar .sidebar-item.collapse
			{
			}
			
			#sidebar .sidebar-item.collapse:hover
			{
			}
			#sidebar .sidebar-facebook
			{
				background-color: #3C4C60;
			}
			
			#sidebar .sidebar-facebook:hover
			{
				background-color: #5D7593;
			}
			#sidebar .sidebar-header span
			{
				font-weight: normal;
				font-size: 10px;
				text-transform: none;
				float: right;
				text-align: right;
			}
			
			#sidebar .sidebar-item.external-link:hover
			{
				background-position: 260px;
				background-repeat: no-repeat;
			}
			
			#sidebar .sidebar-menu-tab
			{
				position: absolute;
				z-index: 8;
				height: 60px;
				width: 35px;
				background-color: #1E1E1E;
				background-position: center;
				border: 1px solid black;
				border-top: none;
				border-left: none;
				border-bottom-right-radius: 10px;
				background-repeat: no-repeat;
				background-size: 80%;
				box-shadow: inset -1px -1px 0 rgba(255, 255, 255, 0.25);
			}
			
			.jspDrag
			{
				border-radius: 3px;
			}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 6px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	position: relative;
}

.jspDrag
{
	background: gray;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}