@charset "utf-8";

/*-----------------------------------------------------------
		Main style sheet for Hebden Bridge Web
		version 0.2
		Created by Arachne Apr 2010
		
		Last edited by Arachne 29 Dec 13
		
		Related files: ie5-6.css, ie5.css (all in top-level css folder)
------------------------------------------------------------*/
/*---------------- Colours ----------------------------------
	#0000CD	'mediumblue' - default links
	#5B87F2	blue - forum
	
	::HAITIRELIEF::
	#32450C	dark green
	#717400	olive green
	#DC8505 yellow-brown
	#EC5519 orange-brown
	#BE2805 brown
			+/-
	#ec6		light brown
	#FFC76C beige
	#8F5035 brown
	#AA3300 chestnut
----------------- end colours ------------------------------*/
	

/*---------------- Reset browser defaults ----------------------------------*/
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,a,img,form,fieldset,legend,label,input {
	margin: 0;
	padding: 0;
}

/*---------------- Development-only Styles ----------------------------------*/
.attention {
	color: #F00;
	font-size: 2em;
	text-align: center;
	margin: 30px auto;
}

/*---------------- Generic Layout Styles ----------------------------------*/
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 100.01%; /* needed by Opera */
	text-align: center; /* allows older IE to center page */
}
#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 1000px;
	border: 1px solid #32450C;
}
#top {
	width: 100%;
	float: left;
}
#header {
	background: url(../images/headers/header-home.jpg) no-repeat;
	padding: 0;
	height: 170px;
	clear: both;
}
#sidebarNav {
	width: 150px;
	float: left;
	padding: 0;
}
#sidebar {
	width: 220px;
	float: right;
	padding: 0;
	text-align: center;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 15px;
    margin-right: 5px;
}
.special #sidebar {
	width: 230px;
	text-align: left;
}
.special #sidebar div {
	padding-top: 30px;
}
#mainContent {
	/*margin: 0 175px 0 160px;*/
	width: 610px;
	margin-left: 10px;
	padding-bottom: 30px;
	padding-top: 20px;
	overflow: hidden;
    float:left;
}
.special #mainContent {
	width: 580px;
}
#footer {
	clear:both;
	background: #32450C;
	color: #FFF;
	font-size: 0.8em;
	text-align: center;
	padding: 10px 0 15px 0;
}

/*---------------- Basic Styles ----------------------------------*/
img {
	border: none;
}
h1, h2, h3 {
	font-size: 1em;
	padding: 0 0 10px 0; /* if top changed, change '.article .imgRight img' too*/
}
h2:not(:first-child), h3:not(:first-child) {
	padding-top: 30px;
}
h1.series {
	border-bottom: 2px solid #717400;
}
p {
	font-size: 0.9em;
	margin: 0 0 10px 0;
}
li li {
	font-size: 1em;
}
blockquote { 
	/*border-top : 1px solid #E1CC89;
	/*border-bottom: 1px solid #E1CC89;*/
	padding : 8px 8px 8px 15px;
  margin: 5px 30px;
	background: transparent url(../images/blockquotes/openquote1.gif) no-repeat left top;
	color: #666;
	
	line-height: 1.45;
}
blockquote div {
	background: transparent url(../images/blockquotes/closequote1.gif) no-repeat right bottom;
	padding-bottom: 5px;
	
}
.credit {
	text-align : right;
	font-style: italic;
	font-weight: bold;
}
.credit small { font-size: 80%; }  /* is this selector & below correct?  */
blockquote p { 
	margin: 0 !important;
	text-indent: 1.5em;
	padding-bottom: 0;
}
blockquote pre { margin: 0; }

.center {
	text-align: center;
}
.date {
	color: #666;
	font-size: 80%;
}
.source {
	font-style: italic;
}
.quote {
	color: #666;
}
.clearFloats {
	clear: both !important;
}
.clearRight {
	clear: right;
}

table {
	padding: 10px 0;
	font-size: 0.8em;
	width: 100%;
}
th {
	font-weight: bold;
	text-align: center;
}
td {
	padding: 5px;
}

