/** GLOBAL DECLARATIONS **/
* { padding:0; margin:0; font-family: Arial, Helvetica, sans-serif;}
html, body { height:100%;}

body {
	background: #323232 url('images/bg.gif') repeat 0 0; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:.625em;
	color: #fff;
	padding: 0 0 0 0;
	margin: 0;
}
a:active {outline:none;}
a {color: #ffd800;outline:none;text-decoration:none;}

a:hover {color:#ffffff;}
ul {list-style-type: none;}
p {line-height: 1.45; color: #ffffff;}
h1 {font-size: 1.5em; color: #e45e05;padding:0 0 3px 0;	margin: 0 0 9px 0;}
h2 {font-size: 1.8em; color: #ffffff; padding:0 0 3px 0; margin: 0 0 9px 0;}
h3 {font-size: 1.3em; color: #e45e05;padding:0 0 3px 0; margin: 0 0 9px 0;}
h4 {font-size: 1.1em; text-decoration: underline; color: #fff;}
fieldset {border: 0;}
select{font-size: 1em;font-weight: normal;}
input, textarea {font-size: 1em; color: #000;}

img { border: none 0; display: block; }
.floatL {float:left;}
.floatR {float:right;}
.clear { display:block; clear:both;	font-size:0; }
.padding10 {padding:10px;}
.vAlignM {vertical-align: middle;}
.vAlignBL {vertical-align: baseline;}
.vAlignTB {vertical-align: text-top;}
.vAlignT {vertical-align: top;}

#container {
	width: 942px;
	margin: 17px auto 35px auto;
	height: 100%;
	overflow: visible;	
}
body > #container {
	
}
#left {
	width: 227px;
	float: left;
	overflow:hidden;
}
#nav-panel {
	background: url(images/nav-panel.gif) no-repeat 0 0;
	height: 436px;
}
#nav {
	padding: 1px 0 0 12px;
	line-height: 1.82;
	
}
#nav li {
	height:22px;
	padding: 0 0 0 22px;
	background: url(images/arrow.gif) no-repeat 15px 8px;
	
	
}

#nav a {
	display: block;
	width: 159px;
	line-height: 1.65;
	text-decoration: none;
	color: #c8c8c8;
	font-family: Arial, Helvetica, sans-serif;
	font-style: oblique;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	overflow:hidden;
}
#nav a:hover {
	color: #e45e05;
}
#nav a#home.active, #nav a.active {
	color: #e45e05;
}
#nav a.logo {height:120px;background: url(images/logo.gif) no-repeat -3px 20px; text-indent: -9000em;}

#nav li#home-logo {
	background: transparent url('images/logo.gif') no-repeat 13px 19px;
	height: 135px;
}
#nav li#home-logo a{
	display: block;
	position: relative;
	height: 20px;
	padding: 113px 0 2px 0;
	width: 159px;
	line-height: 1.65;
	text-decoration: none;
	color: #c8c8c8;
	font-family: Arial, Helvetica, sans-serif;
	font-style: oblique;
	font-size: 0.96em;
	font-weight: bold;
	text-transform: uppercase;
	
}
#nav li#home-logo a:hover {
	color: #e45e05;
}
#nav h1.home {
	margin:0;
	padding:0;
}

.sml-box {
	padding: 0;
	height: 106px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-style: oblique;
	line-height: 1.1;
}
div > .sml-box {
	height:auto;
	min-height:106px;
}
.sml-box span {
	padding: 11px 0 0 24px;
	margin: 0;
	font-weight: bold;
	font-size: 1.3em;
	display:block;
	width: 80px;
}

