/*
 ____________________________________________________________
|                                                            |
|    DESIGN : Adrienne Raymond    							 |
|      DATE : 2009.01.26                                     |
| COPYRIGHT : 2009 Equine Online Design     				 |
|     EMAIL : adrienne@equineonlinedesign.com   			 |          
|____________________________________________________________|

*/

/*
Site Colors
	#ffffcb = lt yellow-beige
	#2b0f1a = deep purple/red almost black
	#e9eade = gray/pale green
	#4d5e3e = olive green	
	#006838 = leaf green
	#8bc53f = lt yellowgreen	
	
*/

/***** Common Formatting *****/
html, body {margin: 0; padding: 0; min-height:100%; margin-bottom:1px;}

body {
margin:0;
padding:0;
position:relative;
background-color:#ffffcb;
background-image:url(../images/BGnew.jpg);
background-repeat:repeat-x;
color:#000;  
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}

a {
color:#006838;
text-decoration:underline;
}

a:hover {
color:#fff;
text-decoration:none;
}

blockquote {
font-family:"times new roman", serif;
font-size:.9em;
font-style:italic;
color:#4d5e3e;
padding:0;
margin:10px;
}

#content {
width:1010px;
margin:30px auto;
min-height:300px;
height:auto;
overflow:auto;
}

#wrapper {
margin:0 auto;
width:1000px;
min-height:300px;
height:auto;
overflow:auto;
background-color:#ffffcb;
border-left:5px solid #2b0f1a;
border-top:5px solid #2b0f1a;
border-right:5px solid #2b0f1a;
}
/* Header portion */
#header {
height: 200px;
}


#header img.imgleft {
float:left; 
margin-right:5px; 
margin-top:2px;
margin-left:10px;
} 

#header img.imgright {
float:right; 
margin-top:0px;
margin-right:0px; 
} 

/* Three main tabs below the header section - Tabbed Navigation Section */
#nav {
height:40px;
background-image:url(../images/images/navBG.gif);
background-repeat:repeat-x;
background-color:#2b0f1a;
width:1000px;
}


#tabline {padding-top:10px;}

.tab {
float:left;
padding: 0 40px 0 20px;
font-family : verdana, arial, sans-serif;
font-size:1em;
font-weight:bold;
}


.tab a {
color:#e9eade;
text-decoration:none;
}

.tab a:hover {
color:#4d5e3e;
text-decoration:none;
}

/* All the left navigation, middle main content and rightside elements or images goes in this div container */
.middlecontent {
width:1000px;
height:auto;
overflow:auto;
padding-bottom:20px;
background-image:url(../images/images/main.gif);
background-repeat:repeat-y;
}

/* this contains the left navigation and middle maincontent */
.main {
float:left;
min-height:400px;
width:695px;
color:#006838;
}

.main2 {
min-height:400px;
width:1000px;
color:#006838;
}


.leftside {
float:left;
width:120px;
height:auto;
}
/*Navigation links on the left*/
.leftside #linklist {margin-left:10px;margin-top:10px;}
#linklist .link {padding-top:10px;padding-bottom:2px;font-weight:bold;color:#ffffcb;}
#linklist .link a {font-weight:bold;color:#ffffcb;}
#linklist .link a:hover {color:#2b0f1a;text-decoration:none;}
#linklist .sublink {font-size:.8em;padding:2px 0 2px 5px;}
#linklist .sublink a {color:#2b0f1a;text-decoration:none;}
#linklist .sublink a:hover {color:#ffffcb;text-decoration:none;}
#linklist .sublink2 {font-size:.8em;line-height:1.5em;}
#linklist .sublink2 a {color:#2b0f1a;text-decoration:underline;font-weight:bold;}
#linklist .sublink2 a:hover {color:#ffffcb;text-decoration:none;font-weight:bold;}

.maincontent {
float:left;
width:565px;
padding-top:10px;
padding-left:10px;
height:auto;
overflow:auto;
}

.maincontent p {
font-family: "times new roman", serif;
font-size:1.1em;
line-height:1.3em;
width:545px;
margin-left:10px;
padding:0;
}

.maincontent a {
color:#006838;
text-decoration:underline;	
}

.maincontent a:hover {
color:#2b0f1a;
text-decoration:none;	
}

.maincontent h2 {
text-align:center;
padding:0;
margin:0;
}

.maincontent h3 {
padding-left:20px;
}

/*this contains the content and images on the rightside inside of the middlecontent div */
.rightside {
float:right;
width:305px;
min-height:400px;
height:auto;
text-align:center;
background-image:url(../images/images/rightside.gif);
background-position:top left;
background-repeat:no-repeat;
}


/*footer and beyond*/
#footer {
clear:both;
padding:0;
width:1000px;
height:40px;
background-color:#2b0f1a;
}

#ftext {
float:right;
margin:0;
color:#ffffcb;
padding:10px 20px 0 0;
font-size: .75em; 
}

.website {
width:1010px;
overflow:auto;
}

.website p {
float:right;
font-size:.75em;
margin:0;
padding-top:5px;
}

/* Index styling*/
.list {
font-size:.85em;
color:#4d5e3e;
padding-left:30px;
}

p a {
color:#006838;
text-decoration:underline;
}

p a:hover {
color:#8bc53f;
text-decoration:none;
}

a img {
border:none;
text-decoration:none;
}

img {
margin-top:05px;
margin-left:10px;
}

.list li {
padding:5px 0 5px 0;
font-style:italic;
}

.rightside #VU {
margin-top:20px;
}

/* Contact styling */
.main .contactustext {
font-family: "times new roman", serif;
font-size:1.1em;
line-height:1.4em;
width:545px;
margin-left:10px;
padding:0;
text-align:center;
}



/* Clinics styling */
.events {
width:90%;
text-align:center;
}

th {
color:#2b0f1a;
font-size:1em;
text-decoration:underline;
}

td {
font-size:.9em;
font-family:"times new roman", serif;
font-style:italic;
}

.tabletext {
font-size:.7em;
font-style:italic;
}

#clinicimg {
margin-top:25px;
}

/* Facilities styling */
.maincontentfacility {
margin-left:130px;
width:860px;
padding-top:10px;
height:auto;
overflow:auto;
}

.maincontentfacility p {
font-family: "times new roman", serif;
font-size:1.1em;
line-height:1.3em;
width:800px;
padding-left:10px;
margin:0;
}

.maincontentfacility p.back {
font-family: "times new roman", serif;
font-size:1.1em;
line-height:1.3em;
width:300px;
padding-left:10px;
margin:0;
}

.maincontentfacility a {
color:#006838;
text-decoration:underline;	
}

.maincontentfacility h3 a {
color:#006838;
text-decoration:none;	
}

.maincontentfacility h2 a {
color:#006838;
text-decoration:none;	
}

.maincontentfacility a:hover {
color:#2b0f1a;
text-decoration:none;	
}

.maincontentfacility h2 {
text-align:center;
padding-bottom:10px;
margin:0;
}

.maincontentfacility h3 {
padding:0px;
margin:0px;
}

#arena, #stalls, #roundpen, #trails, #trailer {
float:left;
width:500px;
height:auto;
overflow:hidden;
text-align:center;
padding-bottom:100px;
border-bottom:2px dashed #2b0f1a;
}

#arena h3, #stalls h3, #roundpen h3, #trails h3, #trailer h3 {
padding:15px 0 5px 0;
}

.rightsideinner {
float:left;
width:300px;
min-height:266px;
height:auto;
text-align:center;
border-left:5px solid #2b0f1a;
border-bottom:1px dashed #2b0f1a;
margin-top:46px;
}