/* CSS Document */
/* hannahmonkhouse.co.uk (c) copyright */

/*-- General ----------------------------------*/
html, body {
	margin:0px;
	padding:0px;
	text-align:left;
	background-color:#ffffff;
	font-family: verdana, arial, helvetica, sans serif;
	background-image:url(../images/bck2.jpg);
}

h1, h2, h3, h4, h5, h6, div { margin: 0px; padding: 0px;}
img {border-style: none;}
.left { text-align:left;}
.right { text-align:right;}

div.line hr { /* take out the troublemaking HR */display:none; }
div.line { /*  DIV that wraps and replaces the HR */ background: #999  no-repeat center center;  height: 1px; margin: 5px 0px 5px 0px; }

.edit_view {
	color:#fff;
	background-color:transparent;
}

/*-- Container --------------------------------*/
#wrapper {
	width: 1000px;		
	/*/*/ 
	\width: 1020px;			
	w\idth: 1000px;
	margin-right:0px;
	/* */			
	padding: 0px;
	text-align:left;
	height:100%;	
}

/*-- Banner -------------------------------------------*/
#banner {
	margin:0px 0px 0px 52px;
	padding:32px 0px 10px 0px;
	width:200px;
	height:50px;
}

/*-- Nav -------------------------------------------*/
#nav {
	width:99%;
	border:0px solid #000;
	margin:0px 0px 10px 90px;
}

#nav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0;
	list-style-type: none;
	display: inline;
}

#nav ul li {
	margin: 0px 3px 0px 3px;
	padding: 0px 8px 0px 3px;
	display: inline;
	font-size: small;
	color:#fff;
	border-right:1px solid #fff;
	list-style-type: none;
}

#nav ul li.last {
	border-right:0px solid #fff;
}

#nav ul li.home {
	border-right:0px solid #fff;
	padding:0px 5px 0px 0px;
}

#nav ul a:link {color:#fff; text-decoration:none;padding-bottom:2px;}
#nav ul li a:hover {color:#fff; text-decoration:underline; padding-bottom:2px;}
#nav ul li a:visited {color:#fff; text-decoration:none;}
.within {color:#003300; text-decoration:underline;}

/*-- Main -----------------------------------------------*/
#main { 
	margin:0px 0px 20px 120px; 
	padding:0px 10px 0px 10px; 
	height:auto;
	width:620px;
	background-color:#FAFBF6; 
	border:1px solid #eee;
	 /*\*//*/  clear:both; /**/ 
}

#frontimg {
	margin:0px 0px 20px 120px; 
	padding:10px 10px 10px 10px; 
	height:auto;
}

#maintop {
	width:600px;
	background-color:#FAFBF6;
	height:auto;
	padding:13px 0px 0px 0px;
}

#mainfr {
	width:600px;
	background-color:#FAFBF6;
	height:auto;
	padding:0px;
}

#main a:link, #main a {color:#666666; text-decoration:underline;}
#main a:hover {color:#333; text-decoration:none;}
#main avisited {color:#666666; text-decoration:none;}

#popimg {
	margin:10px 10px 0px 0px;
	padding:0px 10px 40px 0px;
	float:left;
}

#popspacer {
	clear:both;
	margin:0px 0px 30px 0px;
	padding:0px;
}

/*-- leftcolumn ------------------------------------*/
#la {
	float: left;
	width: 420px;
	/*/*/ 
	\width: 410px;
	w\idth: 420px;
	margin-right: 5px;
	/* */
	margin: 0;
	margin-top:16px;
	padding: 0px 15px 0px 3px;
	height:100%;
	border-right:1px solid #CDCDCD;
}

#main p, #la p {    
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:x-small;
	line-height:1.4;
}

#la h4 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:small;
	line-height:1.4;
}

#la a {color:#000000; text-decoration:underline; margin:0px; padding:0px;}
#la a:hover {color:#000000; text-decoration:none; margin:0px; padding:0px;}
#la a:visited {color:#666; text-decoration:none; margin:0px; padding:0px;}
/*-- rightcolumn ------------------------------------*/
#ra {
	padding: 1px 0px 5px 5px;
	margin-top: 16px;
	margin-left: 445px;
	margin-right: 5px;
}

