html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
	vertical-align: baseline;
	background-color: transparent;
}
ol, ul, li {
	list-style-image : url("images/bike2.ico");
	margin: 10px 10px 10px 30px;
	padding: 0px; 
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

h1 {font-size: 220%;}
h2 {font-size: 160%;}

/* end of css reset */

body {
    line-height: 1.2;
	font-size: 20px;
    background-color: #000;
    background-image: url("images/hogbggrey.jpg");     /*bg3.jpg */
    background-repeat: repeat;                     
    font-family: Arial,sans-serif;
	margin: 1px;
	padding: 1px;
}

a { color: #00f; font-weight: bold;}
a:hover { color: #a00}
a:link {COLOR: #00f; FONT-FAMILY: arial, helvetica; 
        FONT-WEIGHT: bold; TEXT-DECORATION: underline}
		
a:visited {color: #a00}
a:active {color: #a00}
a:focus {color: #a00}
		
.toplink { font-size: 80%;}
.toplink A:link { margin-top: 40px; margin-bottom: 20px;}

.winput { width: 350px; background-color: #ffc;}
.winputC { background-color: #ffc;}
.button { background-color: #dfdfdf; border: 1px solid #888; 
	border-right: 2px solid #555; border-bottom: 2px solid #555; 
	padding: 2px; font-size: 80%; font-weight: bold; text-decoration: none; color: #000;}
.warning { text-align: center; font-size: 85%; color: #f00; font-style: italic; font-weight: bold; }

.bold {color: #000; font-weight: bold}
#main { padding: 5px;}

#page_frame {
     position: relative;
     background-color: #fff;
     border: 1px solid #c60;
     width: 900px;
     margin: 0px auto 0px auto; }

#content {
	z-index:4;
	border: 0px solid #000;
	padding: 10px;
	margin-bottom: 10px;
	text-align: left;
	background-image: url("images/page-frame/6a.jpg");
	background-repeat: repeat-y; 
	background-position: bottom;
}
	 
div.centered {
    margin: 10px auto 10px auto; 
	text-align: center;}
.centertxt {text-align: center;}
div.centered table {
	margin: 0 auto 0 auto;}

div.centered object {
	margin: 0 20px 0 20px;}
   
div.centeredBig {
    font-size: 120%;
    margin: 10px auto 10px auto; 
	text-align: center;}

.txt120 { 
	font-size: 120%;
	width: 200px}

.centerimage {margin: 0 auto;}

#header {margin: 0 auto 0 auto;}

#officers3 table { 
	margin: 0px auto 0px auto;}
#officers3 td {  
	text-align: center;
	font-weight: normal; 
	vertical-align: middle;
    padding: 5px;
	FONT-FAMILY: Times New Roman, arial }
	
img.officer {
	border: 3px solid black;
	padding: 0px;} 
	
#officers2 { text-align: left;}
#officers2 table { 
	margin: 0px auto 25px auto; }
#officers2 td {  padding: 20px }


#membership { text-align: left;}
#membership table { 
	margin: 0px auto 0px auto; }
#membership td {  
    padding: 0px 100px 30px 100px  }

#errorpage { 
    z-index:4;
    background-color: #fff;
    border: 2px solid #000;
	padding: 20px;
    margin: 30px;
	text-align: left;
	}

#errorpage input { border-color: #f00; color: #f00; }

div.nameCtn { 
	color: #000; 
	font-weight: bold; 
	text-align: center; 
	font-size: 120%;
	margin: 20px auto 10px auto; 
    margin-bottom: 40px;
    background-color: #ccc;
    border: 1px solid #c60;
    border-bottom: 2px solid #000;
}

#name { 
	color: #000; 
	font-weight: bold; 
	text-align: center; 
	font-size: 120%;
    margin-bottom: 50px;
    background-color: #ccc;
    border: 1px solid #c60;
    border-bottom: 2px solid #000;
}

#name2 {
     width: 25%;  
     color: #000; 
     font-weight: bold; 
     text-align: center;
     margin-bottom: 20px;
     background-color: #ccc;
     border-bottom: 2px solid #000;
}

#name30 {
	width: 30%; 
	color: #000; 
	font-weight: bold;  
	text-align: center;
    margin-bottom: 20px;
    background-color: #ccc;
    border-bottom: 2px solid #000;
}

