/* --- generic elements --- */

html {
	height: 100%;		
	margin: 0;
	padding: 0;
}
	
body {
	margin: 0;
	padding: 0;
	background-color:#9f9981;
	height: 100%;
}

img {
	border: none;
}


/* --- text styling etc --- */

p {
	font: 12px arial, helvetica, sans-serif;
	line-height: 19px;
	color: #878680;
	}
	
table.bookclub {
	font: 12px arial, helvetica, sans-serif;
	line-height: 18px;
	color: #878680;
	border: solid #e4e2d8 1px;
	border-spacing: 0px;
	background-color: #f4f3ee;
	
		}	

table.bookclub td {
	padding: 8px;
	border: solid #e4e2d8 1px;
	border-spacing: 0px;		
	}
	
	
p.small {
	font: 11px  arial, verdana, helvetica, sans-serif;
	color: #78796a;
	line-height: 14px;
	}
	
h2 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #716d5d;
	line-height:20px ;
	font-weight:bold;
}	
h3 {
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #716d5d;
	line-height:20px;
	font-weight:bold 
}

h5 {
	font: bold 12px  arial, verdana, helvetica, sans-serif;
	color: #35a0dc;
	line-height:20px 
}

.title {
	margin-top: 30px;
	border-top: dotted 3px #d6d2c1;
	border-bottom: dotted 1px #d6d2c1;
}

.title h2 {
	font: 20px Georgia, "Times New Roman", Times, serif;
	color: #35a0dc;
	line-height:1.1em; 
}

.title2 h2 {
	font: 22px Georgia, "Times New Roman", Times, serif;
	color: #35a0dc;
	line-height:1.2em; 
}

.title p { 
	font: 12px  arial, verdana, helvetica, sans-serif;
	color: #78796a;
	line-height: 18px;
}

a {	color: #f8702d;	
	text-decoration: none;
	outline: none;}
	
a:hover {text-decoration: underline;}

a:visited {color: #f8702d;}


a.small-link {
	color: #3f9fd5;
	text-decoration: none;
	font-size: 12px;
}

a:hover .small-link {text-decoration: underline;}

a:visited .small-link {color: #35a0dc;}


blockquote {
width: 400px;
	padding:8px 0 5px 36px;
	font: 14px bold Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	color: #4583ae;
	margin-left: 0px;
	margin-bottom: 0px;
	background:#fff url('../images/blockquote_background.png') no-repeat; 
}


.attr {
	color: #878680;
	font-weight:bold;
	margin-left: 36px;
}

.red {
color:#CC3300;
}

ul {
	list-style: default;
	margin: 3px 0 0 14px;
	padding: 0;
	font: 12px arial, helvetica, sans-serif;
	line-height: 20px;
	color: #878680;
}

#container p.small {font-size: 11px;}



/* --- layout --- */



#wrapper {
	margin: 0 auto;
	width: 818px;
}


#container {
	margin: 0 auto;
	width: 818px;
	background-color:#FFF;
	margin-top: 20px;
	 }


#header {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 238px;
	background: url('../images/bg_header.gif') no-repeat;
}

#header2 {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 300px;
	background: url('../images/bg_header_2.gif') no-repeat;
}

#header .logo, 
#header2 .logo {
	position: absolute;
	background: url(../images/logo.gif) no-repeat;
	width: 366px;
	height: 79px;
	text-indent: -9999px;
	overflow: hidden; 
	top: 36px;
	left: 26px;
}


#pagetitle {
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 230px;
	left: 50px;

}

#pagetitle h1 { 
	margin: 0;
	font: 20px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	

}

#pagetitle span {
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #79cefd;
}

#pagetitle span .divider {
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
}


#content {
	z-index: 1;
	width: 100%;
	overflow: hidden; 	
}


#mainwrapper  {
	margin: 0 auto;
}


#main {
	float: left;	
	padding: 0px 20px 20px 20px;
	width: 520px;
	background-color:#FFF;
}


#main2 {
	float: left;	
	padding: 0px 20px 20px 20px;
	width: 800px;
	background-color:#FFF;
}


#homepage-quotes {
	width: 510px;
	margin: 0 auto;
	font:  12px georgia, times, serif;
	line-height: 18px;
	color: #79b0ce; 		
	padding-bottom: 30px;
}

 #homepage-quotes .quote {
	float: left;
	padding-right: 22px;
	width: 144px;
	font:  12px georgia, times, serif;
	line-height: 18px;
	color: #79b0ce;	
}

