body {

font-family:"Arial", "Helvetica", "sans-serif";

font-size: 11px



}





A:link {color:#666600;text-decoration:none}

A:visited {color:#666600;text-decoration:none}

A:hover {color:#999900;text-decoration:none}

A:active {color:#999900;text-decoration:none}





div {line-height:1.4;}

p {line-height:1.4;}

p{ align: justify} 







table{

	font-family:"Arial", "Helvetica", "sans-serif";

	font-size: 12px;

    color: #000000}

	

td{

	font-family:"Arial", "Helvetica", "sans-serif";

	font-size: 12px;

    color: #000000}

	

form {

	font-family:"Arial", "Helvetica", "sans-serif";

	font-size: 12px;

	color: #000000}





input {

	font-family:  Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000}



textarea {

	font-family:   Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000}



select {

	font-family:"Arial", "Helvetica", "sans-serif";

	font-size: 12px;

	color: #336699;

	background-color: #f8f8f8}



.copyrightnotice {

	font-size: 70%;

	font-weight: bold;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	text-indent: 0;

}



#mycustomscroll {

	width: 80%;

	height: 250px;

	overflow: auto;

	position: relative;

	background-color: #E7EADE;

	margin: 0.3em auto;

	padding: 15px;

	top: -1px;



}



#mycustomscroll2 {

/*percantage width: make it 100% to match container*/

width: 400px;

height: 200px;

overflow: auto;

/* IE overflow fix, position must be relative or absolute*/

position: relative;

background-color: white;

margin: 0 0 0 0;

/* negative left margin to compensate for the padding,

not related to fleXcroll, and may not be needed elsewhere */

padding: 20px;

}



/*

percentage width: the real percentage is done by the wrapper

this is to fix various IE6 bugs

*/

.percentagewrap {

	width: 80%;

	margin: 0 auto;

	padding: 10px;

	}

	

.fixedwidth {

/* a wide div is used for creating horizontal scrollbars for demonstration purposes */

width: 200px;

height: auto;

position: relative;

color: black;

padding: 1px;

}







.title {

	font-family:"Century Gothic";

	font-size: 15px;

	font-weight: bold;

	color: #666600;

	letter-spacing: 0.2em;

	

	}	

	

	.subtitle {

	font-family:"Century Gothic";

	font-size: 13px;

	font-weight: bold;

	color: #666600;

	letter-spacing: 0.2em;

	}	

	

	

		.subsubtitle {

	font-family:"Century Gothic";

	font-size: 12px;

	

	color: #666600;

	letter-spacing: 0.2em;

	}	



.gold {

font-family:"Century Gothic";

font-size: 12px;



color: #666600;

	}

	

.sgold {

	font-family:"Century Gothic";

	font-size: 11px;

	color: #333300;

	font-weight: normal;

	font-variant: normal;

	text-transform: capitalize;

	

	}	



.black {

font-family:"Arial", "Helvetica", "sans-serif";

font-size: 12px;



color: #000000;

	}	

.gray {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #666666;

	

}



.scrollgeneric {

line-height: 1px;

font-size: 1px;

position: absolute;

top: 0; left: 0;

}



.vscrollerbase {

width: 10px;

background-color: white;

}

.vscrollerbar {

width: 10px;

background-color: black;

}

.hscrollerbase {

height: 10px;

background-color: white;

}

.hscrollerbar {

height: 10px;

background-color: black;

}



.scrollerjogbox {

width: 10px;

height: 10px;

top: auto; left: auto;

bottom: 0px; right: 0px;

background-color: gray;

}