.rollover {
	position: relative;
	width: 255px;
	margin: 0 auto;
}
.rollover img.top {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.rollover img.bottom {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

/*---------------- Links ----------------------------------*/
a:link, a:visited {
	text-decoration: none;
	color: #0000CD;
}
a:hover {
	text-decoration: underline;
	color: #0000CD;
}
#sidebarNav ul a:link {
	color: #32450C;
	font-weight: bold;
	line-height: 1.6;
	display: block;
	padding-left: 3px;
}
#sidebarNav ul a:visited {
	color: #717400;
	font-weight: bold;
	line-height: 1.6;
	display: block;
	text-decoration: none;
	padding-left: 3px;
}
#sidebarNav ul a:hover {
	background: #32450C;
	color: #FFF;
	line-height: 1.6;
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding-left: 3px;
}
#sidebarNav ul a.currentSection:link, #sidebarNav ul a.currentSection:visited, #sidebarNav ul a.currentSection:hover {
	background: transparent url(../images/arrows/arrow_lt_brown.gif) center right no-repeat;
	color: #717400;
	line-height: 1.6;
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding-left: 3px;
}
#sidebarNav ul a.currentSection:hover {
	text-decoration: underline;
}
#secNav {
	padding-bottom: 20px;
	overflow: hidden;
}
#secNav h3 {
	padding-bottom: 0;
}
#secNav ul {
	list-style: none;
	clear: both;
	margin: 0;
	overflow: hidden;
}
#secNav li {
	float: left;
	width: 32%;
	padding-top: 5px;
}
#secNav a, #secNav a:link, #alphaNav a, #alphaNav a:link, #toc a, #toc a:link {
	font-weight: bold;
	color: #BE2805;
	display: block;
}
#secNav a:visited, #alphaNav a:visited, #toc a:visited {
	color: #FFC76C;
}
#secNav a:hover, #secNav a:active, #alphaNav a:hover, #alphaNav a:active, #toc a:hover, #toc a:active {
	text-decoration: underline;
}
#alphaNav a.disabled, #alphaNav a.disabled:link,
#alphaNav a.disabled:visited,
#alphaNav a.disabled:hover,
#alphaNav a.disabled:active,
#secNav a.disabled, #secNav a.disabled:link,
#secNav a.disabled:visited,
#secNav a.disabled:hover,
#secNav a.disabled:active {
	color: #CCC;
	cursor: default;
	text-decoration: none;
}
#alphaNav {
	float: left;	
}
#alphaNav ul {
	list-style: none;
}
#alphaNav li {
	float: left;
	font-weight: normal;
}
#alphaNav a {
	padding: 3px 5px;
}
#top a:link, #top a:visited {
	color: #999;
	text-decoration: none;
}	
#top a:hover {
	color: #999;
	text-decoration: underline;
}
#footer a:link, #footer a:visited {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
#more a:link {
	color: #BE2805;
	font-weight: bold;
}
#more a:visited {
	color: #EC5519;
	font-weight: bold;
}
#more a:hover {
	color: #BE2805;
	font-weight: bold;
	text-decoration: underline;
}
#ppens a, #ppens a:link {
	color: #ff0;
}
#ppens a:hover {
	text-decoration: underline;
}
.forum .thread #extraFooter a, .forum .thread #extraFooter a:link {
	color: #FFF;
}


/*---------------- TOP Styles ----------------------------------*/
#top ul {
	width: 30%;
	float: left;
	font-size: 0.8em;
	margin: 0;
	padding: 5px;
	list-style: none;
	color: #999;
}
#top li {
	display: inline;
	padding: 0 4px;
}

p#lastUpdate {
	color: #999;
	text-align: right;
	float: right;
	clear: none;
	padding: 5px;
	margin: 0;
}