#homepage-quotes p {
	font:  11px georgia, times, serif;
	line-height: 16px;
	color: #878680;
}

#home-text {
clear:both;
position:relative;	 
background-color:#FFF;	
	  border-top: 1px dotted #9c9c9c;
	  /*border-bottom: 1px dotted #9c9c9c;*/
	  padding: 16px 0 20px 0;
	
}

#home-text h2 {	
	  font: bold 16px century gothic, arial, helvetica, sans-serif;
	  line-height: 24px;
	  color: #878680;
}


#home-text a {
	
	font: 11px arial, helvetica, sans-serif;
	line-height: 16px;
	color: #d44e26;
}


#page_section {
	float: left;
    width: 520px;
	padding-bottom: 40px;
 }
 
 #page_section h3 {
	padding: 0px;
 }
 
#page_section h4 {
	font: 14px bold Georgia, "Times New Roman", Times, serif;
	color: #4583ae;
	margin-bottom: 0px;
}



#page_section_wide {
	float: left;
    width: 780px;
	padding-bottom: 40px;
 }
 
 #page_section_wide h3 {
	padding: 0px;
 }
 
#page_section_wide h4 {
	font: 14px bold Georgia, "Times New Roman", Times, serif;
	color: #4583ae;
	margin-bottom: 0px;
}



#production-right {
	float: right; 
	border-right: #fff solid 5px;
	width: 250px;
	background: #fff;
}

#production-right img {
	border: 4px solid #dddddd;
}

#production-right-content2 {
	float: right; 
	width: 230px;
	padding: 0px 10px 10px 10px;
	background: #fff;
}

#production-right-content2 p { 
	font: 11px  arial, verdana, helvetica, sans-serif;
	color: #9f9981;
	line-height: 18px;
}





/* RIGHT HAND COLUMN */

#rightcol {
	float: right; 
	border-right: #fff solid 5px;
	width: 251px;
	background: #fff url('../images/bg_rightcol.jpg') repeat-x;
}


#rightcol-content {
	width: 200px;
	padding: 0px 25px;
	background: #fff url('../images/bg_rightcol.jpg') repeat-x;
}

#rightcol-content h2 { 
	font: 22px century gothic, arial, helvetica, sans-serif;
	color: #35a0dc;
	line-height:1em;
	margin: 0;
	padding:0;
	
}

#rightcol-content h3 { 
	font: bold 16px century gothic, arial, helvetica, sans-serif;
	line-height: 22px;
	color: #878680;
}

#rightcol-content h4 { 
	font: bold 12px century gothic, arial, helvetica, sans-serif;
	color: #35a0dc;
}

#rightcol-content p { 
	font: 11px  arial, verdana, helvetica, sans-serif;
	color: #78796a;
	line-height: 17px;
}


#rightcol-content a.right {
	float: right;
	font: 11px arial, helvetica, sans-serif;
	line-height: 16px;
	color: #d44e26;
}



#rightcol2 {
	float: right; 
	border-right: #fff solid 5px;
	width: 250px;
	background: #fff;
}

#rightcol2 img {
border: 4px solid #dddddd;
}

#rightcol-content2 {
	float: right; 
	width: 230px;
	padding: 0px 10px;
	background: #fff;
}



#rightcol-content2 h2 { 
	font: 22px century gothic, arial, helvetica, sans-serif;
	color: #35a0dc;
}

#rightcol-content2 h3 { 
	font: bold 16px century gothic, arial, helvetica, sans-serif;
	line-height: 22px;
	color: #878680;
}

#rightcol-content2 h4 { 
	font: bold 12px century gothic, arial, helvetica, sans-serif;
		color: #35a0dc;
}

#rightcol-content2 p { 
	font: 11px  arial, verdana, helvetica, sans-serif;
	color: #78796a;
	line-height: 18px;
}




/* ------------ MENUS ------------*/


/* -------- top nav --------- */


#top-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 167px;
	left: 30px;
	z-index: 100;
}
#top-nav li {float: left;}
#top-nav a {
	height: 42px;
	float: left; 
	overflow: hidden; 
	text-indent: -9999px;
}
#top-nav li a:hover {background-position: bottom !important;}
#top-nav li:hover,
#top-nav li.hover {position: relative;}
#top-nav li.hover .drop, 
#top-nav li:hover .drop,
#top-nav li:hover .drop-2,
#top-nav li.hover .drop-2 {display: block;}
#top-nav .drop{
	display: none;
	position: absolute;
	top: 42px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 136px;	
	list-style: none;
	font: 11px arial, helvetica, sans-serif;
	background: #46aee8 url(../images/drop-bg.jpg) repeat-x 0 100%;
}