#name45 {
	width: 45%; 
	color: #000; 
	font-weight: bold;  
	text-align: center;
    margin-bottom: 20px;
    background-color: #ccc;
    border-bottom: 2px solid #000;
}

#name3 {
     color: #000; 
     font-weight: bold; 
     text-align: center;
     margin: 20px 20px;
     text-decoration: underline;
}
#name3big {
     color: #000; 
     font-weight: bold; 
     text-align: center;
	 font-size: 150%;
     margin: 20px 20px;
     text-decoration: underline;
}

#name4 {
     color: #000; 
     font-weight: bold; 
     text-align: center;
     margin-bottom: 20px;
     background-color: #ccc;
     border-bottom: 2px solid #000;
}

#name450cen {
	width: 100%; 
	color: #000; 
	font-weight: bold;  
	text-align: center;
	margin: 40px auto 20px auto; 
    background-color: #ccc;
    border-bottom: 2px solid #000;}
#name4 a { color:#000; }
#name5 {
     width: 100%;  
     color: #000; 
     font-weight: bold; 
     text-align: center;
     margin-bottom: 20px;
     background-color: #ccc;
     border-bottom: 2px solid #000;}

.pic_list { 
     width: 750px;
	 margin: 0px auto 0px auto;}

#hog_logo { 
     background-color: #000;
     width: 199px; 
     height: 220px;
     border-right: 1px solid #c60;
     text-align: center;
	 margin-top: 0px;}

#hog_logo img {
     margin-top: 0px;
	 width: 199px;
     left: 200px;
}

#h_image {position: absolute;
	top: 0px;
	left: 200px;
	width: 700px;}

#h_image img {width: 700px; }

.f_image { width: 900px; MARGIN-BOTTOM: 0;}

#htext { position:absolute;
      top: 0px;
      left: 200px;
      width: 700px;}

#htext img {
      height: 220px;
      width: 700px;}


#loh {
background-color: #F1EFC6;
		margin: -15px -20px -25px -15px;
	    padding: 25px;
		font-size: 16px;
/*        background-image: url("images/loh_sm.jpg"); 
        background-repeat: repeat; */
}
#loh1 {
	font-family: Arial, sans-serif;
	font-style: italic;
	color: #000; 
	font-weight: bold; 
	font-size: 120%;
	margin: 15px 0px 15px 0px; 
}
#loh2 { 
	color: #000; 
	font-weight: bold; 
	margin: 15px 0px 15px 0px; 
}
#loh li {
	font-family: Arial,sans-serif;
	color: #000;
	list-style: disc;
}
#loh p {
	margin: 15px 0px 15px 0px; 
}

img.bike{
    border: 3px  solid  red;
	margin: 15px auto 15px auto
	}
	
		
#rmenu, #menu {
        z-index: 3;
		text-align: center;
        font-size: 14px;
        padding-top: 4px;
        background-color: #ccc;
        border-bottom: 2px solid #000;
        border-top: 1px solid #c60;
		line-height: 1.1;
      	}
#rmenu { background-color: #FFF; border-top: none;}

#rmenu a, #menu a { 
	padding-left: 4px;
    padding-right: 4px;
    color: #000; 
    border: 2px solid #ccc;
    border-bottom: none;
	text-decoration: none;
	}	

#rmenu a {
	color: #900;
    border-color: #FFF; }
#rmenu a:hover, #menu a:hover, #menu a.active, #rmenu a.active {
	background-color: #fff;
	font-style: italic;
    border: 2px solid #000;
    border-bottom: none;
    padding-bottom: 2px;}
