a:link {color: #9900CC ;text-decoration: underline}
a:visited {color: #9900CC ;text-decoration: underline}
a:hover {color: #FF33CC ; text-decoration: underline}
a:active {color: #FF33CC ; text-decoration: underline}

body
{
background-color: black;
color: white;
font-family: verdana ;
max-width: 840px;
margin: 1em auto;

}

div.main
{

margin-left: auto;
margin-right: auto;
background-color: #FFFFCC; 
/*  background-color: #CCCCCC; */
color: black;
overflow: hidden; 
font-size: 80%;
line-height: 110%;

}

#banner { margin: 0 20px }

div.menu { margin: auto; width: 90%; text-align: center; font-weight: bold ; clear:both }
#m7 a {min-width: 5em; width: 14%; display: block; float: left; clear: none; margin-bottom: 0.2em}
#m3 a {min-width: 5em; width: 33%; display: block; float: left; clear: none; margin-bottom: 0.2em}
#m4 a {min-width: 5em; width: 24.5%; display: block; float: left; clear: none; margin-bottom: 0.2em}
#m5 a {min-width: 5em; width: 19.5%; display: block; float: left; clear: none; margin-bottom: 0.2em}
#m10 a {min-width: 5em; width: 9.8%; display: block; float: left; clear: none; margin-bottom: 0.2em; font-size: 90%}
#m10 p {clear: both; margin: 0.1em 0}
#m11 a {min-width: 5em; width: 9%; display: block; float: left; clear: none; margin-bottom: 0.2em; font-size: 90%}
#m11 p {clear: both; margin: 0.1em 0}

.roundtop { height: 20px; background: url(/images/graphics/roundtopright15x20B.gif) no-repeat top right; border-bottom-style:solid; border-bottom-width: 1px}
.roundbottom { height: 20px; background: url(/images/graphics/roundbottomright20B.gif) no-repeat top right; ; border-top-style:solid; border-top-width: 1px}
.roundtop img, .roundbottom img {margin: 0; border: none; width: 20px; clear:none; float: left}
.roundbottom a{vertical-align: super; font-weight: bold; display:block}
div.lang { display:inline; font-weight: bold; clear:none; float: right}
.lang img { float: none}
.lang a {margin-right: 15px} 

input.icon { width: 20px; height: 20px; margin-top: 4px; cursor:pointer;}
img.icon { cursor:pointer; }
.blankicon {width: 20px; height: 20px; margin-top: 4px;}

div.content { margin: 3px 0 0 0 ; padding: 0 20px 0.4em 20px; border-top-style: solid; border-bottom-style: solid; border-width: 1px; clear: both}
.gal div { float: left; clear: none }
div.gal {float :none; clear: both; padding-bottom: .4em; }

li img {padding: 0; margin: 3px 3px 0 0; clear:left; float: left}
ul li {list-style-type: none ; font-weight: bolder; padding: 2px 0; margin-right: 10px; clear: left}
ul { padding: 0; margin: 0}
ol li { font-weight: bolder}
#slides { margin-left: 10px; margin-top: 5px; clear: none; float: right }

em { background-color:yellow; font-style:normal }

h1 { font-size: 125%; font-weight: bolder; margin-bottom: 0em; margin-top: .3em; padding: 0; } 
h2 { font-size: 113%; clear: none; font-weight:bolder; margin-bottom: 0em; margin-top: .3em }
#galStills h2 { text-align: center;}
h3, h4 {
	font-size: 110%;
	BACKGROUND: #9900CC;
	margin: .4em 0;
	color: #FFFFFF;
	clear: none; 
	padding: .25em ;
	white-space: normal;
}

body.popup
{
background-color: #FFFFCC ;
/* background-color: #CCCCCC ; */
color: black;
font-family: verdana ;
padding-left: 20px;
padding-right: 20px;
}

.popup p {
font-size: 78%; padding:0; margin: 0.2em;
}

table {margin-top: 0.5em; border-style: none; border-collapse: collapse} 
td, th { padding:3px; vertical-align: top;} 
form { margin:.1em 0; padding: 0}

table.striped { width: 100%; table-layout: fixed; clear: none}
.striped td:first-child { width: 30%}

.striped td, .adminbordered td { padding:0; margin:0; background-color: #FFCCFF; border-style: none; vertical-align: top}
td.pale, th.pale { background-color: #FFEEFF ;  }
.striped form, .adminbordered form, .padded form, .striped button { margin: 0 ; display:inline; float: left}
.adminbordered td, .adminbordered th { border-style:solid; border-width: 1px; border-color: black}

.content  p {  text-align: justify ; margin: .4em 0}
.content a {  font-weight: bold; }
.striped p, .padded p, .adminbordered p, label, .striped a, .adminbordered a { font-size: 90%; font-weight: bold; padding: .1em; margin: 0;  text-align: left }
p.c, p.cy { text-align: center; margin:0 }
p.cy { background-color: yellow; }

td.lclflagcheck {min-width: 38px; }

.admin1col > div, .admin2col > div, .admin3col > div, .admin4col > div {
font-weight: bold;
float: left;
border: 1px solid #9900CC;
padding: 0;
margin: .3em 2px .3em 0;
}

.admin2col > div { width: 49%; }
.admin1col > div { width: 98%; }
.admin3col > div { width: 32%; }
.admin4col > div { width: 24%; }

.admin1col p, .admin2col p, .admin3col p, .admin4col p
{
width: 20em ;
float: left;
clear: both;
padding: 2px;
margin: 0;
}
.admin1col select, .admin2col select, .admin3col select, .admin4col select
{
margin: 2px;
}

div.content2col {
width: 47%;
margin: 0.4em 0.5em;
font-weight: bold;
float: left;
clear: none;
padding:0;
}
.content2col li, .content2col a { font-weight: bold; }
.content2col ul { margin: 0.2em 0 }
.twoCols h3, .twoCols h4 {clear: none; }
.floatright
{
clear: none;
float: right;
}
img.floatright {margin-left: 10px};

.floatleft
{
clear: none;
float: left;
}
img.floatleft {margin-right: 10px};

.clearboth
{
clear: both;

}

.galthumbs
{
margin-top: 0 ;
margin-left: 0 ;
margin-bottom: .3em ;
margin-right: .3em ;
}

input[type="submit"], button { width: 4em ; text-align: center; margin: 1px 2px; padding:0}
input.buttonAuto, button.buttonAuto { width:auto; margin: 0; padding: 0 }

.twoCols { border-top-style: solid; border-bottom-style: solid; border-width: 1px; margin-top: 2px; clear: both; padding: 0 20px 0 0; float: left; width: 890px }
.twoCols h1, .twoCols h2, .twoCols h3, .twoCols h4 {margin-top: 0;}

.sidebar1 {
	float: left;
	clear: none;
	width: 13em; 
	padding: 0.4em 0 0.4em 0; 
	margin: 0 ; 
	border-right-style:solid;
	border-width: 1px; 
}
.sidebar1 h3, .sidebar1 p, .sidebar1 a {
	margin-left: 20px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0.5em;
	}

.sidebar1 a { font-weight: bold; }


.sidebar1 ul { padding: 0; margin: 0}
.sidebar1 ul li {list-style-type: none ; padding: 0; margin: 0}

.twoCols .content {
	border-top-style: none;
	border-bottom-style: none;
	border-left-style:solid;
	border-width: 1px; 
	margin-left: 13em; 
	margin-top: 0;
	margin-bottom: 0; 
	padding: 0.4em 0 0.4em 0.5em;
	clear: none;
} 


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	float: none;
	clear:both;
	zoom: 1;
    height:0; 
    font-size: 1px; 
    line-height: 0px; 
}

#galVideos td {  padding: 0 0 1px 0; }

.horsethumb { width: 260px; float: left; clear: none; margin-right: 6px;}
.horsethumb img {border: solid; border-width: 2px; border-color#9900CC: }

.pagingleft { float: left; width: auto}
.pagingleft { float: right; width: auto}

.transneeded { background-color:red !important}