#top-nav .drop-2 {
	display: none;
	position: absolute;
	top: 42px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 142px;	
	list-style: none;
	font: 11px arial, helvetica, sans-serif;
	background: #46aee8 url(../images/drop-bg.jpg) repeat-x 0 100%;
}

#top-nav .drop-2 {left: 0px;}
#top-nav .drop a,
#top-nav .drop-2 a {
	margin: 0px 0px 0px 10px;
	padding-top: 6px;
	color: #d8f1fe;
	text-indent: 0;
	display: block;
	width: 114px;
	border-bottom: 1px solid #8dc1de;
	text-decoration: none;
	 height: 24px;
	
}
#top-nav .drop .last,
#top-nav .drop-2 .last {border-bottom: none;}
#top-nav .drop a:hover,
#top-nav .drop-2 a:hover {
	color: #fff;
	font-weight: normal;
}
#top-nav li .drop .bottom,
#top-nav li .bottom {
	display: block;
	background: url(../images/drop-bottom-bg.png) no-repeat;
	width: 140px;
	height: 17px;
	float: left; 
	position:relative;
	font: 0px sans-serif;
	margin: 0px 0 -14px 0px; 	
}

#top-nav li .bottom-2 {
	display: block;
	background: url(../images/drop-bottom-bg-2.png) no-repeat;
	width: 142px;
	height: 17px;
	float: left; 
	position:relative;
	font: 0px sans-serif;
	margin: 0px 0 -14px 0px; 	
}


#top-nav li .top {
	display: block;
	position:relative;
	margin: 0px ; 	
	background-color: #35a0dc;
}

body#home a#homeon{
background: url(../images/home.gif) no-repeat;
width: 77px;
position: relative;
background-position: bottom !important;
}

body#who a#whoon{
background: url(../images/who.gif) no-repeat;
width: 123px;
position: relative;
background-position: bottom !important;
}

body#what a#whaton{
background: url(../images/what.gif) no-repeat;
width: 140px;
position: relative;
background-position: bottom !important;
}

body#da a#daon{
background: url(../images/da.gif) no-repeat;
width: 150px;
position: relative;
background-position: bottom !important;
}

body#people a#peopleon{
background: url(../images/people.gif) no-repeat;
width: 89px;
position: relative;
background-position: bottom !important;
}

body#links a#linkson{
background: url(../images/links.gif) no-repeat;
width: 89px;
position: relative;
background-position: bottom !important;
}

body#contact a#contacton{
background: url(../images/contact.gif) no-repeat;
width: 89px;
position: relative;
background-position: bottom !important;
}




#top-nav li .home {
	background: url(../images/home.gif) no-repeat;
	width: 77px;
}
	
#top-nav li .who {
	background: url(../images/who.gif) no-repeat;
	width: 123px;
}

#top-nav li .what {
	background: url(../images/what.gif) no-repeat;
	width: 140px;
	}
	
#top-nav li .da {
	background: url(../images/da.gif) no-repeat;
	width: 150px;

}
#top-nav li .people {
	background: url(../images/people.gif) no-repeat;
	width: 89px;	
	margin-left:10px;
}
#top-nav li .links {
	background: url(../images/links.gif) no-repeat;
	width: 89px;
}

#top-nav li .contact {
	background: url(../images/contact.gif) no-repeat;
	width: 89px;
}










#footer {
	width: 818px;
	height: 200px;
	background: #9f9981 url('../images/bg_footer.gif') no-repeat

}
#contents-footer {
	width: 810px;
	margin-top: 0 auto; 
}
#contents-footer ul {
	position: relative;
	float: left; 
	list-style: none;
	margin: 84px 0 0 10px;
	padding: 0 0 50px 0;
	font: 9px  arial, helvetica, sans-serif;
	text-transform: uppercase;
}
#contents-footer ul li {float: left;}
#contents-footer ul li a {
	color: #757575;
	text-decoration: none;
	background: url(../images/sep.jpg) no-repeat 100% 2px;
	padding: 0 14px 0 14px;
}
#contents-footer ul li a:hover {text-decoration: underline;}
#contents-footer ul .last {background: none;}
#contents-footer .copyright {
	color: #757575;
	float:right;
	font: 9px arial, helvetica, sans-serif;
	margin: 83px 0px 0 10px;
		text-transform: uppercase;
		 padding-right: 10px;

}
#contents-footer .email:hover { text-decoration: underline;}