/* ################################################## */
/*                      Resetting                     */
/* ################################################## */

html {
  width:  99.9%;
  height: 99.9%;
}

body {
  width:  100%;
  height: 100%;
}

.typography .reset,
* {
  margin:  0;
  padding: 0;
}

a img     { border: 0; }

.clear    { clear: both; height: 0; }



/* ################################################## */
/*                      Structure                     */
/* ################################################## */

#HomePageBox {   
  position: absolute;
  left: 50%;
  top:  50%; 
  width:  694px;
  height: 540px;     
  margin-left: -347px;
  margin-top:  -270px;
}

#HomePage,
#HomePage a {
  line-height: 0;
}

#PageBox {
  position: relative;
  width: 965px;        
  margin: 0 auto;
}

#Page {
  padding: 0px 0 35px 0;

  /*
  -webkit-box-shadow: 3px 3px 5px #bbb;
     -moz-box-shadow: 3px 3px 5px #bbb;
          box-shadow: 3px 3px 5px #bbb;
  */
  /* border: solid 1px green; */
}


#HomeLeft {      
  float: left;
  width:  305px;
  padding-top: 5px;
  /* border: solid 1px green; */
}

#HomeRight {
  float: left;
  width:  600px;
  /* border: solid 1px green; */
}


#Top {
  height: 350px;
  padding-left: 33px;
  background: url('../images/top_bg.jpg') no-repeat;
}

#Main {
  margin: 15px 16px 50px 33px;
}

#Left {      
  float: left;
  width:  142px;
  /* border: solid 1px green; */
}

#Right {
  float: left;
  width:  750px;
  /* border: solid 1px green; */
}

#Bottom {         
  font-family: Times, serif;
  margin-left: 175px;
  /* border: solid 1px blue; */
}



/* ################################################## */
/*                      Divisions                     */
/* ################################################## */


/* #################### Header ###################### */

#Breadcrumbs {
  padding-top: 83px;
}

#Title {   
  margin: 50px 0 0 141px;
} 

#Title h1,
#Title h2 {   
  float: left;
  font-family: Times, serif;
  font-weight: bold;
  margin:  0;
  padding: 0;  
}

#Title h1 {   
  color: #686868;  
}

#Title h2 {    
  color: #9e6c3c;
}



/* ##################### Menu ####################### */

#Language {
  position: relative; 
  left: 0px; 
  top: 15px;
  color: #fff; 
  font-family: Times, serif;  
  font-size: 16px;
  font-weight: bold;       
}  

#Language a {
  color: #fff; 
  font-family: Times, serif;  
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;        
  
}


/* ##################### Menu ####################### */


#Menu {                       
  margin: 0;
  padding: 199px 0 0 0;
}
  
#Menu li {
  list-style-type: none;
  margin: 0 35px 0 0;
  padding: 0;
  float: left; 
}

#MenuSub a,
#Menu a {
  color: #686868;  
  font-family: Times, serif;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  
}

#MenuSub a:hover,
#Menu a:hover { color: #9e6c3c; }


#MenuSub li.current a,
#MenuSub li.section a,
#Menu li.current a,
#Menu li.section a { color: #9e6c3c; }

#MenuSub {                        
}
  
#MenuSub li {
  list-style-type: none;
  margin-bottom: 15px;
  margin: 0 0 15px 0;
  padding: 0;
}



/* #################### Content ##################### */


#Breadcrumbs {
  color: #1f2760;
  font-size: 13px;
}

#Breadcrumbs a {
  color: #1f2760;
  font-size: 13px;
  text-decoration: none;
  margin:  0;
  padding: 0;
}

#Breadcrumbs a:hover {
  color: #3898cf;
}

#SpacerTop {
  margin-bottom: 35px;
}

#SpacerTopImage {
  margin-bottom: 40px;
}



/* #################### Footer ###################### */

#Creator {
  padding-top: 12px;
}

