/*
** YellowHorses.css Default Stylesheet
    
    color: #00008B;
    background-color: #FFD700;
    background-image: url('file:///C:/Users/Mark/Documents/Visual Studio 2008/WebSites/YellowHorses1.0/images/background.gif');
    background-repeat: repeat;

*  Standard Colours
    color: #A02000;                       Orange Red    Headings
    color: #406080;                       Steel Blue      Normal Text
    background-color: #FFFF55;      Light Yellow    Background for Content pages
    background-color: #FFDD00;      Gold              Background for Navgation bar and Table headings
    
	color: #00008B;       Dark Blue (was default for menu items)
    
*/

/*
*  Body style sets the default text and background colour for the site
*/
.yhBody
{
    font-family: verdana, ariel, sans-serif;
    color: #406080;
    background-color: #FFFF55;
    padding: 0px;
    margin: 0px;
    font-size:100%;   /* Fix for IE to prevent excessive changes when user selects larger or smaller font size */
    line-height:1.125em;    
    min-width: 65em;
}
.yhBodyText
{
    font-size: 0.875em;
}
/*
*  Header style used for 'YellowHorses.com' strap line - background color must match logo graphic
*/
.yhHeader 
{
	text-align: center;
    background-color: Yellow;
    border-width: 0;
    border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}
/*
*  Navigation bar style for horizontal menu - sets a deeper background colour to highlight menu items
*
*  Item style sets left/top/right border for 'tab' effect - border color must match background default for yhBody
*  Selected item style also sets background color to match background default for yhBody ('selected tab' effect)
*/
.yhNavbar 
{
    background-color: #FFDD00;
	border-width: 0;
    border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}
.yhNavbarItem 
{
    width: 100px;
    height: 20px;
	color: #406080;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	border-style: solid;
	border-width: 1px 2px 0px 2px;
	border-color: #FFFF55;
}
.yhNavbarSelectedItem 
{
	background-color: #FFFF55;
}
.yhNavbarHoverItem 
{
    color: White;
	/*background-color: #6666FF;*/
}
/*
*  Navigation bar style for vertical menus 
*/
.yhMenu
{
	border-width: 0;
    border-collapse: collapse;
    font-size: 0.9em;
	padding: 0;
	margin: 0;
}
.yhMenuItem 
{
	color: #406080;
}
.yhMenuSelectedItem 
{
	color: #A02000;
	font-weight: bold;
}
.yhMenuHoverItem
{
    font-weight: bold;
    text-decoration: underline;
}
h1.yhMenu
{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0.5em 0.5em 0.3em 0.5em;
}
h2.yhMenu
{
    font-size: 1.0em;
    font-weight: bold;
    margin: 0.3em 0.5em 0.3em 0.5em;
}
/*
**  Title style for YellowHorses.com
*/
.yhTitle {
	font-family: lucida calligraphy, Lucida Handwriting, Lucida Bright, Lucida Sans; color: Blue; font-size:largest;
}
.yhContentContainer
{
    margin: 0;
    padding: 0;
    border-collapse:collapse;
    border: 0px;
    border-style: none;
}
.yhContent
{
    margin: 0;
    padding: 0;
    /* font-size: 0.875em;  /* When viewed at Medium text size, 16px * 0.875 = 14px */
}
table.yhContent {
    table-layout: fixed; 
    width: 100%;   
    margin: 0;
    padding: 0;
}
caption.yhContent {
	font-weight: bold;
}
td.yhContent {
    vertical-align: top;
    font-size: 0.875em;  /* When viewed at Medium text size, 16px * 0.875 = 14px */
}
.yhAlignTop {
    vertical-align: top;
}
.yhAlignLeft {
    text-align: left;
}
.yhAlignRight {
    text-align: right;
}
.yhWidth10 {
    width: 10%;
}
.yhWidth20 {
    width: 20%;
}
.yhWidth30 {
    width: 30%;
}
.yhWidth40 {
    width: 40%;
}
.yhWidth50 {
    width: 50%;
}
.yhFontNormal {
    font-size: 0.875em;
}
h1.yhContent
{
    color: #A02000;
    font-style: italic;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.8em;
    vertical-align: bottom;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-family: Georgia, Arial, Helvetica, sans-serif;
}
h2.yhContent
{
    color: #A02000;
    font-style: italic;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.5em;
    vertical-align: bottom;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    font-family: Georgia, Arial, Helvetica, sans-serif;
}
h3.yhContent
{
    font-style: italic;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1.5em;
    vertical-align: bottom;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    font-family: Georgia, Arial, Helvetica, sans-serif;
}
p.yhContent {
    font-size: 0.875em;  /* When viewed at Medium text size, 16px * 0.875 = 14px */
}
.yhButton 
{
    color: #406080;
    font-weight:bold;
    width:100px;
    height:25px;
}
.yhButtonWide 
{
    color: #406080;
    font-weight:bold;
    height:25px;
    margin: 0;
    padding: 0;
}
.yhYellowButton 
{
    color:#00008B;
    background-color:Yellow;
    font-family:Verdana;
    font-size:0.8em;
    font-weight:bold;
    width:100px;
    height:25px;
}
/*
** Standard Gridview styles
*/
.yhGridViewContainer
{
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-style: none;
    border-color: #FFDD00;
    border-width: 0px;
    width: 100%;
}
.yhGridViewAlternateStyle
{
    background-color: #FFFF77;
}
.yhGridViewTitle
{
    font-size: 0.9em;
    font-weight:bold;
}
.yhGridViewEntry
{
    font-size: 0.8em;
}
/*
** Display Advert Styles
*/
.yhDirectoryContainer
{
    margin: 0;
    padding: 0;
    border-collapse:collapse;
    border-style: solid none none none;
    border-color: #FFDD00;
    border-width: 1px 0px 0px 0px;
    width: 100%;
}
.yhDirectoryAlternateStyle
{
    background-color: #FFFF77;
}
.yhDirectoryTitle
{
    font-size: 0.9em;
    font-weight: bold;
}
.yhDirectoryEntry
{
    font-size: 0.9em;
}
.yhBasicContainer
{
    border-style: solid none none none;
    border-color: #FFDD00;
    margin: 0px 0px 5px 0px;
    padding: 5px 0px 5px 0px;
    border-collapse: collapse;
    border-width: 1px 0px 0px 0px;
}
.yhBasicTitle
{
    color: #A02000;
    float: left;
    font-weight: bold;
}
.yhBasicUrl
{
    float: right;
    font-weight:bold;
    text-align: right;
}
a.yhBasicUrl:visited
{
    color: #406080;
}
a.yhBasicUrl:hover
{
    text-decoration: underline;
}
.yhBasicEntry
{
    float: left;
    max-width: 70%;
    margin-left: 1.5em;
}
.yhBasicSummary
{
    margin-top: 0.5em;
    font-style: italic;
    font-weight: bold;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}