.sml-box p {
	margin: 4px 0 0 24px;	
}
.sml-box a {
	background: url(images/arrow.gif) no-repeat 100% 50%;
	color: #e45e05;
	padding: 0 8px 0 0;
	
}
.sml-box a:hover {
	text-decoration: underline;
	color: #ffd800;
}
.join {
	background: url(images/join.gif) no-repeat 0 100%;
	padding-top: 15px;
}
.rideOn {
	background: url(images/rideOn.gif) no-repeat 0 100%;
	padding-top: 15px;
}
p.rideDate {
	text-transform: none;
	font-style: normal;
	font-size: 11px;
	background: none;
	padding-top: 25px;
	padding-left: 32px;
	color: red;
}
.rideOn p.rideDate {
	color: #36ef04;
}
p.rideLink {
	text-transform: none;
	font-style: normal;
	font-size: 11px;
	background: none;
	padding-top: 0px;
	margin-top: -1px;
	padding-left: 32px;
}
p.rideLink a {
	color: #ffffff;
	text-decoration: underline;
	background: none;
	padding-right: 0px;	
}
.weatherLink {
	padding-top: 10px;
	padding-left: 21px;
}
.weatherLink a {
	font-size: 11px;
	font-weight: bold;
}
.rideOff {
	background: url(images/rideOff.gif) no-repeat 0 100%;
	padding-top: 15px;
}

.weather {
	background: url(images/weather.gif) no-repeat 0 100%;
	padding-top: 19px;
}
#right {
	width: 715px;
	float: right;
	overflow:hidden;
}
#main-panel {
	background: url(images/main-panel-2.gif) repeat-y 0 0;
	margin: 21px 0 0 0;
	width: 715px;
	min-height: 355px;
}
#main-panel-welcome {
	background: url(images/main-panel-1.gif) no-repeat 0 0;
	min-height: 74px;
}
#main-panel h2{
	width: 215px;
	height:332px;
	text-indent: -9000em;
	/**background: url(images/h1-welcome.gif) no-repeat 100% 27px;*/
	background: url(images/main-panel-harley-02.jpg) no-repeat 0 25px;
	padding: 27px 0 0 118px;
	float:left;
	
}
#main-panel a  {
	font-family: Arial, Helvetica, sans-serif;
	font-style: oblique;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	background: url(images/arrow.gif) 100% 4px no-repeat;
	padding:0px 8px 0 7px;
	/* remove when re-inserting latest members */
	float: right;
}
#main-panel a span {
	display:none;
	left:-9000em;
	position:absolute;
	top:-9000em;
	visibility:collapse;
}
#main-panel #welcome {
	/*
	 * use this width for no latest memebers
	 */
	width: 330px;
	/*
	 * use this width when latest memebrs is there
	 width: 140px;*/
	float: left;
	margin: 51px 0 0 5px;
}
#main-panel-footer {
	padding-top: 278px;
	background: url(images/main-panel-3.gif) no-repeat 0 0;
	background-position: bottom;
}
.home-footer {
	padding-top: 25px;	
}
.main-panel-spacer {
	width: 1px;
	height: 20px;	
}
.main-panel-play-hog {
	display: inline;
	padding-bottom: 12px;
}
#welcome h3 {
	background: url(images/h2-welcome.gif) no-repeat 0 0;
	text-indent: -9000em;
	height: 27px;
	margin:0;
}
#welcome p {
	padding: 0 0 4px 7px;
	font-size: 1.1em;
}

