/*

	These rules apply only to the 'faq' page
	Most of the other rules inherited by 'faq' page are defined in inner-pages.css

******************************************************************************************* */


/* Introductory h1
-------------------------------------------------------------------------------------------- */
	h1 {
		width:437px;
		height:39px;
		margin-bottom:31px;
	}

	h1 span {
		background:url(images/faq/faq-h1-bg.jpg) no-repeat top left;
	}


/* Content div
-------------------------------------------------------------------------------------------- */
	div#content {
		padding-top:0;
	}

	div#content p.last {
		padding-bottom:20px;
	}

	div#content p.last a {
		position:relative;
		top:-3em;
		left:0.5px;
	}


/* Main column div
-------------------------------------------------------------------------------------------- */
	div#content div#main-column {
		float:left;
		display:inline;
		width:374px;
		height:357px;
		margin:15px 0 0 14px;
		overflow:auto;
		background:url(images/faq/main-column-bg.jpg) no-repeat top left;
	}

	div#content div#main-column h2 {
		font-size:1.4em;
		font-weight:bold;
		font-family:georgia;
		color:#ddbb88;
		margin:20px 0 16px 12px;
		padding:0;
	}

	div#content div#main-column ul {
		margin:0;
		padding:0 0 0 10px;
		list-style:none;
		font-size:1.2em;
	}

	div#content div#main-column ul li {
		margin:0 0 15px 0;
		width:320px;
		line-height:160%;
	}

	div#content div#main-column ul li a:link, div#content div#main-column ul li a:visited {
		color:#c99d5b;
		text-decoration:none;
	}

	div#content div#main-column ul li a:hover {
		text-decoration:underline;
	}


/* Secoundary column div
-------------------------------------------------------------------------------------------- */
	div#content div#secoundary-column {
		float:right;
		display:inline;
		width:377px;
		padding:27px 0 0 0;

	}

	div#content div#secoundary-column dl {
		margin:0;
		padding:0;
	}

	div#content div#secoundary-column dl dt {
		margin:0;
		padding:0;
		color:#ddbb88;
		font-weight:bold;
		font-size:1.4em;
		font-family:georgia;
		display:none;
		line-height:150%;
	}

	div#content div#secoundary-column dl dd {
		margin:15px 0 0 0;
		padding:0;
		width:340px;
		font-size:1.2em;
		color:#dfdfdf;
		line-height:200%;
		display:none;
	}

	div#secoundary-column dl dd p {
		width:340px;
		font-size:1em;
		color:#dfdfdf;
		margin:0;
		padding:0;
	}

	div#secoundary-column dl dd ul {
		margin:0;
		padding:0;
		list-style:none;
	}

	div#secoundary-column dl a:link, div#secoundary-column dl a:visited {
		color:#c99d5b;
		text-decoration:none;
	}

	div#secoundary-column dl a:hover {
		text-decoration:underline;
	}

/* Costum scroll bar
-------------------------------------------------------------------------------------------- */
	.scroll-pane {
		width:100%;
		height:100%;
		padding:0;
		overflow:hidden;
	}

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

	.jScrollPaneTrack {
		position:absolute;
		cursor:pointer;
		right:0;
		top:0;
		height:100%;
		background:url(images/faq/scroll/track.jpg) repeat top;
	}

	.jScrollPaneDrag {
		position:absolute;
		cursor:pointer;
		overflow:hidden;
		background:url(images/faq/scroll/drag.jpg) no-repeat center;
		height:42px
	}

	.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:url(images/faq/scroll/up.jpg);
		height:13px;
	}

	a.jScrollArrowDown{
		display:block;
		position:absolute;
		z-index:1;
		bottom:0;
		right:0;
		text-indent:-2000px;
		overflow:hidden;
		background:url(images/faq/scroll/down.jpg);
		height:13px;
	}