h1 { font-family:"Bodoni Bd BT", serif;
 font-size:2.5em;
 font-variant:small-caps;
 color:white;
 text-align:center;
 text-shadow:4px 4px 6px #000000;}

h2 {font-family:"Bodoni Bd BT", serif;
 color:white;
 text-align:center;
 text-shadow:1px 1px 1px #000000}

body {background-image:url("images/gradient.png");
 background-repeat:repeat-x;
 font-family:helvetica, sans-serif;
 font-size:100%;
 text-align: center;
 margin:0;
 padding:0}

p {text-align: center;
 font-size:1em;}

ul {list-style-type:none;
 margin:0;
 padding:0;
 overflow:hidden;}

li{display:inline;}

ul.bullets
{list-style-type:square;}

ul.bullets li
{display:block;}

p.center {text-align:center;}
p.outset {border-style:outset;}

a:link, a:visited
{width:120px;
 font-weight:bold;
 text-decoration:none;
 text-align:center;
 padding:4px
 text-trasform:uppercase;}

a:hover, a:active
{background-color:#c2ad88}

div.fhi
{ float: left}

div.logo
{ display: inline;
  margin: 2px;
  border: none;
  height: auto;
  float: center;
  text-align: center;}
	
div.logo a:link, a:visited
{ text-align:center;}
div.logo a:hover img 
{ border: 1px solid #1f1402;}

div.text {width:50%;
 border:0px;
 margin:auto;}

div.img
{ margin: 2px;
  border: 1px solid #1f1402;
  height: auto;
  width: auto;
  float: left;
  text-align: center;}	
div.img img
{ display: inline;
  margin: 3px;
  border: 1px solid #ffffff;}
div.img a:link, a:visited
{width:auto;}
div.img a:hover img 
{ border: 1px solid #1f1402;}

div.desc
{ text-align: center;
  font-family:helvetica, sans-serif;
  font-weight: normal;
  font-size:65%;
  color:black;
  text-shadow:none;
  width: 230px;
  margin: 2px;}

div.bgcarousel
{ /* CSS for main carousel container */
background: black url(images/ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:500px; /* default dimensions of carousel */
height:376px;
alignment:center;
 margin:0 30%}

img.navbutton{ /* CSS for the nav buttons */
margin:5px;
opacity:0.7;
}

div.slide{ /* CSS for each image's DIV container within main container */
background-color: black;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
color: black;
}

div.selectedslide{ /* CSS for currently selected slide */
}

div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
color: white;
left: 40px;
top: 100px;
width:200px;
padding: 10px;
font: bold 16px sans-serif, Arial;
text-shadow: 0 -1px 1px #8a8a8a; /* CSS3 text shadow */
z-index:5;
}

div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.slide div.desc h2{
font-size:150%;
margin:0;
}

div.slide div.desc a{
color:yellow;
text-decoration:none;
}

div.history {
    width: 35%;
    padding: 25px;
    border: none;
    margin: 25px;
    float: left;
}


div.bus
{ clear: left;
 }