/*================================================================================
				TITLE:	Default Style Sheet
		   CLIENT:	Hibiscus Stables
  TARGET SPEC:	CSS-2
		 MODIFIED:	2006.01.27
 	  AUTHOR(S):	Graham Wheeler / NetMediaOne - www.netmediaone.com
==================================================================================*/

html, body { height: 100%; min-width: 760px; margin: 0; padding: 0; }

body, .BodyText {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
	line-height: 1.6;
}
body { background: #2f3e99 url("images/bg_pattern.jpg") repeat-x; padding-bottom: 30px; }

ul, img, table, div { margin: 0px; padding: 0px; border: none; }

a { color: #35b; text-decoration: underline; }
a:hover {color: #35b; text-decoration: none; }

ul { list-style: square outside; margin: 0px 0px 0px 15px; color: #05a; }
ul li span { color: #000; }

td { text-align: left; vertical-align: top; }

blockquote { font-size: 11px; font-style: italic; margin: 20px 20px 0px 20px; padding: 0px; }

h1 { font: bold 17px Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 15px 0px; color: #547644; }
h2 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px; padding-bottom: 2px; border-bottom: 1px solid #e0e0c7; color: #05a; }
h3 { font: bold 13px Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px; color: #547644; }
h4 { font: bold 11px Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px; color: #05a; }
h5 { font: bold 10px Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 4px 0px;color: #404040; text-transform: uppercase; }

h1 + p, h2 + p, h3 + p, p:first-child { margin-top: 0px; }
p + h1, P + h2, p + h3 { margin-top: 30px; }
p:last-child { margin-bottom: 0px; }


.GalleryThumbnail {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	padding-bottom: 10px;
}
.GalleryThumbnail img {
	border: 1px solid #e0e0c7;
	padding: 4px;
	background: #fff;
	height: 73px;
	margin-bottom: 2px;
}

#popupScreen { position: absolute; top: 0px; left: 0px; width: 100%; background: #05a; height: 100%; z-index: 998; }
#galleryImageViewer { position: absolute; top: 20px; left: 50%; margin-left: -400px; z-index: 999; background: #333; padding: 5px; }
#galleryImageViewer .TitleBar { background: #333; padding: 0px 10px 7px 10px; color: #fff; font: bold 17px Verdana, Arial, Helvetica, sans-serif; }
#galleryImageViewer .TitleBar span { font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

.BorderedPic, .BorderedPicLeft, .BorderedPicRight { border: 1px solid #e0e0c7; padding: 4px; background: #fff; margin-bottom: 2px; }
.BorderedPicLeft { float: left; margin-right: 10px; }
.BorderedPicRight { float: right; margin-left: 10px; }

.FAQTable { width: 240px; float: left; border: 1px solid #333; border-bottom: 0px; margin-right: 30px; }
.FAQTable th { padding: 3px 5px 3px 5px; background: #333; color: #fff; text-align: left; }
.FAQTable td { padding: 3px 5px 3px 5px; border-bottom: 1px solid #333; }
.FAQTable .RightCell { width: 80px; text-align: right; }

.RosterTable { width: 100%; border: 1px solid #333; border-bottom: 0px; }
.RosterTable th { padding: 3px 5px 3px 5px; background: #05a; color: #fff; text-align: center; }
.RosterTable td { padding: 3px 5px 3px 5px; border-bottom: 1px solid #333; text-align: center; }
.RosterTable .Name { width: 200px; text-align: left;}
.RosterTable .Sex { width: 50px; text-align: left;}
.RosterTable .YOB { width: 100px; }
.RosterTable .Sire { width: 200px; text-align: left;}
.RosterTable .Row { background: #fff; }
.RosterTable .AltRow { background: #ffd; }


.StatsTable { width: 100%; border: 1px solid #333; border-bottom: 0px; }
.StatsTable th { padding: 3px 5px 3px 5px 3px; background: #05a; color: #fff; text-align: center; }
.StatsTable td { padding: 3px 5px 3px 5px 3px; border-bottom: 1px solid #333; text-align: center; }
.StatsTable .Date { width: 100px; text-align: left;}
.StatsTable .Track { width: 35px; text-align: left;}
.StatsTable .Type { width: 210px;  text-align: left;}
.StatsTable .Finish { width: 50px; text-align: right;}
.StatsTable .Earnings { width: 100px; text-align: right;}
.StatsTable .Lifetime { width: 495px; text-align: left;}
.StatsTable .Row { background: #fff; }
.StatsTable .AltRow { background: #ffd; }


.HorseOverview { margin: 20px 0px 0px 0px; }
.TrainerHighlights { padding: 9px; border: 1px solid #e0e0c7; background: #fff; margin: 20px; color: #333; }
.TrainerHighlights li { margin-left: 20px; padding-left: 0px; }

.NewsItem { margin: 20px 0px 0px 0px; border-top: 1px solid #ccc; padding-top: 5px; }
.NewsItem h2 { border-bottom: 0px; }
.NewsItem .ItemContent { margin: 0px 10px 0px 10px; }

.Sep1 { background: url("images/bg_sep1.gif") repeat-x; height: 10px; margin-top: 10px; }
.Sep2 { clear: both; height: 20px; margin-top: 20px; border-top: 3px solid #c0c0c0; }

.HeaderImage { margin-bottom: 20px; display: block; }

.QuickLinkIcon { float: left; margin-right: 8px; }
.QuickLink { text-decoration: none; color: #5a794b; }
.QuickLink:hover { text-decoration: underline; color: #5a794b; }

.SpacerBlock { clear: both; height: 20px; }
.ClearingBlock { clear: both; height: 5px; padding-top: 5px; line-height: 1px; }


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

#pageWrapper, #footerSection { width: 756px; margin: 0px auto 0px auto; }
#pageWrapper { background: #fff url("images/bg_page.gif") repeat-y; }

#mastHead { display: block; margin: 0px; padding: 0px; }

#navSection { position: absolute; top: 69px; left: 50%; margin-left: -361px; width: 730px; z-index: 997; }
#navSection a { display: block; float: left; margin: 0px; zoom: 1; }

#bannerSection, #contentSection { width: 730px; margin: 0px auto 0px auto; }

#bannerSection { height: 90px; margin-top: 42px; margin-bottom: 10px; }
.LayoutHome #bannerSection { height: 180px; }

#contentSection { background: #eed; border: 1px solid #e0e0c7; border-bottom: 0px; width: 690px; padding: 19px; }

#quickLinksBox { float: right; width: 180px; margin-left: 20px; }

#footerSection {
	background: url("images/bg_footer.gif") repeat-x;
	font-size: 10px;
	text-align: center;
	height: 115px;
	padding-top: 40px;
}

.ColumnSeparator { background: url("images/pattern_sepdots.gif") repeat-y; width: 40px; }
.Column { float: left; }

.LayoutHome #column1 { width: 470px; margin-right: 40px; }
.LayoutHome #column2 { width: 180px; }

.LayoutSub1A #column1 { float: none; }

.LayoutSub2A #column1 { width: 470px; margin-right: 40px; }
.LayoutSub2A #column2 { width: 180px; }

.LayoutSub2B #column1 { width: 180px; margin-right: 40px; }
.LayoutSub2B #column2 { width: 470px;  }