/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {
  margin: 0;
  padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked images */
img {
	border: 0;
}


/* =Links
-----------------------------------------------------------------------------*/

a:link {
  text-decoration: none;
  color: #cc6600;
}


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

a:hover {
  text-decoration: underline;
  color: #cc6600;
}

/*Highlight which page is displayed*/

#home #navigation .home a, #about #navigation .about a, #guide #navigation .guide a, #book #navigation .book a, #diary #navigation .diary a, #therapy #navigation .therapy a {
  background-position: right top;
  color: #000;
  text-decoration: underline;
}
/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 70.5%/1.8 Tahoma, Verdana, sans-serif;
  background: #fff;
  color: #000;
}

body * {
  font-size: 100.01%;
  line-height: 1.5;
}

h2 {
  font-size:2em;
  color:#336699;
}
 
h3 {
  font-size:1.5em;
  color:#336699;
}

/* =Layout
-----------------------------------------------------------------------------*/
/*#header {
  background: #fff url(images/header_final.gif) no-repeat left top;
  width:479px;
  height:205px;
  float:left;
}
*/

#mail {
  float: left;
  height:205px;
  width:223px;
}


#header {
  width:479px;
  height:205px;
  float:left;
}

#right_image {
	float: left;
	width: 253px;
	position:absolute;
	z-index: 1;
	left:702px;
	top: 0px;
  }
  
#content {
	position: absolute;
	z-index: 0;
	background: transparent url(http://www.merrywidow.me.uk/images/bg_main.gif) repeat-y left top;
	width: 870px;
	/*height: 100%;*/
	/*position:relative;*/
	padding-left: 80px;
	left: 1px;
	top: 200px;
}

#dis_content {
    position: absolute;
	z-index: 0;
	background: transparent url(http://www.merrywidow.me.uk/images/dis_middle.gif) repeat-y left top;
	width: 870px;
	/*height: 100%;*/
	/*position:relative;*/
	padding-left: 60px;
	left: 0px;
	top: 200px;
}
  
/* =Therapy Web Page
-----------------------------------------------------------------------------*/
#therapy #header {
  background: #000 url(http://www.merrywidow.me.uk/images/therapy_bg_tile.gif) repeat-x left top;
  float:none;
  width: 100%;
  color:#FFFFFF;
  font-size: 1.7em;
  padding-left: 1%;
  height:50px;
}

#therapy p {  line-height: 180%; }

#therapy #col_one {
  padding-top: 2%;
  float: left;
  margin-left: 5%;
  background: transparent url(http://www.merrywidow.me.uk/images/therapy_tile.gif) repeat-x top;
}

* html #therapy #col_one  {
  margin-left: 2%;
}
#therapy #col_two, #col_three {
  width: 27%;
  float: left;
  margin-left: 5%;
  background: transparent url(http://www.merrywidow.me.uk/images/therapy_tile.gif) repeat-x top;
}

#therapy #col_four {
 background: transparent url(http://www.merrywidow.me.uk/images/therapy_tile.gif) repeat-x top;
  width: 100px;
  float: left;
 margin-left: 5%;
}
#therapy #col_one img {
  margin-bottom: 10px;
}
#therapy #col_four ul {
  list-style: none;
}
#therapy #row2 {
	position: relative;
 	background: transparent url(http://www.merrywidow.me.uk/images/therapy_tile.gif) repeat-x top;
  	width: 680px;
  	float: bottom;
}

/* =Normal Site
-----------------------------------------------------------------------------*/

#donation {
  background: #fff url(http://www.merrywidow.me.uk/images/top_dionate.gif) top left no-repeat;
   margin-left: 40px;
}

#donation h3 {
  margin-top: 100px;
}


#navigation {
  width: 700px;
}

#dis_content #navigation {
  width: 700px;
  margin-left: 50px;
}
#navigation ul{
  list-style: none;
  
}

#navigation li{
  float: left;
}

#navigation ul li a {
  text-indent: -5000px;
  display: block;
  width: 130px;
  height: 20px;
  /*line-height: 20px;*/
}