.yhBasicSideBar
{
    float: right;
    text-align: right;
    max-width: 28%;
    margin-top: 5px;
}

/*
** Display Advert Styles (deprecated)
*/
.yhDisplayAdvertTable
{
    border: solid 1.0px #FFDD00;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #FFFF66;
}
.yhDisplayAdvertFree
{
    font-size: 0.7em;
}
.yhDisplayAdvertFreeTitle
{
    color: #A02000;
    font-size: 0.7em;
    font-weight:bold;
}
.yhDisplayAdvertBasic
{
    font-size: 0.8em;
    color: #406080;
}
.yhDisplayAdvertBasicTitle
{
    font-size: 0.8em;
    font-weight: bold;
    color: #A02000;
    background-color: #FFDD00;
    padding: 3;
    margin: 3;
}
.yhDisplayAdvertBasicUrl
{
    font-size: 0.8em;
    font-weight: bold;
    text-align: right;
    color: #A02000;
    background-color: #FFDD00;
}

a.yhDisplayAdvertBasicUrl:visited
{
    color: #A02000;
}
/*
** Page Layout
**
** Basic 20%-60%-20% three-column layout with relative positioning. 
** #centrecolumn appears first in HTML source for SEO
*/
#header
{
margin-bottom: 0;
text-align: center;
}

#container
{
    clear: both;
	position: relative;
	float: left;
    padding: 0%;
    margin: 0%;
	overflow: hidden;
	width: 100%;
	min-width: 65em;
}

#container-mid
{
	position: relative;
	float: left;
	width: 100%;		/* width of page */
	right: 22%;			/* offset from right by width of the right column */
}

#container-inner
{
	position: relative;
	float: left;
	width: 100%;		/* width of page */
	right: 60%;			/* offset from right by width of the middle column */
}

#centrecolumn
{
	position: relative;
	float: left;
	width: 58%;			    /* width of center column content (60% column width minus 1% padding on either side) */
	min-width: 30em;
	left: 101%;			        /* 100% offset for left column plus 1% paddding */			
    padding: 0%;
    margin: 0%;
	overflow: hidden;
}

#leftcolumn
{
	position: relative;
	float: left;
	width: 16%;			    /* Width of left column content (20% column width minus 1% padding on either side) */
	min-width: 14em;
	left: 25%;			        /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
    padding: 0%;
    margin: 0%;
    overflow: hidden;    
}

#rightcolumn
{
	position: relative;
	float: left;
    width: 20%;                /* Width of right column content (22% column width minus 1% padding on either side) */
	min-width: 16em;
	left: 88%;			        /* (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
    padding: 0%;
    margin: 0%;
    overflow: hidden;    
} 
#footer
{
clear: both;
} 
/*
** Page Layout (deprecated)
*/
#centrecolumn2
{
    float: left;
    width: 65%;
    padding: 0px;
    margin-top: 0px;
    margin-left: 1%; 
}

#leftcolumn2
{
    float: left;
    width: 15%;
    min-width: 15em;
    padding: 0px;
    margin-top: 0px;
    margin-left: 0%;
    display: inline;
}

#rightcolumn2
{
    float: right;
    width: 15%;
    min-width: 12em;
    padding: 0px;
    margin-top: 0px;
    margin-left: 1%;
} 
/*
**  Login
*/
.yhLogin
{
    text-align: left;
    font-family: Verdana;
    font-size: 0.9em;
    margin: 0.8em;
}
.yhLoginName {
    color: #A02000;
    font-weight: bold;
    margin: 0.5em 0.5em 0.3em 0.8em;
}
td.yhLogin
{
    text-align: center;
    font-family: Verdana;
}