/*---------------- HEADER Styles ----------------------------------*/
#header h1 {
	/*text-align: right; font-size: 2.4em; font-weight: normal; padding-top: 5px; padding-right: 10px; */
	height: 0;
	font-size: 0pt;
	line-height: 0;
	text-indent: -10000px;
}
#header p {
	/*color: #FFF; font-size: 1em; font-style: italic; text-align: right; padding: 20px 200px 0 0; */
	height: 0;
	font-size: 0pt;
	line-height: 0;
	text-indent: -10000px;
}

/*---------------- NAVIGATION SIDEBAR Styles ----------------------------------*/
#sidebarNav p {
	margin: 5px 0;
	text-align: center;
	width: 100%;
}
#sidebar p.blockText {
	text-align: left;
}
#sidebarNav ul {
	list-style: none;
	padding: 10px 0 10px 7px;
	margin: 0;
	font-size: 0.75em;
}
#sidebarNav ul li {
	padding: 0;
	margin: 0;
}

/*---------------- SIDEBAR Styles ----------------------------------*/
#sidebar #cse-search-box {
	margin: 10px 0;
}

/*---------------- MAIN CONTENT Styles ----------------------------------*/
.col1 {
	width: 49%;
	float: left;
	margin: 0;
	padding: 0;
}
.col2 {
	width: 49%;
	float: right;
	margin: 0;
	padding: 0;
}
.col1 p, .col2 p {
	font-size: 0.8em;
	margin: 10px 0;
}
.col1 ul, .col2 ul, .col3 ul {
	font-size: 0.8em;
	margin-left: 20px;
}
.col1 li, .col2 li {
	padding: 3px 0;
}

.col1 .imgLeft, .col1 .imgRight, .col2 .imgLeft, .col2 .imgRight {
	margin: 10px 0;
	width: 100%;
	float: left;
}
.col1 .imgLeft p, .col1 .imgRight p, .col1 imgLeft p, .col2 .imgRight p {
	text-align: left; /* ? needed */
}
.imgLeft img {
  float: left;
	margin: 0 5px 5px 0;
	/*display: block;*/
}
.imgRight img {
  float: right;
	margin: 0 0 5px 5px;
}
.imgLeft p, .imgRight p {
  padding: 0;
	margin: 0;
	clear: none;
}
.box {
	-webkit-border-radius: 5px;  /* safari-chrome */
	-moz-border-radius: 5px;   /* firefox */
	border-radius: 5px;  /* opera */
	background-color: #EDEDED;
	border: 1px solid #666; /* was black */
	padding: 7px;
	margin: 10px 0;
	text-align: center;
	overflow: hidden;
	float: left; /* needed to display correctly in DW */
	width: 302px;
}
.features .box {
	float: none;
	width: 90%;
	margin: 0 auto;
}
.box p {
	padding: 5px 0 0 0;
	margin: 0;
	text-align: left;
}
.box p.center {
	text-align: center;
}
.box p img {
  padding-bottom: 10px;
}
#more {
	clear: both;
	width: 100%;
	overflow: hidden; /* with width declaration, clears child floats without extra markup */
}
#more ul {
	margin-left: 10px;
	padding-left: 15px;
	font-size: 0.8em;
}
#more li {
	padding-bottom: 7px;
}
/*---------------- ARTICLE & THREAD Styles ----------------------------------*/

.article .itemFirst, .article .itemNext, .article .itemSeriesTop, .article .comment, .thread .postTop, .thread .postFirst, .thread .postNext {
	width: 80%;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	overflow: hidden; /* with width declaration, clears child floats without extra markup */
}

.article .itemSeriesTop {
	border-bottom: 2px solid #717400;
	padding-bottom: 10px;
}
.article .itemNext {
	border-top: 1px solid #EC5519;
}
.article p {
	margin-top: 10px;
	margin-bottom: 10px;
}
.article p.date {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 0.8em;
}
.article p.author {
	padding: 10px 0 10px 0;
	margin: 0;
	font-size: 0.9em;
	font-style: italic;
	color:#009;
}
.article p.embedObject {
	padding: 15px 0;
	border-top: 1px solid #000;
	margin-top: 20px;
	text-align: center;
}