#welcome div {
	padding: 0 0 11px 0;
}
#main-panel #latest-members {
	width: 190px;
	float: left;
	margin: 51px 0 0 10px;
}
#latest-members h3 {
	background: url(images/h2-latest-members.gif) no-repeat 0 0;
	text-indent: -9000em;
	height: 27px;
}
#latest-members ul {
	color: #ffffff;
	float:left;
	padding: 10px 0 10px 25px;
	
}
#latest-members ul span {
	color: #e45e05;
	font-weight: bold;
}
#latest-members img {
	border: 1px solid #d7d7d5;
	float:left;
	clear:both;
	margin: 0 0 14px 25px;
}
#latest-members div {
	height: 170px;
	padding: 5px 0 10px 0;
}
#latest-members div div {
	height: 42px;
	padding: 0 0 10px 0;
}
#latest-members a {
	padding:0px 8px 0 25px;
}
.calendar {
	padding: 22px 0 0 0;
	height: 242px;
	width: 334px;
	float: left;
	background: url(images/calendar-panel.gif) no-repeat 100% 100%;
	color: #ffffff;
}
.calendar h2 {
	text-indent: -9000em;
	height: 27px;
	padding: 15px 0 0 100px;
	margin: 0;
	background-position: 115px 10px;
	background-repeat: no-repeat;
}
.calendar h3 {
	text-transform: uppercase;
	font-size: 1.1em;
}
.calendar a {
	text-decoration: underline;
	color: #ffd800;
}
.calendar a:hover {
	color: #e45e05;
}
.calendar a:visited {
	color: #999999;
}
.calendar a.bottom-link {
	text-transform: uppercase;
	padding: 0 8px 0 100px;
	background: url(images/arrow.gif) 100% 50% no-repeat;
	font-size:1.2em;
	font-style:oblique;
	font-weight:bold;
	float:right;
	margin: 10px 15px 0 0;
}
.calendar a.bottom-link span {
	display:none;
	left:-9000em;
	position:absolute;
	top:-9000em;
	visibility:collapse;
}
.calendar ol {
	padding: 0 0 0 75px;
	font-size: 1.1em;
	min-height: 100px !important;
}
.calendar li {
	margin: 6px 0 0 0;
	line-height: 1.4;
}
.ride {
	padding-right: 24px;
}
.ride h2 {
	background-image: url(images/h2-ride-calendar.gif);
}
#ride-counter {
	height:55px;
	background: url(images/ride-counter.gif) 90px 100% no-repeat;
	padding: 5px 0 0 80px;
}
#ride-counter h3 {
	padding: 0;
	margin: 0;
}
#clocked {
	padding-top:6px;
	padding-left:32px;
	letter-spacing:13px;
	font-size:2.4em;
	color:#ffc355;
}
.meetings {
	padding-right: 23px;
}
.meetings h2 {
	background-image: url(images/h2-meetings-calendar.gif);
}
/* Content specific styles */
#content-container {
	background: url(images/left-content-bg.gif) repeat-y 39px 0 ;
	width: 942px;
	margin: 0 auto 0 auto;
	height: auto;
	overflow: hidden;
		
}
#left-buffer {
	background: url(images/left-buffer-bg.gif) no-repeat 0 0;
	width:942px;
	height:21px;
	margin: 17px auto 0 auto;
}
#left-content {
	width: 227px;
	float: left;
}
#left-content #nav-panel {
	background: url(images/nav-panel-content.gif) no-repeat 0 0;
	height: 415px;
}
#left-content #nav {
	padding: 0 0 0 12px;
}
#left-content #nav a.logo {
	height:100px;
	background: url(images/logo.gif) no-repeat -3px 0;
	text-indent: -9000em;
}
#left-content #nav li#home-logo {
	background: transparent url('images/logo.gif') no-repeat 13px -1px;
	height: 115px;
}
#left-content #nav li#home-logo a{
	display: block;
	position: relative;
	height: 20px;
	padding: 93px 0 2px 0;
	width: 159px;
	line-height: 1.65;
	text-decoration: none;
	color: #c8c8c8;
	font-family: Arial, Helvetica, sans-serif;
	font-style: oblique;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
}
#left-content #nav li#home-logo a:hover {
	color: #e45e05;
}
#left-content .join {
	background: url(images/join-content.gif) no-repeat 0 100%;

}
#left-content .weather {
	background: url(images/weather-content.gif) no-repeat 0 100%;

}
#right-content {
	background: url(images/right-content-top-bg.gif) no-repeat 0 0;
	width: 715px;
	float: left;
	height: auto;
}
#right-content #right-content-body {
	margin: 39px 0 0 0;
	background: url(images/right-content-body-bg.gif) repeat-y 0 60px;
	width: 714px;
	padding: 0 0 40px 0;
	height: 592px;
	overflow: visible;
}
#right-content > #right-content-body {
	margin: 39px 0 0 0;
	background: url(images/right-content-body-bg.gif) repeat-y 0 60px;
	height: auto;
	overflow: hidden;
	width: 714px;
	padding: 0 0 40px 0;
	min-height: 592px;
}
#right-content-body #left-column {
	width: 346px;
	padding: 0 16px 0 33px;
	float: left;
}
#right-content-body h1.chapter-calendar {
	background: url(images/h1-chapter-calendar.gif) no-repeat 0 0;
	text-indent: -9000em;
	height: 54px;
	width:279px;
	margin: 0;
}
#right-content-body div.calendarBody p{
	padding: 10px 0;
}
#right-content-body h2.month {
	margin: 25px 0 5px 0;
}
#right-content-body .event {
	background: #3d3d3d url(images/dotted-border.gif) repeat-x 0 0;
	width:346px;
	overflow: hidden;
}
#right-content-body .event .hidden {
	display: none;
}
#right-content-body .last {
	background: url(images/dotted-border.gif) repeat-x 0 100%;
	height: 1px;
	width:346px;
	position: relative;
	left: 0;
	bottom: 0;
	padding: 0;
	margin: 0;
}
#right-content-body .odd {
	background-color: #323232;
}
#right-content-body h3 {
	padding: 10px 0 0 0;
	margin: 0 0 -8px;
	clear: none;
}
#right-content-body #left-column h3 {
	padding: 10px 0 0 15px;
	margin: 0 0 3px 0;
}
#right-content p,
#right-content div.desc {
	clear: both;
	font-size: 1.1em;
	padding: 10px 15px 20px 15px;
	line-height: 1.2;
}
#right-content a {
	text-decoration: underline;
	color: #ffffff;
	cursor: pointer;
}
#right-content a span {
	display:none;
	left:-9000em;
	position:absolute;
	top:-9000em;
	visibility:collapse;
}
#right-content-body dl {
	width: 315px;
	color: #fff;
	padding: 2px 0 0 15px;
	font-size: 1.2em;
	line-height: 1.5;
}
#right-content-body dt {
	float: left;
	width: 85px;
	font-weight: bold;
}
#right-content-body dd {
	float: left;
	width: 215px;
}
/** Calendar page **/
#right-content-body #right-column {
	width: 100px;
	float: left;
	padding: 0 46px 0 0;
}
#right-content-body #right-column #slideshow {
	margin: 15px 0 0 0;
	float:none;
	
}
#right-content-body #right-column h3 {
	padding: 16px 0 0 35px;
}
#quick-search {
	background: url(images/quick-search.gif) no-repeat 13px 15px;
	height: 163px;
	width:245px;
	padding: 15px 0 0 13px;
	clear: right;
}