#rmenu a:hover, #menu a:hover {
	background-color: #ffd;}
		
#officers { text-align: center; font-size: 80%;}
#officers table { 
	margin: 0px auto 25px auto; }
#officers td {  
	margin: 10px auto 10px auto; }
#officers img {
	margin: 10px auto 10px auto;
	width: 300px;
	height: 200px;
}

#rally { text-align: center; font-size: 80%;}
#rally table { 
	margin: 0px auto 25px auto; }
#rally td {  
	margin: 10px auto 10px auto; }
#rally img {
	margin: 10px auto 10px auto;
	width: 400px;
	height: 300px;
}

#address {
	width: 100%;
	text-align: right; 
	position:absolute; 
	top:0px; 
	background-color: #fff;
	color: #494; 
	font-weight: bold;
	font-size: 10px;
}

#bike {
	FONT-WEIGHT: bold; 
	MARGIN: 20px auto 15px auto; 
	COLOR: #FF6600; 
	TEXT-ALIGN: center
}
#bike1 {
	FONT-WEIGHT: bold; 
	MARGIN-BOTTOM: 20px; 
	COLOR: #000; 
	TEXT-ALIGN: center
}

#copy { 
     margin: 0 0 -5px 0;
     padding-top: 5px;
	 padding-bottom: 5px;
     text-align: center; 
     color: #999; 
     border-top: 2px solid #c60; 
     background-color: #000;
	 position: relative;
	 top: -5px; 
}

#copy a {text-decoration:none;color : #555; }
#copy img { margin-top: 3px; width: 100px; float: right;}
#copy_info a { color: #F88017;}
#xionic { font-size: 8px; }

#title {
	border-bottom: 3px solid #369;
	font-weight: bold;
	margin: -5px;
	margin-bottom: 10px;}

#boldredbig {
    font-size : 160%;
	font-weight : bold;
	color : #FF0000;}
#boldred {
	font-weight : bold;
	color : #FF0000;}
#outbox { border: 2px solid #777; }
#webmaster {
	font-size: 80%; text-align: center;}
#legal { 
	margin-top: 25px; font-size: 75%; }

div.miles {
	margin: -15px -15px -25px -15px;
	padding: 25px;
	font-size: 16px;}
div.miles table { 
	margin: 0px 25px 25px 25px; 
	min-width: 60%;}
div.miles td {  
	margin: 10px 15px 10px 15px; }
div.miles1 {
	font-family: Arial, sans-serif;
	font-style: italic;
	color: #000; 
	font-weight: bold; 
	font-size: 120%;
	margin: 15px 0px 15px 0px; }
div.miles2 { 
	color: #000; 
	font-weight: bold; 
	margin: 20px 0px 5px 0px; }
	
ul.mile {  
	margin: 5px 5px 5px 5px; }
ul.mile li {
	font-family: Arial,sans-serif;
	color: #000;
	margin: 5px 5px 5px 50px;
	list-style-image : url("images/bike2.ico");}

div.miles p {
	margin: 15px 0px 15px 0px; }

#contact table {
	margin: 20px auto 20px auto; }

div.contact { 
	color: #000;  
	text-align: left; 
	font-size: 80%;
	margin: 0px auto 0px auto; 
}
div.contact table {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
}
div.contact td {
    vertical-align: middle;
	border: 5px solid transparent
	;
}

div.contact span {font-weight: bold; margin-left: 0px;} 

div.techtips { 
	color: #000;  
	text-align: left; 
	font-size: 110%;
	margin: 0px auto 0px auto; 
}
div.techtips2 {
    width: 800px; 
	margin: 10px auto 10px auto; 
}

div.techtips div { 
    text-align: center;
	width: 700px;
	margin: 20px auto 10px auto; 
}

div.techtips table {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
}
div.techtips td {
    vertical-align: middle;
	border: 5px solid transparent
	;
}