.article ul, .thread ul {
	font-size: 0.9em;
	list-style: disc;
	margin-left: 20px;
}
.article li, .thread li {
	padding-left: 6px;
	margin: 10px 3px;
}
.article ol, .thread ol {
	font-size: 0.9em;
	list-style: decimal;
	margin-left: 30px;
}
.article .comment {
	border-top: 1px solid #5B87F2;
}
.article .thumbNails3 {
	width: 480px;
	overflow: hidden;
	margin: 0 auto;
	padding: 10px 0;
}
.article .thumbNails3 div {
	float: left;
	padding: 0 5px;
}
.article .thumbNails3 div p, .article p.caption, p.caption {
	text-align: center;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 0.8em;
	color: #666;
}
.article .imgLeft img {
	margin: 10px 15px 10px 0;
}
.article .imgRight img {
	margin: 10px 0 10px 15px;
}
.thread .postTop h1 {
	-webkit-border-radius: 5px;  /* safari-chrome */
	-moz-border-radius: 5px;   /* firefox */
	border-radius: 5px;  /* opera */
	background: #5B87F2;
	color: #FFF;
	padding: 10px;
}
.thread .postFirst {
	padding-top: 0;
}
.thread .postNext {
	border-top: 1px solid #5B87F2;
}

#extraFooter {
	font-size: 1em;
	text-align: left;
	border-top: 1px solid #32450C;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	overflow: hidden; /* with width declaration, clears child floats without extra markup */
}
.home #extraFooter {
	border: none;
}
.article #extraFooter {
	width: 80%;
}
#extraFooter p {
	margin: 10px auto;
	padding: 0;
}
#extraFooter .imgLeft p {
	padding: 0;
	clear: none;
	text-align: center;
	font-size: 0.8em;
}
.forum .thread #extraFooter {
	border: none;
	-webkit-border-radius: 5px;  /* safari-chrome */
	-moz-border-radius: 5px;   /* firefox */
	border-radius: 5px;  /* opera */
	background-color: #5B87F2;
	color: #FFF;
	padding: 10px;
}
.forum .thread #extraFooter ul {
	margin-left: 30px;
	font-size: 0.8em;
}


/*---------------- FOOTER Styles ----------------------------------*/
#footer p {
	margin: 0 auto;
	padding: 2px 0;
	text-align: center;
}
#footer ul {
	list-style: none;
	padding: 2px;
	margin: 0;
}
#footer li {
	display: inline;
	padding: 0 4px;
}

/*---------------- NEWS Styles ----------------------------------*/
.article .imgLeft, .article .imgRight {
	overflow: hidden;
}
.article .itemSeriesTop .imgLeft img, .article .itemFirst .imgLeft img {
	margin-top: 0;
	margin-right: 15px;
	/*display: block;*/
}
.article .itemSeriesTop .imgRight img, .article .itemFirst .imgRight img {
	margin-top: 0;
	margin-left: 15px;
}
.article .imgRight img.header {
  float: right;
	padding: 20px 0 5px 3px;
}
.article .imgLeft h1, .article .imgRight h1 {
	clear: none;
	padding: 0 0 10px 0;
}
.news .subhead {
	-webkit-border-radius: 5px;  /* safari-chrome */
	-moz-border-radius: 5px;   /* firefox */
	border-radius: 5px;  /* opera */
	background: #32450C;
	color: #FFF;
	padding: 0;
	float: left;
	width: 100%;
}
.news .subhead h2, .news .subhead2 h2 {
  font-size: 0.9em;
  color: white;
  font-weight: normal;
  margin: 0;
  padding: 5px 10px;
  float: left;
}
.news .subhead .submit {
  font-size: 0.9em;
  padding: 5px 10px;
  margin: 0;
  float: right;
}
.news .subhead .submit a:link, .news .subhead .submit a:visited {
	color: #FFF;
	text-decoration: none;
}
.news .subhead .submit a:hover {
	color: #FFF;
	text-decoration: underline;
}

.stretch {
	clear: both !important;
	font-size: 1px;
	line-height: 0px;
	height: 0px;
}
.news .image {
	text-align: center !important;
	padding: 10px 0;
	width: 900px !important;
}

