body {
	background: #333;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 0;
	padding: 0;
}
div.divContent {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
a {
	vertical-align: middle;
	border: none;
	font-weight: normal;
}
a:link {
	color: #f60;
	text-decoration: underline;
}
a:visited {
	color: #f60;
	text-decoration: underline;
}
a:hover {
	color: #f60;
	text-decoration: none;
}
a:active {
	color: #f60;
	text-decoration: underline;
}

/* styles used in TinyMCE */
.strongText {
	font-weight: bold;
}
.largeheader {
	font-size: 120%;
	color:#f60;
}
.mediumheader {
	font-size: 110%;
	color:#f60;
}
.smallheader {
	font-size: 105%;
	color:#f60;
}
.weakText {
	font-style: oblique;
}
.normalText {
	font-style: normal;
	font-weight: normal;
}
.italicText {
	font-style: italic;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

*/
/*
Accordian menu (above the slabs)
*/
#harley-top {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	height: 27px;
	margin: 21px 0 0 0;
}
#harley-logo {
	height: 84px;
	margin: 0 0 0 0;
	position: relative;
}
#harley-logo #hog-e-news-img {
	margin: 3px 0 0 0;
}
#harley-logo #harley-logo-img {
	position: absolute;
	top: 23px;
	left: 108px;
}

/*
Accordian menu (above the slabs)
*/
ul#slab-menu {
	width:750px;
	float: left;
	border-bottom: 1px solid #333;
	margin: 0;
	padding: 0;
}
ul#slab-menu li {
	float: left;
	line-height: 27px;
	height: 27px;
	list-style: none;
	color: #000;
	font-weight: bold;
}
ul#slab-menu li.slab-menu-news {
	position: relative;
	line-height: 27px;
}
ul#slab-menu li.slab-menu-news a {
	background-image: url('../media/images/latest-news.gif');
	background-color: #666;
	width: 554px;
	text-align: left;
	color: #fff;
}
ul#slab-menu li.slab-menu-news div.issue-id {
	width: 230px;
	position: absolute;
	right: 12px;
	top: 1px;
	color: #fff;
	text-align: right;
	font-size: 75%;
	line-height: 27px;
	height: 24px;
}
ul#slab-menu li.slab-menu-news div span.issue-date {
	color: #fff;
}
ul#slab-menu li.slab-menu-events a {
	background-image: url('../media/images/events.gif');
	width: 82px;
}
ul#slab-menu li.slab-menu-news-archive a {
	background-image: url('../media/images/e-zine-archive.gif');
	width: 114px;
}
ul#slab-menu li a {

background-position: 0 0;
background-repeat: no-repeat;
text-indent: -1000em;

	display: block;
	color: #fff;
	font-weight: bold;
	/*background: #666 url(/media/images/slab-menu-l-border.gif) no-repeat left top;*/
	text-decoration: none;
	font-size: 75%;
	float: left;
}
ul#slab-menu li a:hover {
	color: #fff;
background-position: bottom left;
}
ul#slab-menu li.slab-menu-news a:hover {
	color: #fff;
	background-color: #f60;
background-position: bottom left;
}
ul#slab-menu li.slab-menu-news a.current-tab {
	background-color: #f60;
}
ul#slab-menu li.current-tab	a {/* currently selected page */
	color: #fff;
background-position: bottom left;
}

/*
Search Bar
*/
div#searchDiv {
	width:750px;
	background-color: #f60;
	color: #fff;
	font-weight: bold;
	float: left;
}
div#searchDiv form {
	font-size:75%;
}
div#searchDiv form p {
	float: left;
	height: 28px;
	line-height: 28px;
}
div#searchDiv p.dropdownControl {	
	padding: 0 0 0 235px;
}
div#searchDiv p.textControl {
	margin: 0 0 0 40px;
}
div#searchDiv p.dropdownControl select,
div#searchDiv p.textControl input {
	font-size: 12px;
}

div#searchDiv p.cmdControl a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding-left: 5px;
}

/*
Accordian slabs
*/

#myAccordion {
	width: 750px;
	clear: left;
}
#myAccordion dt {
	vertical-align: middle;
	background-color: #666;
	border-top: 1px solid #c7c6bd;
	border-bottom: 1px solid #333;
	padding: 0;
	font-weight: bold;
	line-height: 28px;
	height: 28px;
	font-size: 80%;
	cursor: pointer;
}
#myAccordion dt.dt-title {
	border-top: 1px solid #c7c6bd;
	border-bottom: 1px solid #333;
	color: #fff;
	background: #666 url(/media/images/h2-arrows-closed.gif) no-repeat 7px 50%;
}
#myAccordion dt.dt-titleActive {
	color: #000;
	background: #ff6600 url('/media/images/h2-arrows-open.gif') no-repeat 7px 50%;
}
#myAccordion dt a {
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
	display: block;
	color: #fff;
	padding: 0 0 0 40px;
}
#myAccordion dt.dt-title a {
	color: #fff;
	font-weight: bold !important;
}
#myAccordion dt.dt-titleActive a {
	color: #000;
	font-weight: bold !important;
}
#myAccordion dt.dt-title a table.dtTable {
	padding: 0;
	border-width: 0px;
	border-style: none;
	width: 710px;
	height: 28px;
	vertical-align: middle;
	text-align: left;
	empty-cells: show;
	color: #fff;
	background-color: #666;
}
#myAccordion dt.dt-title a table.dtTable td.titleTD {
	width: 586px;
	padding: 0;
	white-space: nowrap;
	vertical-align: middle;
	text-align: left;
	color: #fff;
	background-color: #666;
}
#myAccordion dt.dt-title a table.dtTable td.dateTD {
	/*width: 150px;*/
	padding: 0 10px 0 0;
	white-space: nowrap;
	vertical-align: middle;
	text-align: left;
	color: #fff;
	background-color: #666;
}
#myAccordion dt.dt-titleActive a table.dtTable {
	padding: 0;
	border-width: 0px;
	border-style: none;
	width: 710px;
	height: 28px;
	vertical-align: middle;
	text-align: left;
	empty-cells: show;
	color: #000;
	background-color: #ff6600;
}
#myAccordion dt.dt-titleActive a table.dtTable td.titleTD {
	width: 586px;
	padding: 0;
	white-space: nowrap;
	vertical-align: middle;
	text-align: left;
	color: #000;
	background-color: #ff6600;
}
#myAccordion dt.dt-titleActive a table.dtTable td.dateTD {
	/*width: 150px;*/
	padding: 0 10px 0 0;
	white-space: nowrap;
	vertical-align: middle;
	text-align: left;
	color: #000;
	background-color: #ff6600;
}
#myAccordion dd {
	overflow: auto;
	background: #fff;
	padding-bottom: 20px;
	height: 400px;
}

