/*  TAG LEVEL STYLE ELEMENTS  */

body {
/*	background-color : #333333; SCROLLBAR-FACE-COLOR: #454752; FONT-SIZE: 10pt; margin: 0px 0px 0px 0px; SCROLLBAR-HIGHLIGHT-COLOR: #5c5f6d; SCROLLBAR-SHADOW-COLOR: #454752; color: White; SCROLLBAR-3DLIGHT-COLOR: #454752; SCROLLBAR-ARROW-COLOR: #c6c6ca; SCROLLBAR-TRACK-COLOR: #2e2f36; font-family: Verdana, Arial, Helvetica, sans-serif; SCROLLBAR-DARKSHADOW-COLOR: #2e2f36; SCROLLBAR-BASE-COLOR: #454752 } */
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: White;
	background-color : #333333;
	margin: 0px 0px 0px 0px;
	SCROLLBAR-FACE-COLOR: #666666;
	SCROLLBAR-HIGHLIGHT-COLOR: #999999;
	SCROLLBAR-SHADOW-COLOR: #999999;
	SCROLLBAR-3DLIGHT-COLOR: #999999;
	SCROLLBAR-ARROW-COLOR: #FF6600;
	SCROLLBAR-TRACK-COLOR: #999999;
	SCROLLBAR-DARKSHADOW-COLOR: #666666;
	SCROLLBAR-BASE-COLOR: #999999;
}