/*---------------- LISTING Styles ----------------------------------*/
#listing {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 20px;
	overflow: hidden; /* with width declaration, clears child floats without extra markup */
}
#listing ul {
	margin: 10px 0 10px 30px;
}
#listing li {
	padding: 3px 0;
}
#listing .emailDisplay, .formPage .emailDisplay {
	-webkit-border-radius: 5px;  /* safari-chrome */
	-moz-border-radius: 5px;   /* firefox */
	border-radius: 5px;  /* opera */
	border: 1px solid #717400;
	background-color: #FFC76C;
	padding: 10px;
}
#listing li.emailEnhanced {
	padding: 4px 0 10px 0;
}
#listing li p, #listing li span {
	font-size: 0.9em; /* of li size */
}
/* Required by imageswap.js */
.rollover {
	position: relative;
	margin: 0 auto;
}

.rollover img.seen, .rollover img.hidden, .rollover img.top, .rollover img.bottom {
	position: absolute;
	top: 1px;
	left: 0;
	z-index: 10;
}
.rollover img.hidden {
	display: none;
	z-index: 5;
}
.rollover img.bottom {
	z-index: 5;
}
/* End required by imageswap.js */


/*---------------- FORUM Styles ----------------------------------*/
.forum #rubric {
	overflow: hidden;
	width: 100%;
}
.forum #rubric p, .forum #rubric ul, .forum #rubric div {
	float: left;
}
.forum #rubric p {
	width: 48%;
	padding: 0 10px 0 0;
}
.forum #rubric ul, .forum #rubric div {
	width: 22%;
	margin-left: 20px;
}
.forum #rubric div {
	float: right;
}
.forum #rubric ul {
	font-size: 0.9em;
	margin-left: 20px;
}
.forum #rubric li {
	padding: 3px 0;
	margin: 0;
}
.forum .subhead {
	-webkit-border-radius: 5px;  /* safari-chrome */
	-moz-border-radius: 5px;   /* firefox */
	border-radius: 5px;  /* opera */
	background: #5B87F2;
	color: #FFF;
	padding: 0;
	width: 100%;
}
.forum .subhead h2 {
  font-size: 0.9em;
  color: #FFF;
  font-weight: normal;
  margin: 0;
  padding: 5px 10px;
}
.forum .thread #extraFooter {
	width: 80%;
}

.lists {
	overflow: hidden;
	width: 100%;
}
.lists .col1, .lists .col2, .lists .col3 {
	width: 205px;
	padding: 0 5px;
	float: left;
}
.forum #sidebar .col4 {
	text-align: left;
}
.forum .lists .col1 h2, .forum .lists .col2 h2, .forum .lists .col3 h2, .forum .lists .col4 h4 {
	font-size: 0.85em;
	font-weight: bold;
	padding: 5px 0 0 0;
}
.lists ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.lists .col4 ul {
	list-style: disc;
	margin-left: 20px;
}
.lists p {
	margin: 0;
	padding: 0;
}
.lists li {
	font-size: 1em;
	padding: 1px 0;
}
.lists li span.date {
	font-size: 0.9em;
}
.lists .col4 li {
	font-size: 0.8em;
}
.forum #sidebar .col4 li {
	padding: 3px 0;
	margin: 0;
}
.forum .lists #extraFooter {
	border: none;
	clear: both;
}
.forum .lists #extraFooter .col1, .forum .lists #extraFooter .col2 {
	width: 48%;
	padding: 20px 0;
}
	

