/***************************************************
   HTML Element Styles
 ***************************************************/

body { margin: 0; color: #000; font: 11px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background: #fddba9 url(siteimg/bg_body.jpg) repeat-y center top; word-spacing: normal; letter-spacing: normal; }

p { padding-top: 5px; padding-bottom: 5px; }


a { color: #dc4c19;  text-decoration: none; }

a:visited { color: #dc4c19;  text-decoration: none; }

a:hover {
	color: #2431df;
	text-decoration: underline;
	}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

input {
  width: 70%;
}

textarea {
  width: 98%;
  /* 
    IE specific to eliminate scroll bar when not needed. 
    Uncomment if wanted, but it is not valid CSS
     
  scrollbar-3dlight-color : #777;
  scrollbar-arrow-color : #EEE;
  scrollbar-darkshadow-color : #777;
  scrollbar-face-color : #777;
  scrollbar-highlight-color : #777;
  scrollbar-shadow-color : #777;
  scrollbar-track-color : #777;    
  */
}

input,
textarea { padding: 1px 3px; margin: 5px 0; color: #eee; font-size: 1em; font-weight: normal; font-style: normal; font-variant: normal; line-height: normal; background-color: #777; border: solid 1px #999; }

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  color: #FFF;
  background-color: #999;
  border: 1px solid #EEE;
}


h1 { clear: both; margin: 10px 0; text-transform: capitalize; color: #95271d; font: small-caps 700 12px Georgia, "Times New Roman", Times, serif; background: #fdb95f url(siteimg/rounded_tr.gif) no-repeat right top; text-indent: 5px; letter-spacing: 2px; }

h1 span { display: block; padding: 2px; background: url(siteimg/rounded_br.gif) no-repeat right bottom; border-left: 1px solid #cd2c0f; }

#sideBar h1 {
  text-align: right;
  background: #fdb95f url(siteimg/rounded_tl.gif) no-repeat left top;
}

#sideBar h1 span { display: block; padding: 2px; background: url(siteimg/rounded_bl.gif) no-repeat left bottom; border-right: 1px solid #cd2c0f; border-left-style: none; }


#content ol li { 
  color: #9BE4FF;
}

#content ol li span {
  color: #000;
}

#content ul {
  padding-bottom: 10px;
}

#content ul li { list-style-type: disc; }

blockquote { background-color: #fddba9; background-repeat: no-repeat; background-attachment: scroll; background-position: right top; margin: 0; } 

blockquote span { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; display: block; padding: 5px; }

/***************************************************
  Layout Element Styles
 ***************************************************/


#header { background-image: url(siteimg/bg_header.jpg); background-repeat: repeat-y; background-attachment: scroll; background-position: center top; width: 100%; height: 150px; visibility: visible; }
#logo { background-image: url(siteimg/potterylogo.gif); background-repeat: no-repeat; top: 15px; left: 20px; width: 231px; height: 147px; float: left; }
#panorama { text-align: center; top: 45px; width: 480px; height: 95px; z-index: 10; float: right; margin-right: 13px; padding: 0; }
#menubox { width: auto; height: 40px; float: left; margin-top: 5px; }
#title { color: #fff; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: right; letter-spacing: 2px; top: 5px; right: 0; width: auto; height: 20px; float: right; }
/***************************************************
  Header Menu
 ***************************************************/

#menu { width: 760px; text-align: left; visibility: visible; margin: 0 auto; }
#menu ul { margin: 0 0 0 0; padding: 0; line-height: normal; }

#menu ul li { display: inline; float: left; padding-top: 5px; list-style: none; text-align: center; }

#menu ul li a { display: block; text-decoration: none; text-transform: capitalize; color: #0f0a6b; font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-variant: small-caps; text-align: center; letter-spacing: 2px; margin-top: 3px; margin-right: 5px; margin-left: 5px; padding: 2px; }

#menu ul li a:hover,
#menu ul li a.active { color: #95271d; background-color: #fdb95f; background-attachment: scroll; margin-top: 0; padding-bottom: 2px; border-bottom: 1px solid #fff; }


/***************************************************
  Site Title
 ***************************************************/

#title { background-color: transparent; padding: 0.6em 55px 0.6em 0; margin-right: 0.5em; float: right; }

#title h1 {
  display: inline;
  color:  #fff;
  background-color: #95271d;
  background-image: none;
}


/***************************************************
 Page Content
 ---------------------------------------------------
 1. Left side text
 2. Dropdown image
 3. Right side bar 
 ***************************************************/


#content { background-repeat: no-repeat; background-position: 200px 500px; clear: both; width: 767px; margin: 0 auto; text-align: left; border-top: 1px solid #535353; }

#text { float: left; width: 410px !important; width: 437px; height: auto; padding: 10px 5px 20px 20px !important; padding: 20px 5px 20px 20px; }

#image { float: left; width: 170px; vertical-align: top; border-style: none; }

#sideBar { width: 147px !important; width: 160px; float: right; padding: 10px 15px 20px 0 !important; padding: 20px 15px 20px 0; }


/***************************************************
 Sidemenu Styles
 ***************************************************/

.sideMenu {
  padding: 10px 0;
}

.sideMenu a {
  display: block;
  text-align: right;
  text-decoration: none;
  margin-bottom: 1px;  
}

.sideMenu a span {
  display: block;
  padding: 1px;
}

.sideMenu a:hover {
  background: #686868 url(siteimg/rounded_tl.gif) no-repeat top left;
}

.sideMenu a:hover span {
  background: url(siteimg/rounded_bl.gif) no-repeat bottom left;
}

/***************************************************
 Comment Styles
 ***************************************************/

#comments p {
  padding: 0 5px;
  margin-bottom: 0;
  background: #fddba9 url(siteimg/rounded_tl.gif) no-repeat left top;
}