#right-content-body #right-column #quick-search ul {
	padding: 13px 0 0 23px;
	height: 120px;
	width: 120px;
	float: left;
	color: #323232;
}
#right-content-body #right-column #quick-search li {
	background:none;
	width: 60px;
	height: 15px;
	padding: 0;
	margin: 0;
}
#right-content-body #right-column #quick-search li a {
	text-decoration: none;
}
#right-content-body #right-column #quick-search #years {
	padding: 13px 0 0 30px;
	margin: 0;
	height: 15px;
	width: 20px;
	
}
#right-content-body #right-column #quick-search #years li {
	padding: 0;
	margin: 0;
	height: 15px;
	width: 30px;
}
#right-content-body #right-column #quick-search #years li {
	text-decoration: underline;
}
#right-content-body #right-column #quick-search li.col2 {
	margin:0 0 0 70px;
}
#right-content-body #right-column #quick-search li.reset {
	margin-top: -90px;
}
#right-content-body #right-column #quick-search h3 {
	padding: 13px 0 3px 23px;
	text-transform: uppercase;
	font-style: oblique;
	font-size: 1.3em;
	background: url(images/grey-underline.gif) no-repeat 24px 100%;
	font-weight: bold;
}
#right-content-body #right-column ul {
	width: 208px;
	padding: 0 20px 0 35px;
	color: #c6c6c6;
	font-size: 11px;
}
#right-content-body #right-column li {
	background: url(images/dotted-border.gif) repeat-x 0 100%;
	padding: 10px;
}
#right-content-body #right-column li.first {
	font-weight: bold;
	background: none;
}
#right-content-body #column {
	width: 635px;
	padding: 0 46px 0 33px;
	overflow:hidden;
}
#right-content #column p {
	padding: 10px 0;
	line-height: 1.4;
	clear: none;
}
#right-content #column p.links {
	padding: 0 0 15px 0;
	line-height: 1.4;
	clear: none;
}
#right-content #column blockquote p {
	padding: 0 20px;
}
#right-content #column ul {
	color: #fff;
	list-style-type: square;
	padding: 0 20px 10px;
	font-size: 1.1em;
}
#right-content #column.photo-gallery ul {
	list-style-type: none;
	width: 580px;
}
#right-content .committee img {
	float: right;
	padding: 10px;
}
#right-content #column dl {
	width: 630px;
	padding: 5px 0 10px 0;
}
#right-content #column dt {
	width: 360px;
}
#right-content #column dd {
	width: 270px;
}
#right-content #column a:hover {
	color: #e45e05;
}
#column .gallery-box {
	width: 630px;
}
#column div.gallery-box ul li {
	list-style-type: none;
}
#column ul {
	clear: left;
	float:none;
	width: 630px;
}
#column ul li.gallery-title {
	clear: left;
	float:none;
	padding: 30px 0 0 0;
}
#column ul li.images ul {
	width: 630px;
	
}
#column ul li.images ul li.hidden {
	display: none;
}
#column ul li.images ul li.gallery-image {
	float:left;
	padding: 5px 15px 5px 0;
	width: 113px;
}
#column ul li.images ul li.gallery-image img {
	border: 1px solid #d7d7d5;
	
}
#contact {
	color: #ffffff;
	padding: 20px 0;
	font-size: 1.1em;
}
/** Slideshow */
#slideshow {
	float: right;
	border: 5px solid #000000;
	width: 256px;
	height: 171px;
	overflow: hidden;
}
#right-content-body  #slideshow {
	margin: 20px 0 15px 15px;
}
#right-content-body > #slideshow {
	margin: 0 33px 15px 15px;
}
/* footer */
#footer {
	clear: both;
	float: none;
	margin: 0 auto;
	width: 600px;
	height:25px;
}
#right #footer {
		position: absolute;
	top: 670px;
}
#footer ul {
	color: #ffffff;
	margin: 0 0 0 75px;
	width: 611px;
}
#footer li {
	float: left;
	padding:12px 15px 20px 15px;
	font-size: 1.1em;
	background: url(images/bar.gif) no-repeat 0 14px;
}
#footer li.first, #footer.content-footer li.first {
	background: none;
}
#footer li.last {
	padding-right: 0;
	width: 111px;

}
#footer a {
	color: #ffffff;
}
#footer a:hover {
	color: #e45e05;
}
#footer li a.fp {
	background: url(images/fp.gif) no-repeat 100% 50%;
	padding: 4px 18px 4px 0;

}
#footer li a.fp:hover {
	background: url(images/fp-hover.gif) no-repeat 100% 50%;
	padding: 0 18px 0 0;
}