p {
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

table {
	padding: 0px 0px 0px 0px;
}

td {
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
}

tr {
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {
	color: #cccc99;
	text-decoration: underline;
}

a:hover {
	color: #FF6600;
	text-decoration: underline;
}

a.Header {
	color: white;
	font-size: 12;
	font-weight: bold;
	text-decoration: none;
}

a.Header:hover {
	color: white;
	font-size: 12;
	font-weight: bold;
	text-decoration: none;
}

a.TopNavigation {
	color: white;
	font-size: 15;
	font-family: Garamond, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
}

a.TopNavigation:hover {
	color: #FF6600;
	font-size: 15;
	font-family: Garamond, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
}

a.Navigation {
	color: #cccc99;
	text-decoration: none;
}

a.Navigation:hover {
	color: #FF6600;
	text-decoration: none;
}

a.Promote {
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}

a.Promote:hover {
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}

hr { 
 height: 1px;
 color: #999999;
}


/* CLASSES //
	- FONTS: SPECIAL FORMATTING */

/* - RED: use for special alert or ugent eye-catchers<span class="urgent"> [ content ] </span> */
.urgent {
	color: #FF0000;
}

/* CLASSES
	- FONTS: Harley-Davidson Orange */

/* - use to make anything orange as a class inside any HTML tag or wrap text, etc with: <span class="PrimColor"> [ content ] </span> */
.PrimColor{
	color: #FF6600;
}

/* - use for Page Titles only: <span class="PrimPageTitleFont"> [ text ] </span> */
.PrimPageTitleFont{
	color: white;
	font-size: 20;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant : small-caps;
}


/*CLASSES
	- FONTS: Harley-Davidson Graphite */

/* - use for titles of sections within a page: <span class="PrimBodyTitle"> [ text ] </span> (old color = #0099FF,#0072E5,#69C9FB,#90AAD2,#0080FF,#6767FF,#677DFF) */
.PrimBodyTitle {
	color: #69C9FB;
	font-size : 12pt;
	font-family: Garamond, Verdana, Arial, Helvetica, sans-serif;
	font-weight : bolder;
	font-variant : small-caps;
}

/* - use for titles of sections within a page: <span class="SecFontBold12"> [ text ] </span> (old color = #FFFFCC ) */
.SecFontBold12 {
	color: #69C9FB;
	font-size : 12pt;
	font-family: Garamond, Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-variant : small-caps;
}

/* - use for titles of sections within a page: <span class="ThirdFontBold10"> [ text ] </span> (old color = #FFFFCC ) */
.ThirdFontBold10 {
	color: #333333;
	font-size : 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
}

/* - use for left navigation titles: <span class="LeftNavTitle"> [ text ] </span> */
.LeftNavTitle {
	color: #69C9FB;
	font-size : 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
}


/*CLASSES
	- FONTS: Harley-Davidson Beige */

/* - use to make anything beige as a class inside any HTML tag or wrap text, etc with: <span class = PrimColor> [ content ] </span> */
.ThirdColor{
	color: #cccc99;
}

/* - use to make anything blue as a class inside any HTML tag or wrap text, etc with: <span class = ForthColor> [ content ] </span> */
.ForthColor{
	color: #69C9FB;
}

/*CLASSES
	- FONTS: White */

/* - use for standard titles: <span class = ForthFontBold10>  [text] </span> */
.ForthFontBold10 {
	color: White;
	font-size : 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
}

/* - use for standard footer text: <span class =footerText>  [text] </span> */
.footerText{
	color:#999999;
	font-size : 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/*CLASSES
	- FONTS: Gray */


/*CLASSES
	- FONTS: Dark Beige */

/* - used by scroller scripts for text  */
.txt {
	color: White;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color : #666666;
}

/* - used by scroller scripts for links */
a.txt {
	color: #cccc99;
	font-size: 8pt;
}

/* - used by scroller scripts for links */
a.txt:hover {
	color: #FF6600;
	font-size: 8pt;
}


/*CLASSES
	- Special Table Formatting */

/* - use for top navigation area with graphite background  <td class = TopNavigation> [cell content ] </td> */
.Header{
	border : none;
	vertical-align : middle;
	background : #FF6600;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	text-align : left;
}

/* - use for top navigation area with graphite background  <td class = TopNavigation> [cell content ] </td> */
.TopNavigation{
	border : none;
	background : #333333;
	vertical-align : middle;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	text-align : center;
}


/* CLASSES -
	- Buttons - */

.PrimeButton{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : White;
	font-size: 8pt;
	font-weight : bold;
	background-color : #FF6600;
	border-color : #cccccc;
	border-style : none none none none;
}


/* CLASSES -
	- Harley-Davidson BACKGROUNDS: Orange/Graphite/Grays/Beige */

/* - use to make the background of anything a orange as a class inside any HTML tag or wrap with: <span class = cellbkgrndOrange> [ content ] </span> */
.cellBkgrndOrange{
	background-color: #FF6600;
}

.bgcolorBlue2{
	background-color: #69C9FB;
}

/* - use to make the background of anything blue as a class inside any HTML tag or wrap with: <span class="bgcolorBlue"> [ content ] </span> */
/* (old color = #3399FF,#376ECD,#005ABB,#0067D4,#0099FF,#0072E5,#69C9FB,#90AAD2,#0080FF,#6767FF,#677DFF) */
.bgcolorBlue{
	background-color: #799FE5;
}

/* - use to make the background of anything beige as a class inside any HTML tag or wrap with: <span class = cellbkgrndBeige> [ content ] </span> */
.cellbkgrndBeige{
	background-color: #cccc99;
}

/* - use to make the background of anything graphite (?) as a class inside any HTML tag or wrap with: <span class = cellbkgrndGraphite1> [ content ] </span> */
.cellbkgrndGraphite1{
	background-color: #333333;
}

/* - use to make the background of anything graphite (?) as a class inside any HTML tag or wrap with: <span class = cellbkgrndGraphite1> [ content ] </span> */
.cellbkgrndGraphite2{
	background-color: #444546;
}

/* - use to make the background of anything graphite (?) as a class inside any HTML tag or wrap with: <span class = cellbkgrndGraphite2> [ content ] </span> */
.cellbkgrndGraphite3{
	background-color: #4c4c4c;
}

/* - use to make the background of anything dark gray as a class inside any HTML tag or wrap with: <span class = cellbkgrndDarkGray> [ content ] </span> */
.cellbkgrndDarkGray{
	background-color: #666666;
}

/* - use to make the background of anything gray as a class inside any HTML tag or wrap with: <span class = cellbkgrndGray> [ content ] </span> */
.cellbkgrndGray{
	background-color: #999999;
}

/* - use to make the background of anything light gray as a class inside any HTML tag or wrap with: <span class = cellbkgrndLightGray> [ content ] </span> */
.cellbkgrndLightGray{
	background-color: #cccccc;
}

/* - use to make the background of anything light gray as a class inside any HTML tag or wrap with: <span class = cellbkgrndLightGray> [ content ] </span> */
.cellbkgrndLightGray1{
	background-color: #e5e5cc;
}

/* - use to make the background of anything light gray as a class inside any HTML tag or wrap with: <span class = cellbkgrndLightGray> [ content ] </span> */
.cellbkgrndLightGray2{
	background-color: #4c4d4f;
}

/* - use to make the background of anything light gray as a class inside any HTML tag or wrap with: <span class = cellbkgrndLightGray> [ content ] </span> */
.cellbkgrndLightGray3{
	background-color: #747675;
}

/* - use to make the background of anything light gray as a class inside any HTML tag or wrap with: <span class = cellbkgrndLightGray> [ content ] </span> */
.cellbkgrndLightGray4{
	background-color: #3d3e3f;
}

/* - use to make the background of anything light gray as a class inside any HTML tag or wrap with: <span class = cellbkgrndLightGray5> [ content ] </span> */
.cellbkgrndLightGray5{
	background-color: #868686;
}

/* ----- Old section title color ----- */
.cellbkgrndLightBeige6{
	background-color: #FFFFCC;
}

/* - use to make the background of anything graphite (?) as a class inside any HTML tag or wrap with: <span class = cellbkgrndGraphite2> [ content ] </span> */
.cellbkgrndGraphite3{
	background-color: #4D4D4D;
}

.cellbkgrndBeige4{
	background-color: #666600;
}


/* CLASSES -
	- FONTS: SIZE & WEIGHT */

.sm8{
	font-size: 8pt;
}

.sup {
	FONT-WEIGHT: bold; FONT-SIZE: 0.65em; VERTICAL-ALIGN: text-top
}