/* Henry Potter website */
/* April 2011 */
/* Styles common to all pages */

html {
	font-size:100%;   /*IE Hack */
	margin-top:0;
	margin-bottom:0px;
  overflow-y:scroll;
}

body {
  background-image: url('../images/HP_Background7.jpg');
  background-color:black;
  background-position:center top;
  background-repeat:no-repeat;
  background-attachment:fixed;
  text-align:center;
  margin-top: 0px;
  margin-bottom:0px;
  font-family: Arial, Helvetica, sans-serif;
}

#page {
  top:0px;
  width:820px;
  margin-left:auto;
  margin-right:auto;
  margin-top:0px;
  padding-top:0px;
}

#header {
  position:absolute;
  top:0px;
  width:820px;
  height:178px;
  background-color:white;
  margin-bottom:7px;
}

#logo {
  position:relative;
  margin-top: 27px;
}

#header hr {
  border-top:1px dotted #404040;
  border-bottom:none;
  border-left:none;
  border-right:none;
  width:818px;
  margin-top:25px;
  color:white;
  margin-bottom:0px;
}



#menu {
  font-size:0.6875em; /*10px*/
  width:820px;
  height:30px;
  border-top:1px dotted #404040;
  margin-top:25px;
  
}

#menu ul {
  margin:0px;
  padding:0px;
  text-transform: uppercase;
}

#menu li {
  float:left;
  width:205px;
  padding:0px;
  margin: 0px;
  padding-top:8px;
  list-style:none;
  padding-bottom:8px;
}

#menu li a {
   color:#676767; 
   text-decoration:none;
}

/*#menu li a:hover, #menu li:hover a {
  font-weight:bold;
  color:#896000;
}*/

#menu li.selected {
  /*border-bottom:4px solid #896000;
  background-color:#e5e5e5;*/
  background-image:url('../images/HP_NavBar.jpg');
}

#menu li.selected a {
  color:#896000;  /*#AE7800*/
  font-weight:bold;
}




#menu li:hover {
  background-image:url('../images/HP_NavBar.jpg');
}



#contentarea {
  margin-top:189px;
  background-color:white;
  padding-bottom:400px;
  padding-left:0px;
  padding-top:40px;
  
  text-align:left;
 
}


h1 {
  text-transfOrm:uppercase;
  font-weight:normal;
  font-size: 1em; /*16px;*/
  line-height: 1.875em; /*30px*/
  margin-bottom:30px;
  margin-top: 0px;
  color:#896000;
}

h1 a {
  color: white;
  text-decoration:none;
}

h2 {
  text-transfOrm:uppercase;
  font-weight:normal;
  font-size: 0.875em; /*14px;*/
  line-height: 1.66em; /*20px*/
  margin-bottom:0px;
  margin-top:0px;
}

h3 {
  font-size:0.75em; /*12px*/
  font-weight:bold;
  margin-bottom:0px;
  padding-bottom:0px;
  margin-top:30px;
}

p {
 font-size:0.75em; /*12px*/
 line-height: 1.66em; /*20px;*/
 margin-bottom: 20px;
 
 color:black;
 margin-top:0px;
}

p.last {
  margin-bottom:15px;
  
}

p.first {
  margin-top:15px;
}

.text-black {
  color:black;
}

.text-small {
  font-size:0.625em /*10px;*/
}

.text-bold {
  font-weight:bold;
}


.text-gold {
  color:#896000;
}

.text-italic {
  font-style:italic;
}

a {
  text-decoration: underline;
  color:black;
}

a img {
  border:none;
}

a.in-text {
  color: #896000;
  text-decoration:none;
  font-weight:bold;
}

a.in-text:hover {
  color:black;
}

img {
  border-style:none;
}

.col-left-270 {
  width:270px;
  float:left;
}

.col-right-550 {
  width:550px; /*527px;*/
  float:right;
}


.col-right-550 .content {
  padding-top: 5px;
  margin-right:65px;
  margin-left: 23px;
}

.col-right-550 .content.top-border {
  border-top: 1px dotted #404040;
}

.content-image img {
  float:left;
  margin-bottom:15px;
}

.content-image.first {
  margin-top:15px;
}


.content-image .image-caption-side {
  float:left;
  padding-left:10px;
}


.content-image {
  margin-bottom:27px;
}


.col-left-550 {
  width:550px;
  float:left;
}

.col-left-550 .content {
  padding-left:25px;
  padding-right:50px;
}

ul.page-list {
    padding-left:17px;
    padding-top:0px;
    margin-top:0px;
}

.page-list li {
  font-size:0.75em; /*12px*/
  line-height: 1.66em; /*20px;*/
  list-style-image:url('../images/HP_BulletPoint.jpg');
}

.large-margin-top {
  margin-top:45px;
}

.col-right-270 {
  width:270px;
  float:right;
}

.sidebar {
  border-top: 1px dotted #404040;
}

.sidebar-content, .image-caption-side {
  
  line-height: 1.4em; /*22px*/
  font-size: 0.75em; /*12px;*/
}



.col-left-270 .sidebar-content {
  padding-top:18px;
  padding-left:30px;
}

.col-right-270 .sidebar-content {
  padding-top:10px;
}

.sidebar img {
  margin-bottom:10px;
}

.col-right-270 .sidebar-caption {
  width: 185px;
  margin-top:18px;
}

.col-left-270 .sidebar-caption {
  width:165px;
}


.caption-heading {
  text-transfOrm:uppercase;
}


.caption {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
}

.quote {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
}

.sidebar-content .quote {
  margin-bottom:10px;
}

.quote-caption {
  font-size:0.8em; /*10px*/
  line-height:1.3em;
  width:170px;
}

.intro {
  color: #896000;
  margin-bottom: 30px;
  margin-top:20px;
}

.intro a {
  color: #896000;
}

a.in-page {
  text-decoration:none;
  font-weight: bold;
}

a.in-page:hover {
  color:#896000;
}



.top-nav hr {
  text-align:left;
  width:20px;
  border:none;
  border-top:1px dotted #404040;
  margin-top:0px;
  
}

/*
#copyright {
  position:absolute;
  top:800px;
  border-top:1px dotted  white;
  text-transform:uppercase;
  font-size:0.5em;
  color:white;
  width:820px;
  text-align:left;
  padding-top:10px;
}
*/

#copyright {
  position: fixed;
  bottom: 15px; 
  border-top:1px dotted  white;
  text-transform:uppercase;
  font-size:0.5em;
  color:white;
  width:820px;
  text-align:left;
  padding-top:10px;
}


.lowercase {
  text-transform:lowercase;
}

.top-tag {
  position:absolute;
  top:0px;
}

.dropdown {
  display:none;
}