#footer a:visited {
	color: #999999;
}
body #footer.content-footer {
	background: url(images/footer-bg.gif) no-repeat 40px 0;
	margin: auto;
	overflow:hidden;
	width: 942px;
}
body > #footer.content-footer {
	float: none;
	background: url(images/footer-bg.gif) no-repeat 40px 0;
	height: 45px;
}
#footer.content-footer ul {
	margin: 0 0 0 302px;
	width:600px;
	position:absolute;
}
#footer.content-footer li {
	padding:33px 15px 20px 15px;
	background: url(images/bar.gif) no-repeat 0 35px;
}
/* Form */
#stdForm {
	clear: both;
}
.enquiryForm span.radiooption {
	display:block;
	margin:4px 0;
	width:300px;
}
.alertMessage {
	padding: 5px;
	clear: both;
	border: 1px solid #ff6600;
	margin: 5px 0;
	width: 450px;
}

label {
	float: left;
	padding: 3px 5px 0 0;
	width: 200px;
	color: #fff;
	font-size: 1.1em;
}
select {
	font-size:1em;
	border:1px solid #ccc;
	padding:1px 0;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
option {
	padding:0 2px;
}

.inputRow {
	height:1%;
	overflow:hidden;
	clear:both;
}
.inputArea {
	float: left;
	text-align: left;
	padding: 0 0 5px 0;
}
.formErrorMessage {
	font-size:1.1em;
	color:#e45e05;
}

.invalidInputArea input, .invalidInputArea textarea, .invalidInputArea select, .requiredRow input, .requiredRow textarea {
	border:1px solid #ff6600;
}

input, textarea {
	width: 260px;
	border: 1px solid #ccc;
	padding: 2px 0;
	font-size: 1.2em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
input.radioInput {
	border:none;
	width:auto;
}
textarea {
	height: 100px;
	
}
.submit-row {
	width: 262px;
	float:right;
	border-bottom: 1px solid #d9d9d9;
}
.submit {
	cursor: pointer;
    width: 100px;
	height: 20px;
	margin: 0 0 0 364px;
	padding: 0 0 2px 0;
	clear: both;
	background: #e45e05 none repeat scroll 0% 50%;
	border-color: #E8E6E2 rgb(115, 113, 107) rgb(115, 113, 107) rgb(232, 230, 226);
	border-style: solid;
	border-width:2px;
	color: #fff;
	font-size: 1em;
}
.required {
	color:#e45e05;
}
.submit:hover, .buttonHover {
	background: #aa4603;
}
fieldset {
	border: none;
	overflow:hidden;
	height:1%;
	margin:10px 0 0 0;
}
.busySignal {
	position:absolute;
	background:#fff url('images/spinner.gif') no-repeat 50% 50%;
	color:#000;
}
/** 404 error page **/
#error-404 {
	color: #fff;
	padding: 0 0 0 0;
	
}

#right-content-body #column ul.toc {
	list-style-type: none;
	width: 300px;
}
.h2-li {
	background: url(images/orng-bullet.gif) 0 50% no-repeat;
	padding: 0 0 0 8px;
}
.h3-li {
	background: url(images/sml-orng-bullet.gif) 11px 50% no-repeat;
	list-style-position: inside;
	padding: 0 0 0 13px;
}
#right-content #column .h2-li a{
	font-size:1.2em;
	color: #e45e05;
	text-decoration: none;
	
}
#right-content #column .h3-li a{
	font-size:1.0em;
	color: #e45e05;
	padding: 0 0 0 5px;
	text-decoration: none;
	
}
#right-content #column .h2-li a:hover, #right-content #column .h3-li a:hover {
	text-decoration: underline;
}
.h4-li {
	font-size:1.2em;
	color: #e45e05;
	padding: 0 0 0 10px;
}
.back-to-top-h2 {
	float: right;
	font-size: 0.9em;
	color: #e45e05;
	margin: -28px 0 0 0;
}
.back-to-top-h3 {
	float: right;
	font-size: 0.9em;
	color: #e45e05;
	margin: -5px 0 0 0;
}
h2.page {
	margin: 15px 0 0 0;
}
#video {
	margin-left: 12px;
	margin-top: 10px;
	width: 605px;
	height: 305px;
}
#content-container #right-content #right-content-body #column #videoSelector {
	margin-left: 12px;
	width: 605px;
	min-height: 159px;
	background-color: #3d3d3d;
	margin-top: 13px;
	padding-bottom: 10px;
}
#videoSelector ul {
	width: auto;
}
#videoSelected {
	float: left;
	margin: 10px 10px 10px 0px;
	list-style-type: none;
	padding: 0px;
}
#videoUnselected {
	float: left;
	margin: 10px 10px 10px 0px;
	list-style-type: none;
	padding: 0px;
}
#videoSelected a, #videoUnselected a {
	display: block;
	width: 97px;
	height: 124px;
	border: 3px solid #FFFFFF;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	padding: 7px 12px;
}
#videoSelector #videoSelected a:hover {
	text-decoration: none;
	color: #ffffff;
}
#videoUnselected a {
	border: 1px solid #3d3d3d;
}
#videoSelector #videoUnselected a:hover {
	border: 1px solid #FFFFFF;
	text-decoration: none;
	color: #ffffff;
}
.videoImage {
	display:block;
	width:93px;
	border: 1px solid #272727;
}
#right-content #videoSelector #videoUnselected a span,
#right-content #videoSelector #videoSelected a span {
	margin-top: 3px;
	position:static;
  	left:auto ;  	
  	display:block ;
  	visibility: visible;
  	top:auto; 
}

.description {
	clear: both;
}