#navigation ul .home a{  background: transparent url(http://www.merrywidow.me.uk/images/home_button.gif) no-repeat left top; width: 70px;}
#navigation ul .about a{  background: transparent url(images/about_button.gif) no-repeat left top;}
#navigation ul .guide a{  background: transparent url(http://www.merrywidow.me.uk/images/guide_button2.gif) no-repeat left top; width: 67px; margin-left:10px; margin-right: 10px;}
#navigation ul .book a{  background: transparent url(http://www.merrywidow.me.uk/images/book_button.gif) no-repeat left top; }
#navigation ul .diary a{  background: transparent url(http://www.merrywidow.me.uk/images/diary_button.gif) no-repeat left top; margin-left: 0px;}
#navigation ul .therapy a{  background: transparent url(http://www.merrywidow.me.uk/images/therapy_button.gif) no-repeat left top; width: 70px; margin-left:20px;}


#navigation_adm {
  width: 700px;
}
#dis_content #navigation_adm {
  width: 700px;
  margin-left: 20px;
}
#navigation_adm ul{
  list-style: none;
  
}

#navigation_adm li{
  float: left;
}

#navigation_adm ul li a {
  display: block;
  width: 130px;
  height: 20px;
  /*line-height: 20px;*/
}
#navigation_adm ul li a:hover {
   background-position: right top;
}

#navigation_adm ul .board a{  width: 90px; text-decoration: none; color: #cc6600; }
#navigation_adm ul .home a{  width: 120px; text-decoration: none; color: #cc6600; }
#navigation_adm ul .menu a{  width: 110px; text-decoration: none; color: #cc6600; }
#navigation_adm ul .coc a{  width: 100px; text-decoration: none; color: #cc6600; }
#navigation_adm ul .help a{  width: 50px; text-decoration: none; color: #cc6600; }
#navigation_adm ul .cancel a{  width: 60px; text-decoration: none; color: #cc6600; }
#navigation_adm ul .topiclist a{  width: 120px; text-decoration: none; color: #cc6600; }
#navigation_adm ul .banned a{  width: 80px; text-decoration: none; color: #cc6600; }
#navigation_adm ul .diary a{  width: 120px; text-decoration: none; color: #cc6600; }
#navigation_adm ul .diarymenu a{  width: 60px; text-decoration: none; color: #cc6600; }
#navigation_adm ul .expired a{  width: 140px; text-decoration: none; color: #cc6600; }
#navigation_adm ul .notexpired a{  width: 140px; text-decoration: none; color: #cc6600; }


#navigation ul li a:hover {
   background-position: right top;
}


#introBox {
  width: 600px;
  padding-bottom: 10px;
  background: transparent url(http://www.merrywidow.me.uk/images/dotted.gif) repeat-x bottom left;
}

#dis {
  width: 750px;
  padding-bottom: 10px;
  background: transparent url(http://www.merrywidow.me.uk/images/dotted.gif) repeat-x bottom left;
}
#dis_adm {
  width: 750px;
  padding-left: 20px;
  padding-bottom: 70px;
  background: transparent url(http://www.merrywidow.me.uk/images/dotted.gif) repeat-x bottom left;
}

#introBox img{
  float: left;
  padding-right: 5px;
}

#leftBox {
  width: 280px;;
  float: left;
  padding-right: 20px;
}

#rightBox {
  width: 290px;
  padding-left:10px;
  float: left;
}
#topics{
  list-style:none; 
}
#chapters {
  padding-left: 20px;
  list-style: upper-roman;
}

#links {
  padding-left: 12px;
  list-style: circle;
}
#rightBox #topics li{
  background: transparent url(http://www.merrywidow.me.uk/images/topic.gif) no-repeat left center;
  padding-left: 18px;
  margin-bottom: 10px;
  line-height: 20px;
}

#footer {
   background: transparent url(http://www.merrywidow.me.uk/images/dotted.gif) repeat-x top left;
   padding-top: 5px;
   width: 660px;
   padding-bottom: 10px;
}

#diary #first {
  float: left;
  margin-right:40px;
  
}

#diary #second {
  float: left;
  
}
.search_button {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 11px; 
	color: #cc6600;
	height: 20px;
}
.search_field {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 11px; 
	color: #000000;
	line-height: 11px; 
}
.formfield {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 12px; 
	color: #000000;
	line-height: 11px; 
}
.diary_title {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 28px; 
	color: #330033;
	text-decoration: underline;
}
.diary_text {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #330033}