/*---------------- EVENTS Styles ----------------------------------*/
div.oneCol {
	width: 90%;
	margin: 10px auto;
}
.oneCol .imgRight, .oneCol .imgLeft {
	overflow: hidden;
	width: 100%;
	padding: 5px 0;
}
.events .oneCol .imgRight p, .events .oneCol .imgLeft p {
	padding-bottom: 10px;
}
.oneCol ul {
	padding: 10px 0;
	margin-left: 10px;
    float:left;
}
.oneCol li {
	font-size: 0.9em;
	padding-bottom: 10px;
}
.events #rubric {
	margin: 0 0 30px 0;
	overflow: hidden;
}
.events #rubric ul {
	list-style: none;
	font-size: 0.9em;
}
.events .bx1 {
	
	font-size: 124%;
	color: #fff;
	background-color: #006400;
	padding: 12px;
	font-variant: small-caps;
	text-align:left;
	border:2px #000 solid;
	
}
.events .bx2 {
	font-size: 100%;
	color: #111;
	background-color: #fff;
	padding: 10px;
	text-align:left;
}
.events .line {
	background-color: #717400;
	background-image: url(../images/lines/ribbon_haiti.gif);
	width: 500px;
	height: 2px;
	margin: 20px auto;
}
.events .setEnhanced {
	text-align: center;
}
.events .setEnhanced p.body {
	text-align: left;
}

/*---------------- TOURIST-INFO Styles ----------------------------------*/
.tourist-info h2, .tourist-info h3 {
	padding: 15px 0 5px;
}
.tourist-info #rubric ul {
	float: right;
	width: 40%;
	padding: 20px 0 0 0;
	font-size: 0.9em;
}
.tourist-info .image {
	text-align: center !important;
	padding: 10px 0;
	width: 740px !important;
}
.accomEntry {
	-webkit-border-radius: 10px;  /* safari-chrome */
	-moz-border-radius: 10px;   /* firefox */
	border-radius: 10px;  /* opera */
	border: 1px solid #717400;
	/*width: 100%; watch out for floats not being cleared */
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}
.accomEntry h3 {
	-webkit-border-radius: 10px 10px 0 0;  /* safari-chrome */
	-moz-border-radius: 10px 10px 0 0;   /* firefox */
	border-radius: 10px 10px 0 0;  /* opera */
	border: 1px solid #717400;
	color: #FFF;
	background-color: #717400;
	line-height: 2.5;
	padding: 0 0 0 5px;
	margin: 0;
	position:relative;
	top: -1px;
	font-weight: normal;
}
.accomEntry .col1 {
	padding: 10px 0 10px 10px;
	width: 40%;
}
.accomEntry .col2 {
	float: right;
	clear: none;
	padding: 0 10px 0 0;
	width: 53%
}

/*---------------- ARCHIVE Styles ----------------------------------*/
.archive .col1 ul, .archive .col2 ul {
	padding: 0 0 15px 0;
	margin-left: 20px;
}
.archive .col1 li, .archive .col2 li {
	font-size: 0.85em;
	padding: 3px 0;
}

/*---------------- FEATURES Styles ----------------------------------*/
.features .boxed {
	border: 1px solid #000;
	width: 100%;
	overflow: hidden;
	padding: 0 10px;
}

/*---------------- GREEN Styles ----------------------------------*/
.green h2, .green h3 {
	-webkit-border-radius: 5px;  /* safari-chrome */ 
	-moz-border-radius: 5px;   /* firefox */ 
 	border-radius: 5px;  /* opera */
	background-color: #32450C;
	color: #FFF;
	padding: 10px;
	margin: 10px 0;
}

/*---------------- HISTORY Styles ----------------------------------*/
.history .col2 {
	width: 160px;
	text-align: center;
}
.history .col1 {
	width: 450px;
}
.history #rubric {
	width: 100%;
	overflow: hidden;
}
.history #rubric .col2 {
	width: 48%;
	text-align: left;
	padding: 0 0 0 15px;
}
.history .milltown {
	width: 400px;
	overflow: hidden;
	border: 1px solid #BE2805;
	padding: 10px;
	margin: 10px auto;
}
.history .milltown .col1, .history .milltown .col2 {
	width: 49%;
	text-align: left;
}
.history .milltown h2 {
	padding: 0;
}
.history .mainPage #extraFooter {
	margin-top: 20px;
	text-align: center;
}
.history .article #extraFooter .col1, .history .article #extraFooter .col2 {
	width: 48%;
}

