/* Main Site styles */
body {
	color: #000000;
	font-family: arial,"Times Roman";
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 5px;
}



/*******************************
Begin HTML selectors
*******************************/
.arrow1 {									/* lime green 4x7 */
	background: url("/images/misc/arrow1.gif") no-repeat top left;
	margin: 0;
	padding: 0 0 0 8px;
}
.arrow2 {									/* dark green 8x14 */
	background: url("/images/misc/arrow2.gif") no-repeat top left;
	display: block;
	margin: 0;
	padding: 0 0 0 12px;
}
.arrow3 {									/* dark green 5x9 */
	background: url("/images/misc/arrow3.gif") no-repeat top left;
	margin: 0;
	padding: 0 0 0 8px;
}

.bg1 { background: #282828; }				/* black-gray. */
.bg2 { background: #e5f7ca; }				/* bright lime. */
.bg3 { background: #b6e96c; }				/* dark lime. */
.bg4 { background: #2c5444; }				/* dark green. */
.bg5 { background: #e3b78f; }				/* dark tan. primary use: classifieds */
.bg6 { background: #e8d6bd; }				/* brown tan. primary use: classifieds */

.bg-black { background: #000; }
.bg-white { background: #fff; }

.body-border {
	width: 911px;
	border-top: 2px solid #2c5444;
	border-left: 1px solid #2c5444;
	border-right: 1px solid #2c5444;
	border-bottom: 2px solid #2c5444;
	margin: 0 auto;
	padding: 8px 0 8px 0;
}

/* hide from Mac IE5 \*/
.digest {
	clear: both;
	display: block;
	margin: 0;
	padding: 0 0 20px 0;
}
/* END hide */

/* hide from Mac IE5 \*/
.digest_front {
	clear: both;
	display: block;
	margin: 0;
	padding: 0 0 20px 0;
}
/* END hide */

.footer-border {
	width: 911px;
	border-left: 1px solid #2c5444;
	border-right: 1px solid #2c5444;
	margin: 0 auto;
	padding: 0;
}

.float-l { float: left; }
.float-r { float: right; }

/*******************************
End HTML selectors
*******************************/




/*******************************
Begin ID selectors
*******************************/


/**************************
Footer elements. 
Font styles, sponsors table.
**************************/
#footer {											/* white text, 10px. */
	color: #fff;
	font-family: arial,"Times Roman";
	font-size: 10px;
	font-weight: bold;
}
#footer a {
	color: #fff;
}
#footer h4 {										/* dark green text, 11px */
	color: #234336;
	font-family: arial,"Times Roman";
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#footer h4 a {
	color: #234336;
	text-decoration: none;
}
#footer h4 a:hover {
	color: #234336;
	text-decoration: underline;
}
#footer img {										/* image position, border */
	clear: both;
	display: block;
	border: 1px solid #282828;
	margin: 0;
	padding: 0;
}




/**************************
Masthead elements. 
Background, logo position, 
user services and font styles.
**************************/
#header {
	background: url("/images/misc/bg_header.gif") transparent top left;
	height: 98px;
	color: #234336;
	font-family: arial,"Times Roman";
	font-size: 10.5px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#header a {
	color: #234336;
}

/* hide from Mac IE5 \*/
#header .logo {
	position: relative;
	top: 21px;
	left: 9px;
	margin: 0;
	padding: 0;
}
/* END hide */

/* header user services. hide from Mac IE5 \*/
#header .services {
	float: right;
	display: block;
	position: relative;
	font-size: 11px;
	top: 22px;
	right: 100px;
	margin: 0;
	padding: 0;
}
/* END hide */

#header .services form {
	margin: 0;
	padding: 0;
}
#header .services input {
	background: #fff;
	border: 1px solid #b6e96c;
	color: #000;
	font-family: arial,"Times Roman";
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}




/**************************
Module elements. 
Background, box structure and font styles 
for all content modules.
**************************/
#modules {
	color: #000;
	font-family: arial,"Times Roman";
	font-size: 11px;
	font-weight: normal;
}
#modules a {
	color: #000;
	text-decoration: underline;
}

/* generic styles */
#modules h1 {											/* black text, 18px */
	display: inline;
	color: #000;
	font-family: arial,"Times Roman";
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#modules h2 {											/* white text, 10px */
	display: inline;
	color: #fff;
	font-family: arial,"Times Roman";
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#modules h3 {											/* black text, 14px */
	display: inline;
	color: #000;
	font-family: arial,"Times Roman";
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#modules h4 {											/* dark green text, 11px */
	display: inline;
	color: #234336;
	font-family: arial,"Times Roman";
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#modules h4 a {
	color: #234336;
	text-decoration: none;
}
#modules h4 a:hover {
	color: #234336;
	text-decoration: underline;
}

