/*=======================================================================
	TITLE:		Default Style Sheet - Virginia Horse Journal
	TARGET:		CSS2 
	VERSION:	2005.12.08
	AUTHOR:		Graham Wheeler / NetMediaOne - www.netmediaone.com
=======================================================================*/

a { color: #06a; text-decoration: underline; }
a:hover { color: #06a; text-decoration: none; cursor: pointer; cursor: hand; }

body { background: #047; margin: 20px 0px 30px 0px; padding: 0px; }
body, .BodyText {
	color: #000;
	line-height: 1.36;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
body.LayoutPopup { margin: 5px 0px 2px 5px; background: #eec; }

h1, h2, h3, h4, hr, table, td, form, img { margin: 0px; padding: 0px; border: 0px; }

.SectionHeader {
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	background: #fafaeb;
	color: #06a;
	border-top: 1px solid #ddb;
	border-bottom: 1px solid #ddb;
	padding: 5px 0px 5px 7px;
	margin: 0px 0px 20px 0px;
	text-transform: uppercase;
	letter-spacing: .1em;
}

h1 {
	font: bold 21px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 20px 0px;
	color: #06a;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #ddb;
}

h2 {
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 15px 0px;
	color: #690;
}
h2.Blue { color: #06a; }
h2.ClassifiedCategory { border-top: 1px solid #06a; padding-top: 15px; }
h2.ClassifiedCategory a { float: right; font: normal 10px Verdana, Arial, Helvetica, sans-serif; }

h3 {
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	color: #690;
}
h3.Blue { color: #06a; }
h3.Headline { font-size: 13px; }

h4 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	color: #333;
}

ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style: square outside;
}

ul li {
	margin: 3px 10px 3px 10px;		
}
hr { height: 1px; background: #ddb; margin: 20px 0px 20px 0px; clear: both; }
blockquote { color: #06a; font-style: italic; font-weight: bold; }


.ArticleTitle { font: bold 17px Verdana, Arial, Helvetica, sans-serif; color: #06a; }
.ArticleSubTitle { font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #000; line-height: 1.55; }
.PicLeft { float: left; margin-bottom: 6px; margin-right: 10px; }
.PicRight { float: right; margin-bottom: 6px; margin-left: 10px; }
.BorderedPicLeft, .StallionListing .Thumbnail  { float: left; margin-bottom: 6px; margin-right: 10px; padding: 4px; border: 1px solid #ddb; }
.BorderedPicRight { float: right; margin-bottom: 6px; margin-left: 10px; padding: 4px; border: 1px solid #ddb; }
.BorderedPicCenter { display: block; margin: 20px auto 20px auto; padding: 4px; border: 1px solid #ddb; }

.StallionListing { border-bottom: 1px solid #ddb; padding-bottom: 17px; margin-top: 20px; }
.StallionListing .ImageBar { float: left; width: 140px; }
.StallionListing .Description { float: left; width: 390px; }

.ClassifiedAd {
	width: 90%;
	margin: 0px auto 20px auto;
	border: 1px dashed #ccc;
	padding: 10px;
	background-color: #fffff5;
}
.ClassifiedAd .BorderedPicCenter { margin-top: 0px; }

.DataTable { border: 1px solid #ddb; background-color: #fff; }
.DataTable thead, .DataTable .HeaderRow td { background-color: #ddb; }
.DataTable td { text-align: center; vertical-align: middle; padding: 3px; background-color: #fafaeb; }
.DataTable .AltRow td { background-color: #eed; }
.DataTable .HeaderRow td { padding: 5px; font-weight: bold; }

.PhotoCaption { font-size: 10px; font-style: italic; }

.SimplePedigree { background: #fffff6; padding: 10px; border: 1px solid #ddb; margin: 10px; }
.SimplePedigree .Level1 { color: #690; font-weight: bold; }
.SimplePedigree .Level2 { margin-left: 100px; }
.SimplePedigree .Level3 { margin-left: 230px; }


/*-----------------------------------------------
						MAIN LAYOUT SECTIONS
-----------------------------------------------*/

.CenteredContainer { margin: 0px auto 0px auto; padding: 0px; width: 760px; }

#topSection { margin-bottom: 6px; }
#topSection .CenteredContainer { width: 755px; padding-left: 5px; }

#topSection .NavLink, #topSection .NavLink2 { 
	border-bottom: 1px solid #06a;
	padding: 2px 0px 3px 8px;
	font-size: 10px;
	background: url("images/topnav_bullet.gif") no-repeat;
}
#topSection .NavLink a, #topSection .NavLink2 a { color: #fff; text-decoration: none; }
#topSection .NavLink a:hover, #topSection .NavLink2 a:hover  { text-decoration: underline; }
#topSection .NavLink2 { padding-bottom: 9px; } 
.TopNavBox { float: left; width: 130px; }
#topAdBox { float: right; width: 475px; }

#bannerSection { background: #035 url("images/bg_bannerSection.gif") repeat-x; }

#contentSection {	background: #035; }
#contentSection .CenteredContainer { background: #fafaeb url("images/bg_contentSection.gif"); padding: 0px; }
#navBar { width: 730px; margin: 0px 15px 0px 15px; height: 25px; background: #eec; }
#navBar td { padding: 0px; margin: 0px; }
#navBar .Sep { width: 17px; background: #eec; }


td.Sep { width: 20px; background: url("images/column_sep.gif"); padding-left: 20px; }
#columnWrapper { padding: 20px 35px 20px 35px; width: 690px; }
#columnWrapper td { vertical-align: top; }

.HomePage #column1 { width: 120px; padding-right: 20px; }
.HomePage #column2 { width: 370px; border-left: 1px solid #ddb; border-right: 1px solid #ddb; padding: 0px 19px 0px 19px; }
.HomePage #column3 { width: 120px; padding-left: 20px; }

.HomePage #column2 .SectionHeader { font-size: 19px; letter-spacing: .01em; }

.LayoutSub1 #column1 { float: none; padding: 0px 25px 10px 25px; width: 710px; }

.SubPage #column1 { width: 530px; }
.SubPage #column2 { width: 120px; }

#footerSection {
	clear: both;
	background: url("images/bg_footerSection.gif") repeat-x;
}

#footerSection .CenteredContainer {
	font-size: 9px;
	padding-top: 10px;
	background: url("images/bg_footerBlock.gif") no-repeat;
	height: 109px;
	text-align: center;
	line-height: 1.4;
}

.ClearingBlock {
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	height: 1px;
}

.SpacerBlock {
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 10px;
	height: 10px;
}

.Label {
	font: bold 12px Verdana, Helvetica, sans-serif;
	color: #555;
	width: 140px;
	text-align: right;
	padding: 4px 0px 4px 0px;
	margin: 0px 10px 5px 0px;
}

.TextBox, .TextArea, select { 
	margin-bottom: 5px;
	border: 1px solid #ddb;
	padding: 2px;
	height: 14px;
	font: normal 11px Verdana, Helvetica, sans-serif;
}
.TextArea { width: 98%; height: 100px; }

select { height: 18px; padding: 1px;  }

select.multiple { height: 90px; }

/*-------------------------------
				PULLDOWN MENUS
-------------------------------*/

.PullDownMenu {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 219px;
	visibility: hidden;
	display: block;
	z-index: 999;
	width: 180px;
	background: #047;
	line-height: 1.36;
	border: 1px solid #ddb;
	border-bottom: 0px;
}

.HomePage .PullDownMenu { top: 339px; }

.PulldownMenuItem, .PulldownMenuLastItem {	
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #06a;

	text-decoration: none;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	display: block;
	text-decoration: none;
	zoom: 1;
	border: 1px solid #ddb;
}
.PulldownMenuItem {	
	border-bottom: 0px;
}


.PullDownMenu .Sep {
	margin: 0px 10px 0px 10px;
	line-height: 0;
	border-top: 1px solid #999;
	padding-top: 4px;
}

.PulldownMenuItem a:hover { color: #333; background: #ddb; }

#menuStallionsOnline { left: 370px; }
#menuCalendar { left: 600px; width: 120px; }