/*---------------- MEDIA Styles ----------------------------------*/
.media .boxed {
	border: 1px solid #000;
	padding: 15px;
	margin: 10px 0;
}

/*---------------- NEIGHBOURS Styles ----------------------------------*/
.neighbours #extraFooter {
	text-align: center;
}

/*---------------- PLANS Styles ----------------------------------*/
.oneCol .itemNext {
	padding: 20px 0;
	overflow: hidden; /* with width declaration, clears child floats without extra markup */
	border-top: 1px solid #AA3300;
}

/*---------------- BOOKS Styles ----------------------------------*/
.books .book {
	border-top: 1px solid #EC5519;
	padding-bottom: 10px;
}
.books #sidebar {
	text-align: left;
}
.books #sidebar ul {
	list-style: none;
	padding: 20px 0;
}
.books #sidebar li {
	padding: 3px 0;
}

/*---------------- BRIDGE Styles ----------------------------------*/
.bridge #rubric {
	overflow: hidden;
	margin-bottom: 30px;
}
.bridge #rubric p {
	font-size: 0.9em;
	margin: 10px 0;
}
.bridge #rubric .col1, .bridge #rubric .col2, .bridge #rubric .col3 {
		width: 32%;
		float: left;
}
.bridge .col1 {
	width: 60%;
}
.bridge .col2 {
	width: 36%;
}
.bridge .col1 ul {
	list-style-type: none;
}
.bridge .col1 li {
	background-image: url(../bridge/tri-red.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 15px;
}
.quoteDisplay, .quoteDisplay2 {
	padding: 10px;
	margin: 20px 0;
	font-style: italic;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
}
.quoteDisplay {
	background-color: #000;
	color: #FFF;
	font-weight: bold;
}
.quoteDisplay2 {
	background-color: #CCC;
	color: #111;
	font-size: 0.9em;
	padding: 10px 20px;
	font-style: normal;
}
.quoteDisplay2 cite {
	display: block;
	text-align: right;
}

.bridge .itemNext {
	border-top: 2px solid #333;
	padding-top: 10px;
	margin-top: 35px;
}

/*---------------- SMALLADS Styles ----------------------------------*/
.smallads span.adHead {
	font-weight: bold;
	color: #000;
}
.smallads span.comment {
	color: #999;
}
.smallads .line {
	background-color: #717400;
	background-image: url(../images/lines/ribbon_haiti.gif);
	width: 250px;
	height: 2px;
	margin: 20px auto;
}






/*---------------- WEBPAGES & EMAIL Styles ----------------------------------*/
.websites-local #alphaNav, .websites-useful #alphaNav {
	width: 90%;
	float: none;
	margin: 10px auto;
}
.websites-local #alphaNav ul, .websites-useful #alphaNav ul {
	overflow: hidden;
	padding: 0;
	margin: 0;
	list-style: none;
}
.websites-local #alphaNav li, .websites-useful #alphaNav li {
	font-size: .9em;
}
.websites-local #rubric, .websites-useful #rubric {
	overflow: hidden;
	width: 100%;
}
.websites-local #toc, .websites-useful #toc {
	width: 100%;
	overflow: hidden;
	padding: 20px 0 20px 20px;
}
.websites-local #toc ul, .websites-useful #toc ul {
	float: left;
	width: 48%;
	list-style-type: none;
}
.websites-local #toc li, .websites-useful #toc li {
	font-size: 0.9em;
}
.websites-local #extraFooter, .websites-useful #extraFooter {
	margin-top: 20px;
}
.websites-local #extraFooter p, .websites-useful #extraFooter p {
	text-align: center;
	font-size: 0.8em;
}
.websites-local #extraFooter .col1 p, .websites-local #extraFooter .col2 p,
.websites-useful #extraFooter .col1 p, .websites-useful #extraFooter .col2 p {
	text-align: left;
}
.websites-local #extraFooter div.ads, .websites-local #extraFooter div.ads {
	text-align: center;
	padding-top: 10px;
}
.websites-local .box, .websites-useful .box {
	border: 1px solid #000;
	padding: 10px 15px 15px 15px;
	width: 289px;
	float: none;
}
.websites-local .oneCol .box, .websites-useful .oneCol .box {
	width: 490px;
}
.websites-local .col1 h2, .websites-local .col2 h2,
.websites-useful .col1 h2, .websites-useful .col2 h2 {
	-webkit-border-radius: 5px;  /* safari-chrome */ 
	-moz-border-radius: 5px;   /* firefox */ 
 	border-radius: 5px;  /* opera */
	color: #FFF;
	background-color: #444;
	padding: 7px;
	margin: 20px 0 10px 0;
	font-size: 0.9em;
}
.websites-local .col1 h2 span, .websites-local .col2 h2 span, 
.websites-useful .col1 h2 span, .websites-useful .col2 h2 span {
	font-variant: small-caps;
}

