/* CSS Document */

div#banner-container {
	background-color:#FFFFFF;
	height:180px;
}

div#banner-upper {
	width:735px;
	height:131px;
	background-image:url(../images/180-banner.jpg);
	background-repeat:no-repeat;
}
div#banner-lower {
	background-color:#ffffff;
	height:29px;
}

#banner-lower a {
	float:left;
	display:block;
	padding:15px 20px 3px 20px;
	color:#656565;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	background-color:#FFFFFF;
	text-transform:uppercase;
	border-bottom:7px solid #ffe84c;
}
#banner-lower a:hover {
	color:#656565;
	border-bottom:7px solid #656565;
}
#banner-lower a.active {
	background-color:#ffffff;
	border-bottom:7px solid #656565;
}

div#content-container {
	float:left;
	height:auto;
	width:735px;
	background-color:#ffffff;
}

div#home-right {
	float:right;
	padding:25px 25px 0px 0px;
	font-size:12px;
	color:#8c844d;
}

div#home-right a {
	color:#4e4e4e;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;	
}
div#home-right a:hover {
	text-decoration: underline;
}

div#home-left {
	float:left;
	padding:25px 0px 0px 25px;
	font-size:12px;
	color:#8c844d;
	width:400px;
}
div#content-left-view {
	float:left;
	width:535px;
	background-image:url(../images/cwm-content-background.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#FFFFFF;
	border-right:1px solid #cacbcd;
	margin:20px;
}
#content-left-view a {
	color: #444;
	font-weight:bold;
	text-decoration;underline;
	
}
div#home-text-area {
	padding:30px 20px 20px 30px;
	height:425px;
}

div#content-scroll {
	clear:both;
	float:none;
	overflow:auto;
	height:500px;
	padding-right:10px;
	margin-right:20px;
}	
#content-right .nav-title {
	color:#ae9000;
	font-size:12px;
	font-weight:bold;
	margin-bottom:25px;
}
#content-right .nav-row {
	margin-bottom:10px;
}
#content-right a.nav-link {
	color:#444;
	font-size:12px;
	text-decoration:none;
	margin-bottom:10px;
}
#content-right a.nav-link:hover {
	text-decoration:underline;
}
#content-right {
	float:left;
	margin:20px 25px 10px 5px;
}

.nav-headline {
	margin:14px 10px 10px 10px;
	padding-left:12px;
}

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

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-color: #e0e0e0;
	margin-left:10px;
}
.jScrollPaneDrag {
	position: absolute;
	background: #d0d0d0;
	cursor: n-resize;
	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;	
	height: 19px;
	background: url(../images/scrollbar-up.gif) no-repeat center top;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 19px;
	width: 9px;
	background: url(../images/scrollbar-down.gif) no-repeat center bottom;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.jScrollPaneContainer:active {
	outline: none;
	-moz-outline-style: none;
}

.jScrollPaneContainer:focus {
	-moz-outline-style: none;
	outline: none;
}