/* CSS Document */
body {
	margin: 0px auto 0px auto;
	text-align: center;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}

a {color:#CC0033;}
a:hover {color:#999999;}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl {
	margin:0px;
	padding:0px;
}

ul {
	padding: 10px 40px 0px 60px;
	line-height: 14px;
	list-style-position: inside;
}

#container { 
	width: 824px;
	margin: 0px auto 0px auto;
	text-align: center;
}

#container2 {
	width: 824px;
	margin: 0px auto 0px auto;
	text-align: center;
	background-image: url(../images/inside/inside_09.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#container3 {
	width: 824px;
	margin: 0px auto 0px auto;
	text-align: center;
	background-image: url(../images/inside/landingpage_04.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#col1 { width: 302px; float: left;}

#col2 { width: 507px; float: left;}

#col3 { width: 15px; float: left;}

#maincontent {
	background-image: url(../images/index/index_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 288px;
	width: 302px;
}

#maincontent p {
	font-family: Arial;
	font-size: 11px;
	line-height: 21px;
	color: #000000;
	margin:0px;
	padding: 60px 25px 0px 45px;
	text-align: left;
}

#events2 {
	width: 410px;
	float: left;
	background-image: none;
	height: 155px;
	background-repeat: no-repeat;
	background-position: left top;
}

#events2 p {
	font-family: Arial;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	margin:0px;
	padding: 40px 40px 0px 50px;
	text-align: left;
}

#where {
	background-image: url(../images/index/index_10.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 155px;
	width: 414px;
	float: left;
}

#where p {
	font-family: Arial;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	margin:0px;
	padding: 45px 60px 0px 35px;
	text-align: left;
}

#insidecol1 { width: 174px; float: left;}

#insidecol2 {
	width: 650px;
	float: left;
	background-image: url(../images/inside/inside_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}

#insidecol2 p { margin: 0px; padding: 10px 40px 0px 40px;}

#saddles {
	width: 650px;
	float: left;
	background-image: url(../images/inside/header_saddles_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}

#saddles p { margin: 0px; padding: 10px 40px 0px 40px;}

#noimage {
	width: 650px;
	float: left;
	background-image: url(../images/inside/header_none.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}

#noimage p { margin: 0px; padding: 10px 40px 0px 40px;}

#tack {
	width: 650px;
	float: left;
	background-image: url(../images/inside/header_tack_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}

#tack p { margin: 0px; padding: 10px 40px 0px 40px;}

#repairs {
	width: 650px;
	float: left;
	background-image: url(../images/inside/header_repairs_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}

#repairs p { margin: 0px; padding: 10px 40px 0px 40px;}

#calendar {
	width: 650px;
	float: left;
	background-image: url(../images/inside/header_calendar_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}

#calendar p { margin: 0px; padding: 10px 40px 0px 40px;}

#security {
	width: 650px;
	float: left;
	background-image: url(../images/inside/header_security_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}

#security p { margin: 0px; padding: 10px 40px 0px 40px;}

#events {
	width: 650px;
	float: left;
	background-image: url(../images/inside/header_events_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}

#events p { margin: 0px; padding: 10px 40px 0px 40px;}

#truck {
	width: 650px;
	float: left;
	background-image: url(../images/inside/header_truck_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}

#truck p { margin: 0px; padding: 10px 40px 0px 40px;}

#forum {
	width: 650px;
	float: left;
	background-image: url(../images/inside/header_forum_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}

#forum p { margin: 0px; padding: 10px 40px 0px 40px;}

#associations {
	width: 650px;
	float: left;
	background-image: url(../images/inside/header_associations_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}

#associations p { margin: 0px; padding: 10px 40px 0px 40px;}

#sidepanel {
	background-image: url(../images/inside/inside_11.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 285px;
	width: 174px;
	margin-top: 40px;
	text-align: left;

}

#sidepanel p { font-size: 10px; margin: 0px; padding: 50px 20px 20px 40px; line-height: 14px;}

#sidepanel2 {
	background-image: url(../images/inside/contact_18.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 160px;
	width: 174px;
	margin-top: 50px;
	text-align: left;

}