/*---------------- LIVES REMEMBERED Styles ----------------------------------*/

/*---------------- FORMS Styles ----------------------------------*/
.formPage #sidebar {
	text-align: left;
}
.formPage form {
	padding: 20px 0 20px 0;
}
.formPage fieldset {
	margin-bottom: 20px;
	padding: 10px 0 20px 10px;
}
.formPage legend {
	font-size: 0.85em;
	color: #666;
	padding: 0 10px;
}
.formPage form div {
	padding: 5px 0 0 40px;
}
.formPage form div div {
	padding-left: 0;
}
.formPage form div.shortGroup div {
	display: inline;
	padding-left: 0;
}
.formPage form div.option {
	padding-top: 2px;
	padding-bottom: 2px;
}
.formPage form div.subOption {
	padding: 0 0 10px 60px;
}
.formPage form div.buttons {
	text-align: center;
	padding-left: 0;
	padding-top: 20px;
	padding-right: 40px;
}
.formPage form div.wordCount, .formPage form div.disabled {
	color: #090; /* #32450C */
	font-size: 0.9em;
	display: inline;
	padding: 0 20px;
}
.formPage form div.error {
	color: #F00;
}
.formPage form div.disabled {
	color: #CCC !important;
}
.formPage form div.groupError {
	padding: 0;
}
.formPage input, .formPage textarea {
	display: block;
	margin-top: 4px;
	font-size: 0.9em;
	font-family: Verdana, Geneva, Arial, sans-serif;
}
.formPage div.emailOption input, .formPage div.option input, .formPage div.subOption input {
	display: inline;
}
.formPage label {
	font-size: 0.9em;
	padding-bottom: 5px;
	/*display: block;*/
	/*float: left;*/
	width: 12em;
}
.formPage label.long {
	width: 16em;
}
.formPage .events label.long {
	width: 30em;
}
.formPage .livesRemembered label.long {
	width: 18em;
}
.formPage label.disabled {
	color: #999;
}
.formPage label.error { 
	color: red;
	font-size: 0.8em;
	width: auto;
	display: inline;
}
.formPage div.option label.error {
	display: block;
}
.formPage label.checkbox {
	width: 20em;
	float: none;
	font-size: 0.75em;
}
.formPage label.textarea {
	display: inline;
}
.formPage form div.shortGroup div label {
	float: none;
	font-size: 0.8em;
	padding-right: 10px;
}
.formPage form div.shortGroup div label.error {
	display: block;
}
.formPage form div.shortGroup input {
	display: inline;
}
.formPage form div.buttons input {
	display: inline;
}
.formPage #submit {
	margin-right: 20px;
}
.formPage form p {
	clear: both;
	font-size: 0.8em;
	color: #BE2805;
	padding: 15px 0 0 0;
	width: 31em;
}
.formPage form p.requiredFields {
	padding: 5px 0 0 40px;
	color: #000;
}
.formPage form .error { color: #f00; font-size: 0.8em; }
.formPage form .done { text-decoration: line-through; }
.formPage form .hide { display: none; }
.formPage form .disabled { color: #ccc; }

/*---------------- Extra Styles ----------------------------------*/

.head15
{font-size:120%;
font-weight:bold;}