#ra p {    
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:x-small;
	line-height:1.4;
}

#ra a:link {text-decoration:none; color:#89827C; padding:0px; margin:0px;}
#ra a:hover {text-decoration:underline; color:#8B8784; padding:0px; margin:0px;}
#ra a:visited {text-decoration:none; color:#8B8784; padding:0px; margin:0px;}


.quote{ margin:0px 0px 30px 0px; padding:0px; width:160px; font-size:xx-small;}
.quote p {font-size:xx-small;border:1px soild #000;}
.quote img.quotes { width:auto; height:auto; margin:0px; padding:0px; text-align:left;}
.quote img.unquote { width:auto; height:auto; margin:0px; padding:0px 0px 0px 4px;}

#audio {
	margin: 8px 0px 30px 0px;
	padding:0px;
}

/*-- mainfooter ------------------------------------*/
#mainfooter {
	clear:both;
	margin:0px;
}


/*-- Footer ------------------------------------*/
#footer {
	clear:both;
	margin: 0px;
	padding: 10px 0px 15px 60px;
	border-top:1px solid #fff;
}

#footerW {
	clear:both;
	margin:0px 0px 3px 0px;
}

#footerR{
	margin-left:450px;
	margin-right:0px;
	padding:0px 0px 0px 0px;
}

#footerL {
	float: left;
	width: 300px;
	/*/*/ 
	\width: 310px;
	w\idth: 300px;
	margin-right: 5px;
	/* */
	margin: 0px;
	padding: 0px;
}

#footer p {
	font-size:xx-small;
	margin: 0px;
	padding: 0px;
	line-height:12px;
	letter-spacing:0px;
	color:#ffffff;
}

#footer a {text-decoration:underline;color:#999999;}
#footer a:hover {text-decoration:none;color:#999999;}
#footer a:visited {text-decoration:none;color:#999999;}


/*-- fonts --------------------------------------*/
body, div, p, th, td, li, dd    {
    /* redundant selectors to help NS4 remember */
    font-family:  Verdana, Lucida, Arial, 
Helvetica, sans-serif;
    font-size:    11px;
    }
	
body, body div, body p, body th, 
body td, body li, body dd    {
    /* more specific to override imported rule */
    font-size:    x-small;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    small
    /* intended value for better browsers */
    }

html>body, html>body div, html>body p, 
html>body th, html>body td, 
html>body li, html>body dd    {
    font-size:    small
    /* be nice to Opera */
}

h2 { font-size:large;}
h3 { font-size:medium;}


/*-- form -----------------------------------------*/
#form { 
	height: 450px;
	padding: 5px 0px; 
	margin: 0px;
}

div.row   {
  clear: both;
  padding-top: 7px;
}

div.row span.label {
  float: left;
  width:90px;
  text-align: left;
  font-size:x-small;
}

div.row span.formw {
  float: right;
  width: 225px;
  text-align: left;
  font-size:x-small;
} 

div.row span.formw input {
	border:1px solid #4C4D50;
}

#include {
	border:0px;
}
	
div.formbse {
	width: 300px;
	margin: 5px 0px 5px 0px;
	padding:0px;
	border: 1px solid #fcf;
}

div.form1 {
	font-size:x-small;
	margin:0px;
	padding:0px;
}

#submit {
	background-color:#4C4D50;
	border:0px solid #000;
	color:#fff;
}

#clear {
	background-color:white;
	border:1px solid #000;
}

/*-- Gallery -----------------------------*/
#galwrap {
	background-color:#fff;
}

#bigimage {
	float:left;
}

#story {
	margin:0px;
	padding:0px;
	width:600px;
	height:400px;
}

/*-- Audio -----------------------------*/

.listen img {
	margin:0px;
	padding:8px 0px 0px 0px;
}