/* Heatherbank Entertainment - April 2008 */

body { margin: 0; padding: 0; text-align: center; background-color: #E6BD19; font-size: 62.5%; font-family: verdana, arial, sans-serif; line-height: 170%;  color: #333;}


/* LAYOUT */

#container { position: relative; height: auto;  height: 100%;  min-height: 100%; width: 776px; margin: 0 auto; background-color: #FFFFFF; border:1px solid #8A8675;}

#header {height: 40px; margin: 0px auto 0px auto;	background-color: black; border-top: 6px solid #8A8675; border-bottom: 2px solid #8A8675; width: 776px; padding-top:15px;}
html #header {height: 35px;}

#header h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 2em; text-align: left; color: #E6BD19; padding: 0px 0px 0px 10px;}


#headerImg {  margin: 0 auto;  height: 143px;  background: url(../images/header_image1.jpg) no-repeat top left;}
#headerImg2 {  margin: 0 auto;  height: 143px;  background: url(../images/header_image2.jpg) no-repeat top left;}
#headerImg3 {  margin: 0 auto;  height: 143px;  background: url(../images/header_image3.jpg) no-repeat top left;}
#headerImg4 {  margin: 0 auto;  height: 143px;  background: url(../images/header_image4.jpg) no-repeat top left;}
#headerImg5 {  margin: 0 auto;  height: 143px;  background: url(../images/header_image5.jpg) no-repeat top left;}
#headerImg6 {  margin: 0 auto;  height: 143px;  background: url(../images/header_image6.jpg) no-repeat top left;}

#menu { margin: 0 auto; border-top: 2px solid #8A8675; width: 776px; background-color: #000000; height: 30px; padding-top: 10px;color: white; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.5em; text-align: left; border-bottom: 16px solid white;}

.nav {margin: 0px 10px 0px 12px}
.navon {margin: 0px 10px 0px 12px; color: #E052AB;  border-bottom: 5px solid  #E052AB; }
.nav a:link {color: #fff;  border-bottom: 5px solid    #000; }
.nav a:visited {color: #fff;  border-bottom: 5px solid    #000; }
.nav a:hover {color: #E052AB;  border-bottom: 5px solid  #E052AB; }
.nav a:active {color: #fff;  border-bottom: 5px solid  #E052AB; }




#page {margin-bottom: 2em;  text-align: left; background-color: #FFFFFF; }

#columns {   margin: 0 auto;}

#sidebarl { float: left; margin-right: 12px; width: 170px;}
.sidebar1h {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.3em; margin: 2px 0px 2px 12px; }
.acts {font-size: 1em; margin: 2px 0px 2px 12px; border-top: 1px solid silver;border-bottom: 1px solid silver; width: 80% }
#sidebarl img{ margin: 3px 2px 3px 12px;}

#sidebarr { float: right; margin-left: 12px; width: 170px;}
.sidebarrh {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.3em; margin: 2px 0px 2px 12px; }
.acts {font-size: 1em; margin: 2px 0px 2px 12px; border-top: 1px solid silver;border-bottom: 1px solid silver; width: 80% }
#sidebarr img{ margin: 3px 2px 3px 12px;}
#sidebarr ul li {  list-style-image: url(../images/submenu1.gif);font-size:100%; margin-left: -10px; }
#sidebarr a {text-decoration: underline;}

.floatLeft {  float: left;}
.floatRight {  float: right;}
.width25 { width: 24%;}
.width50 {  width: 50%;}
.width99 {  width: 96%; margin-left:2%;}



.floatLeft p {font-size: 1.3em; }

#footer { clear: both;  height: 40px; margin: 0px auto 0px auto;	background-color: black; border-bottom: 6px solid #8A8675; border-top: 2px solid #8A8675; width: 776px;}

#footer a:link {color: #FFCC00; }
#footer a:visited {color: #FFCC00; }
#footer a:hover {  color: #E052AB;}
#footer a:active {color: #FFCC00; }

#footer p { text-align: left; padding: 0 1em;  font-size: 1.1em; 
 color: #FFCC00;  border-right: 1px solid #4D5760; margin: 0px;}


/* DESIGN */

h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
}


h2 { padding-bottom: 0.2em;  font-size: 2.1em; font-weight: normal; 
  color: #CCA300;
  border-bottom: 12px solid #FAF7EB; margin: 2px 0px 10px 0px;}


h3 {  font-size: 1.5em;  color: #E052AB; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

h4 { text-transform: uppercase;
  font-size: 1.2em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #0C5ECE;
}

h5 {
  font-size: 0.85em;
}

h6 {
  font-size: 0.8em;
}



/* Links */
a {   text-decoration: none;  color: #6B5F2E;}
a:visited {  color: #80754D;}
a:hover {  color: #E052AB;}

a img {  border: 0;}
a img.border {    border: 1px solid #000;}
a:hover img.border {    /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}

/* Images */
img.floatRight {  margin: 5px 0 10px 10px;}
img.floatLeft {  margin: 5px 10px 10px 0;}

/* Lists */
ul li {  list-style-image: url(../images/submenu1.gif);font-size:110%; }
ol li {  font-weight: bold;  color: #668FA3;}
ol li span {  font-weight: normal;  color: #444;}

/* Blockquote */
blockquote {  margin: 0;  padding: 0 20px;  background: #eee;  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;}


/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #ccc;
  border-width: 1px;
  border-style: solid;
  border-color: #888 #888 #8880 #888;
}

input.radio {
  background: none;
  border: 0px;
}



.color2 {color: #627E9A}
.color3 {color: #62CC3C}
.color6 {color: #5C8096}
.color7 {color: #888888}

.highlight { background-color: #F7F0D4; padding: 4px; font-weight: bold;}
.highlight2 { width: 145px; float:right; text-align: center;background-color: #FFE680; padding: 6px; margin: 10px 0px 3px 10px; font-size: 1.1em;}
.caps {text-transform: uppercase;}