/*
content wysiwyg styles
*/
#myAccordion dd h1 {
	color: #f60;
	width: 420px;
	font-size: 120%;
	margin: 0px 0px 18px 0px;
	font-weight: bold;
}
#myAccordion dd div.content {
	width: 661px;
	margin: 20px 0px 0px 40px;
	/*margin: 20px 10px 0px 40px; ROBBYFIX*/
	font-size: 70%;
}
#myAccordion dd div.content div.full {
	width: 420px;
	margin: 0px 0px 0px 0px;
}
#myAccordion dd div.content div.left {
	width: 420px;
	margin: 0px 0px 0px 0px;
	float: left;
}
#myAccordion dd div.content div p {
	margin: 0px 0px 18px 0px;
}
#myAccordion dd div.content div.left p.bold {
	font-weight: bold;
}
#myAccordion dd div.content div.right {
	width: 213px;
	margin: -35px 0px 0px 0px;
	float: right;
}
#myAccordion dd div.content div.right div {
	margin: 0px 0px 10px 0px;
}
#myAccordion dd div.content table.tblFrontEndLayout {
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	border-style: none;
	vertical-align: top;
	text-align: left;
	empty-cells: show;
}
#myAccordion dd div.content table.tblFrontEndLayout tr {
	padding: 0;
	vertical-align: top;
	text-align: left;
}
#myAccordion dd div.content table.tblFrontEndLayout td.TDleft {
	padding: 0px 5px 0px 0px;
}
#myAccordion dd div.content table.tblFrontEndLayout td.TDright {
	padding: 0px 0px 5px 0px;
	text-align: center;
}
#myAccordion dd div.content table.tblFrontEndLayout td.TDright img {
	padding: 0;
	/*text-align: center;*/
	border-width: 0px;
	border-style: none;
	vertical-align: top;
}

/*
alternate content
*/
div#divAltContent {
	width:750px;
	background: #fff;
	color: #000;
	padding: 0;
}
div#divAltContent h1 {
	color: #f60;
	padding: 50px 0 20px 30px;
	font-weight: bold;
}
div#divAltContent div.mainSlab {
	width: 750px;
	text-align: left;
	vertical-align: middle;
}
div#divAltContent div.mainSlab div.copyDiv {
	padding: 0 0 0 30px;
	font-size: 70%;
	width: 680px;
}
div#divAltContent div.mainSlab div.copyDiv div.left {
	width: 420px;
	margin: 0px 0px 0px 0px;
	float: left;
}
div#divAltContent div.mainSlab div.copyDiv div p {
	margin: 0px 0px 18px 0px;
}
div#divAltContent div.mainSlab div.copyDiv div.left p.bold {
	font-weight: bold;
}
div#divAltContent div.mainSlab div.copyDiv div.right {
	width: 213px;
	margin: -35px 0px 0px 0px;
	float: right;
}
div#divAltContent div.mainSlab div.copyDiv div.right div {
	margin: 0px 0px 10px 0px;
}
div#divAltContent div.mainSlab div.copyDiv span {
	text-align: left;
	vertical-align: middle;
}
div#divAltContent div.mainSlab div.copyDiv span.miniTitle {
	font-weight: bold;
}

/*
footer bar
*/
#footer-bar {
	width: 750px;
	height: 25px;
	background-color: #f60;
	border-top: 1px solid #f0a36b;
	border-bottom: 1px solid #964a17;
	line-height: 25px;
	text-align: right;
	position: relative;
}
#footer-bar img {
	position: absolute;
	top: 7px;
	right: 13px;
}
#footer-copy {
	width: 750px;
	margin: 13px 0 74px 0;
	color: #999;
	font: normal 70% Arial, Helvetica, sans-serif;
}
#footer-copy p.anchorP a {
	color: #999;
}
#footer-copy p.anchorP a:link {
	color: #999;
	text-decoration: underline;
}
#footer-copy p.anchorP a:visited {
	color: #999;
	text-decoration: underline;
}
#footer-copy p.anchorP a:hover {
	color: #999;
	text-decoration: none;
}
#footer-copy p.anchorP a:active {
	color: #999;
	text-decoration: underline;
}
#footer-links {
	margin: 10px 0 0 0;
	border-top: 1px solid #666666;
	padding: 5px 0 0 0;
}
#footer-links a {
	text-decoration: none;
}
#footer-links a:hover {
	text-decoration: underline;
}