#comments p span.author {
  display: block;
  margin-top: 5px;
  text-align: right;
  font-weight: 700;
}

#comments img {
  margin-top: -1px;
}

#comments a {
  color: #000;
}

#comments a:visited {
  color: #AAA;
}

#comments a:hover {
  color: #FFF;
}

/***************************************************
 Footer
 ***************************************************/

#footer { clear: both; float: left; width: 540px; color: #888; font-size: 9px; text-align: right; position: absolute; bottom: 0; }

#footer p {
  padding-top: 0 !important;
  padding-top: 10px;
}

#footer a {
  color: #888;
}

#footer a:hover {
  color: #cd2c0f;
}
/***************************************************
 Generic Display Classes
 ***************************************************/

.center {
  text-align: center;
}

.noPad {
  padding: 0;
  margin: 0;
}

.left {
  float: left;
}

.right {
  float: right;
}

img.left {
  padding: 5px 5px 5px 0;
}

img.right {
  padding: 5px 0 5px 5px;
}

.button {
  width: auto;
  cursor: pointer;
}

.date {
  display: block;
  font-weight: 700;
}
.enlarge { color: #3e6b00; font-size: 8px; letter-spacing: 2px; margin-left: 15px; }
.importantinfo { color: #0f0a6b; font-size: 11px; letter-spacing: 2px; padding-left: 15px; }
.imagewrapleft { background-color: #fff; float: left; margin: 5px; padding: 5px; border: solid 2px #535353; }
.imagewrapright { background-color: #fff; float: right; margin: 5px; padding: 5px; border: solid 2px #535353; }
.warning { color: #cd2c0f; font-weight: bold; }
.subheader { color: #95271d; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }
.bolderintrotext { color: #0f0a6b; font-weight: 700; letter-spacing: 1px; }
#bhg{
	font-size: 16px;
	color: #880000;
	font-family: Georgia, "Times New Roman", Times, serif;
}