body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding:0px;
	margin:0px;
}
/*.all images will inherit this shadow and border color.*/  
img
{
	filter:shadow(color:gray);
	border:1px solid black;
}
/*.this is the HEADER1 tag.*/ 
H1
{
	font-size: 28pt;
	font-family: Verdana, Arial, Helvetica, san-serif;
	color: #215E21;
	margin-bottom: 8px;
	letter-spacing: 5pt;
	padding-left:5px;
}

/*. This tag is used for all tables.*/ 
TABLE
{
		border:1px solid;
		border-color: #215E21;
		border-collapse:collapse;
		background-color:#D8D8BF;
}
/*.This TH tag is the table header tag.*/ 
TH
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	padding:2px;
	color:#000000;
	text-align:left;
	border-bottom: 1px solid #215E21;
}	

/*..UL means an UN ordered list/bullets that are used in Clinic pages and Needs pages.*/ 
UL 
{
	list-style-type: square;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#660000;
	padding: 0px;
	margin-left: 1em;
}
/*.the LI tag is used for List Elements/bulletted list elements.*/ 
Li 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#000000;
	padding: 0px;
	margin-left: 1em;
}
/*.the P tag is for paragraph type of text formatting.*/ 
p
{
	padding:2px;
	margin: 0px;
	display:block;
}
	
/*.this is used for the green dotted and faded horizontal rul(HR) tag used in the content area.*/ 
HR
{
	color: 1px thin dotted #D8D8BF;
	height: 1px;
    FILTER:progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=100,finishOpacity=10,startX=50,finishX=100);
}

/*.this is used for the banner .*/ 
.banner
{
		bbackground-color:#215E21;
		border-bottom:1px solid;
		border-color: #215E21;
		border-collapse:collapse;
}
/*.this is used for the CONTACT us page where the border of the table needs to be invisible.*/ 
.TABLEOTher
{
		border-color: #D8D8BF;
}

/*.this tag is used to control the width of the navigation elements on the left side.*/ 
.widthLeft
{
	width: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	padding:5px;
	background-color: #215E21;
}
/*.The A tags are LINK tags or ANCHOR tags. for NAVIGATION elements on the left side*/ 
.widthLeft A:active
{
	color: #D8D8BF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
}
.widthLeft A:link
{
    COLOR: #D8D8BF;
    cCOLOR: #970000;
	cCOLOR: #660000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
}
.widthLeft A:visited
{
    COLOR: #D8D8BF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-decoration:none;
}
.widthLeft A:hover
{
	COLOR: #000000;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	background-color: #337722;
}

/*.the tags below are for the content area with padding.*/ 
.content
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	padding:5px;
	white-space:normal;
}

/*.The A tags are LINK tags or ANCHOR tags for content of the page.*/ 
.content A:active
{
	color: #215E21;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
}
.content A:link
{
    COLOR: #215E21;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
}
.content A:visited
{
    COLOR: #215E21;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-decoration:none;
}
.content A:hover
{
	COLOR: #000000;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	background-color: #337722;
}

/*.this is used for the red colored titles in the content area.*/ 
.title
{
	color:#660000;
	font-weight:bold;
	font-size:10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	white-space:normal;
}
/*.this tag is used for the black colored titles.*/ 
.titleblk
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	font-size:9pt;
}
	
/*.this is for the nav bar on the left side.*/ 
.nav
{
	padding-left:5px;
	border-collapse:collapse;
}
/*. this is used the keep the right side at a constant width of 200 px.*/ 
.width
{
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	padding:5px;
	background-color: #215E21;
}

/*..*/ 
.alignContent
{
	padding-left:9px;
}
/*.this is used for the green dotted and faded horizontal rul(HR) tag used in the content area.*/ 
.fadeLine
{
    BORDER-TOP: #215E21 2px solid;
    FILTER: progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=100,finishOpacity=10,startX=50,finishX=100);
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
    HEIGHT: 1px;
}
/*.all images will inherit this shadow and border color.*/ 
.imageBorder
{
	filter:shadow(color:gray);
	border:1px solid black;
}

/*.this is used for the "First letter capital" used on the home page and other pages.*/ 
.dropcap { 
  float: left; 
  font: normal 48pt/0.8em  Verdana,Georgia, Helvetica,Arial,sans-serif; 
  color: #000000; 
  margin:0px;
  padding:0px;
} 
/*.I was using this tag for the contact page, i am not using this anymore. this tag includes the LOGO as the background.*/ 
.contactBackground
{
	background-image:url(images/equistride_logo_150p.jpg);
	background-repeat: no-repeat;
	background-position:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	padding:5px;
}


#clinics
{
	height:250px;
}
/* Create a div tag for all your to top links*/
#toTop
{ 
	text-align:right;
	padding:3px;
}