#sidepanel2 p { font-size: 10px; margin: 0px; padding: 50px 20px 20px 27px; line-height: 14px;}


#navcontain { width: 824px; height: 41px; float: left;}

.red { color: #BF161C;}
.red a{ color: #BF161C;}
.red a:hover{ color: #000000;}


.smallrecovtext { font-size: 9px; line-height: 10px;}


#nav { 
	background: url(../images/index/nav.jpg) no-repeat; 
	width:824px; 
	height:41px; 
	margin-bottom:0; 
	}

#nav span { display: none; }
#nav {margin: 0px; padding: 0px;}
#nav li, #nav a { height: 41px; display: block; }

#nav li { float: left; list-style: none; _display: inline; }

#nav-01 { width: 104px; left:0px; }
#nav-02 { width: 69px; left:104px; }
#nav-03 { width: 75px; left:173px; }
#nav-04 { width: 145px; left:248px; }
#nav-05 { width: 81px; left:393px; }
#nav-06 { width: 111px; left:474px; }
#nav-07 { width: 99px; left:585px; }
#nav-08 { width: 122px; left:684px; }

#nav-01 a:hover {background: transparent url(../images/index/nav.jpg) 	0px -41px no-repeat;}
#nav-02 a:hover {background: transparent url(../images/index/nav.jpg) -104px -41px no-repeat;}
#nav-03 a:hover {background: transparent url(../images/index/nav.jpg) -173px -41px no-repeat;}
#nav-04 a:hover {background: transparent url(../images/index/nav.jpg) -248px -41px no-repeat;}
#nav-05 a:hover {background: transparent url(../images/index/nav.jpg) -393px -41px no-repeat;}
#nav-06 a:hover {background: transparent url(../images/index/nav.jpg) -474px -41px no-repeat;}
#nav-07 a:hover {background: transparent url(../images/index/nav.jpg) -585px -41px no-repeat;}
#nav-08 a:hover {background: transparent url(../images/index/nav.jpg) -684px -41px no-repeat;}

/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position: absolute;
	left: -9999px;
	background-color:#ffffff;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	border:1px solid #fdeeb5;
	}
	
#padnav {

		margin-left: 20px;
	}

#nav li ul li { 
	height: 22px; /* Height of each drop down nav item */
	}	

#nav li ul li a {
	width: 100%;
	height: 22px;				/* Height of each drop down nav item, should match above */
	line-height: 22px;			/* Height of each drop down nav item again, should match above */
	color:#2686bc;
	}

#nav li ul li a span {
	display: block;
	padding-left: 13px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size: 11px;
	text-decoration: none;
	}

#nav li:hover ul, #nav li.sfhover ul	{ left: auto; }

/* Hover styles for drop down items */
#nav-01 ul a:hover { 
	background-image: none;
	background-color: #2686bc;
	color:#fff;
	}
#nav-03 ul a:hover { 
	background-image: none;
	background-color: #2686bc;
	color:#fff;
	}

#nav-04 ul a:hover { 
	background-image: none;
	background-color: #2686bc;
	color:#fff;
	}
	
#nav-05 ul a:hover { 
	background-image: none;
	background-color: #2686bc;
	color:#fff;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-01 ul, #nav-01 li { width:120px; }

#nav-03 ul, #nav-03 li { width:130px;  }

#nav-04 ul, #nav-04 li { width:135px;  }

#nav-05 ul, #nav-05 li { width:105px;  }


	/* 2nd tier drop down */
	#nav-09 ul li ul  {
		display:none;
		width:220px;
		margin-left:-222px; /* width of drop down nav +2 */
		margin-top:-23px; /* height of drop down nav item +1 */
		}
		
	#nav-09 ul li:hover ul, #nav-09 ul li.sfhover ul { 
		display:block;
		}
	
	#nav-09 ul li ul li a {
		width:220px;
		height:22px;
		}

	#nav-09 ul li.big, #nav-09 ul li.big a {
		height:70px;
		}
	#nav-09 ul li.big ul li a {
		height:22px;
		}