#Creator a {
  color: #d5d5d5;
  background: transparent;
  text-decoration: none;
  padding: 0;
  margin:  0;
}

#Creator a:hover {
  color: #ff9000;
}


   
/* ##################### News ####################### */


#News .odd {
  background: #e0d1c1;
  padding: 10px;
}

#News .even {
  background: #efefef;
  padding: 10px;
}

#News ul {
  margin: 0;
  padding: 0;
}

#News ul li {
  display: block;
  margin: 0;
  padding: 0;
}

.typography #News .newsDate,
.typography #News .newsTitle {
  font-family: Times, serif;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.3em; 
}

.typography a.more       { color: #9e6c3c; text-decoration: none; }
.typography a.more:hover { color: #9e6c3c; text-decoration: underline; }  

.typography #News table { 
  float: left;
  width:  177px;
  height: 177px;
  background: #f5f0eb;
  margin: 6px 6px 6px 0;
}    

.typography #News table tr td {
  /* line-height: 0; */
}

.typography #News a.thumb {
  line-height: 0; 
}

.typography #News table tr td {
  padding: 5px;
}  

   
   
/* #################### Horses ###################### */

.typography #Horses .horse {
  width: 369px;
}

.typography #Horses h2 {
  display: block;
  color: #686868;
  font-weight: bold;                  
  margin-bottom: 7px;
  padding: 4px;
  border-top: solid 2px #f5f0eb;
  border-bottom: solid 2px #f5f0eb; 
}

.typography #Horses .horseImg1 {
  float: left;
  width: 250px;
  height: 167px;
  overflow: hidden;
}

.typography #Horses .horseImg2 {
  float: right;
  width: 111px;
  height: 167px;
  overflow: hidden;
}

.typography #Horses .horseTxt1 {
  float: left;
  width: 104px;
  overflow: hidden;
  background: #e0d1c1;
  color: #9e6c3c;
  font-family: Times, serif;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.3em;
  margin-top: 7px;
  padding: 5px 8px;
}

.typography #Horses .horseTxt2 {
  float: right;
  width: 229px;
  overflow: hidden;
  background: #efefef;
  font-family: Times, serif;
  font-size: 1.1em;
  line-height: 1.3em;
  margin-top: 7px;
  padding: 5px 8px;
}

.typography #Horses .horseContent {
  height: 130px;
  overflow: hidden;
  background: #e0d1c1;
  margin-top: 3px;
  padding: 5px 8px;
} 
        
         
                                             
/* ################### Downloads #################### */


.typography a.thumb:hover img {
  opacity: .50; filter: alpha(opacity=50); -moz-opacity: .50; 
}

.typography a.image,
.typography a.download {
  display: block;
  font-family: Times, serif;
  font-size: 1.6em;     
  padding-left: 16px;
  margin-bottom: 6px;
}

.typography a.image {
  background: url(../images/icons/image.gif) no-repeat;
}  

.typography a.download {
  background: url(../images/icons/download.gif) no-repeat;
}   

.typography a[href$=".avi"]:after {
  content: " AVI";
}

.typography a[href$=".wmv"]:after {
  content: " WMV";
}



/* ##################### Other ###################### */

.subcolumns { /* IE6 error -> width: 100%; overflow: hidden; */ }

.c25l, .c33l, .c50l, .c66l, .c75l, .c38l, .c62l, .c45l, .c55l { float: left; }
.c25r, .c33r, .c50r, .c66r, .c75r, .c38r, .c62r, .c45r, .c55r { float: right; margin-left: -5px; }

.c25l, .c25r { width: 25%;     }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 50%;     }
.c66l, .c66r { width: 66.444%; }
.c75l, .c75r { width: 75%;     }
.c38l, .c38r { width: 38.2%;   }
.c62l, .c62r { width: 61.8%;   }

.c45l, .c45r { width: 45%; }
.c55l, .c55r { width: 55%; }

.subcl { margin: 0 15px 0  0; }
.subcr { margin: 0  0   0 20px; }