/* hide from Mac IE5 \*/
#modules ul {											/* arrow2 headline container */
	display: block;
	margin: 0;
	padding: 2px 0 0 0;
}
/* END hide */

/* hide from Mac IE5 \*/
#modules li {											/* arrow2 headline */
	display: block;
	list-style-type: none;
	background: url("/images/misc/arrow2.gif") no-repeat top left;
	color: #000;
	font-family: arial,"Times Roman";
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 12px;
}
/* END hide */


#modules .classifieds {										/* classifieds footer background, top border */
	background: url("/images/misc/bg_module.gif") transparent bottom left repeat-x;
	border-top: 1px solid #b6e96c;
	text-align: left;
}
#modules .classifieds input {								/* classifieds form styles */
	border: 1px solid #2c5444;
	width: 70px;
	color: #000;
	font-family: arial,"Times Roman";
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#modules .container {										/* footer background, top border */
	background: url("/images/misc/bg_module.gif") transparent bottom left repeat-x;
	border-top: 3px solid #b6e96c;
	text-align: left;
	margin: 0;
	padding: 8px 8px 0px 8px;
}
#modules .container img {									/* image position, border */
	clear: both;
	display: block;
	border: 1px solid #282828;
	margin: 5px;
	padding: 0;
}
#modules .container img.sponsors {							/* inside sponsors image position, border */
	clear: both;
	display: block;
	border: 1px solid #282828;
	margin: 14px auto;
	padding: 0;
}
#modules .container p {										/* headline spacing */
	margin: 0;
	padding: 2px 0 2px 0;
}
#modules .header {											/* dark green background */
	background: #2c5444;
	height: 15px;
	margin: 0;
	padding: 3px 0 2px 5px;
}
#modules .module {											/* black text, 11px */
	color: #000;
	font-family: arial,"Times Roman";
	font-size: 11px;
	font-weight: normal;
}
#modules img.photo-l {										/* align inside photo left */
	float: left;
	display: block;
	border: 1px solid #282828;
	margin: 0 8px 0 0;
	padding: 0;
}
#modules img.photo-r {										/* align inside photo right */
	float: right;
	display: block;
	margin: 0 0 0 8px;
	padding: 0;
}


/* horsecity.com tv styles */
#modules #hc-tv1 {											/* 2px border dark green */
	border: 2px solid #2c5444;
	margin: 0;
	padding: 0;
}
#modules .hc-tv2 {											/* 3px boder lime green */
	border: 3px solid #b6e96c;
	margin: 0;
	padding: 0;
}
#modules .hc-tv2 img {										/* image positioning */
	clear: both;
	display: block;
	margin: 0;
	padding: 15px 0 10px 30px;
}


/* section and story page styles */
#modules .inside {											/* black text, 12px */
	color: #000;
	font-family: arial,"Times Roman";
	font-size: 12px;
	font-weight: normal;
}
#modules .inside .header2 {									/* dark green background with 3px lime green border */
	background: #2c5444;
	border-bottom: 3px solid #b6e96c;
	margin: 0;
	padding: 3px 0 2px 5px;
}




/**************************
Nav elements. 
**************************/

/* Font and border style for Masthead nav */
#nav {
	color: #234336;
	font-family: arial,"Times Roman";
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#nav a {
	color: #234336;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 11px;
}
#nav a:hover {
	color: #234336;
	text-decoration: underline;
}
#nav a.border {										/* arrow3 OFF for all nav. 2px white border. */
	border-right: 2px dotted #fff;
	margin: 0;
	padding: 0 11px 0 11px;
}
#nav a.arrow-on {									/* arrow3 ON for inside nav. */
	background: url("/images/misc/arrow3.gif") no-repeat top left;
	margin: 0 0 0 11px;
	padding: 0 11px 0 11px;
}


/* hide from Mac IE5 \*/
#nav .nav-table {									/* nav row position */
	clear: both;
	display: block;
	margin: 0;
	padding: 30px 0 0 0;
}
/* END hide */

/*******************************
End ID selectors
*******************************/



/*******************************************************************************
Begin Photo Table
This is for the photo table that appears on story pages. This controls the float
attributes that float it to the right of the story.
*******************************************************************************/
.caption {
    border: 0px none #fff;
    font-family: Arial,Sans-Serif;
    font-size: 11px;
    display: none;
    margin: 0 0 10px;
    width: 220px;
}

/*******************************************************************************
End Photo Table
*******************************************************************************/