/****

body {
text-align: center;
background: #fff5de url(images/body_background.jpg) center fixed no-repeat; 
margin: auto;
}

#mainContainer {
margin-left: auto;
margin-right: auto;
width: 850px;
background: url(images/trans-png.png) center fixed no-repeat;
}

***/


body {
text-align: center;
background: #000000;; 
margin: auto;
}

p {
font: 10pt arial, sans-serif;
color: #000000;
}

a {
font: 10pt arial, sans-serif;
color: #990000;
}

a:hover {
font: 10pt arial, sans-serif;
color: #ff0000;
}




#mainContainer {
margin-left: auto;
margin-right: auto;
width: 850px;
background: #fff6de url(images/body_background_horse.jpg) top center no-repeat;
}


#textContentContainer {
width: 530px;
position: relative;
padding-top: 0;
padding-left: 15px;
padding-right: 15px;
float: left;
text-align: justify;
}


#headerDiv {
margin-left: auto;
margin-right: auto;
width: 850px;
height: 150px;
clear: both;
background: url(images/header.jpg) no-repeat;
}


#menuDiv{
width: 175px;
height: 350px;
text-align: left;
float: left;
}



ul.menu {
width: 175px;
text-align: left;
float: left;
margin:0;
padding: 0;
list-style: none;
font:10pt arial, sans-serif;
}



li.menu a {
display:block;
background: #660000;
color: #ffffff;
height: 30px;
padding-top: 2px;
padding-left:  .8em;
margin: 1px 0 1px 0;
text-decoration: none;
font:10pt arial, sans-serif;
}

li.menu a:hover {
background: #cc0000;
color: #ffffff;
font:10pt arial, sans-serif;
text-decoration: none;
}

h3.title {
font: bold 14pt arial, sans-serif;
color: #000000;
text-align: left;
text-transform: uppercase;
margin-top: 25px;
color: #990000;
}

h4.title {
font: bold 14pt arial, sans-serif;
color: #000000;
text-align: left;
color: #000000;
}





#mainContentDiv {
width: 550px;
height: 350px;
text-align: left;
padding-top: 10px;
padding-left: 5px;
float: left;
overflow: auto;
}

#sidePhotoDiv {
width: 100px;
height: 350px;
float: right;
text-align: right;
}

img.sidePhotos {
width: 85px;
height: 85px;
border: 0;
clear: both;
margin: 0;
padding: 0;
}


.gallery img {
border: 2px solid #000000;
}



#footerDiv {
text-align: center;
font: 8pt arial, sans-serif;
color: #999999;
width: 850px;
height: 45px;
margin: 0;
padding-top: 20px;
clear: both;
}



/*----------- CSS VERTICAL MENU ----------------*/

.suckerdiv {
z-index: 1;
}

							
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 172px; /* Width of Menu Items */
z-index: 1;

}
	
.suckerdiv ul li{
position: relative;
color: #ffffff;
z-index: 1;

}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 172px; /*sub menu width*/
top: 0;
visibility: hidden;
color: #ffffff;
z-index: 1;
}

.suckerdiv ul li ul li {
width: 172px; /*sub menu width*/
height: 30px;
display: block;
z-index: 1;
}

.suckerdiv ul li ul li a {
width: 172px; /*sub menu width*/
height: 30px;
display: block;
z-index: 1;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
background: #660000;
padding-top: 7px;
border-bottom: 0;
color: #ffffff;
font: 10pt arial, sans-serif;
border-bottom: 1px solid #ffffff;
width: 172px;
}

.suckerdiv ul li a:visited{
color: #ffffff;
}

.suckerdiv ul li a:hover{
background: #ff0000;
color: #ffffff;
}

.suckerdiv .subfolderstyle{
background: url(images/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
