﻿.wrapper 
{ 	
	background-image:url(images/bkg_sliver_comm.gif);	
}
.wide_column
{
    background-image:url(images/bkg_sliver_comm_wide.gif);	
}
h1, h2, h3, h4, h5
{
    color: #4ca4c8;
}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited
{
    color: #4ca4c8;
    text-decoration: underline;
}

a:link h1, a:link h2, a:link h3, a:link h4, a:link h5, a:visited h1, a:visited h2, a:visited h3, a:visited h4, a:visited h5
{
    color: #4ca4c8;
    text-decoration: underline;
}

ul.SubMenu_Root li
{
    color: #4ca4c8;
}
ul.SubMenu_Root li.SubMenu
{
    color: #4ca4c8;
}
ul.SubMenu_Root a:link, ul.SubMenu_Root a:visited, ul.SubMenu_Root a:active 
{
    color: #4ca4c8;
}
li.SubCurrent a:link, li.SubCurrent a:visited, li.SubCurrent a:active
{
    color: #4ca4c8;
} 


/*Events Calendar*/
.event_details
{
    width: 575px;
    display: block;
    margin-bottom: 10px;
}
table.events_cal
{
    background-color: #b7d7e2;
    width: 560px;
    border: 1px solid #4ca4c8;
    border-collapse: collapse;    
}
table.events_cal td
{
    border: 1px solid #4ca4c8;
    height: 80px;
    vertical-align: top;
    text-align: left;
    padding: 2px;
}
table.events_cal td div.scroll-pane
{     
	height: 70px;
}
/*nested table for events cal header*/
table.events_cal td table.events_cal
{
   background-color: #5d6266;
   border: 0;   
   border-collapse: collapse; 
}
table.events_cal td table.events_cal td
{
   color: #ffffff;
   font-weight: bold; 
   border: 0;
   padding-left: 20px;
   padding-right: 20px; 
   height: 25px;
   vertical-align: middle;
   text-align: center;
}
table.events_cal td table.events_cal td a:link, table.events_cal td table.events_cal td a:visited
{
   color: #ffffff;
   font-weight: bold;
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	/*background: #aaa;
	background: #b7d7e2;*/
	background: #98CEE4;
}
.jScrollPaneDrag {
	position: absolute;
	/*background: #666;
	background: #4ca4c8;*/
	background: #78afcd;
	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;*/
}

a.jScrollArrowUp {
	background: url(/GreenPowerOregon/Images/page_layout/basic_arrow_up_blue.gif) no-repeat 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(/GreenPowerOregon/Images/page_layout/basic_arrow_down_blue.gif) no-repeat 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.scroll-pane 
{
    height: 70px;
    margin: 0px;
    padding: 0px;
}