/*
*************************** 
* www.buddhafield.com 2.8.0
***************************
*
* Original author: Satyadarshin
* Document created: spring 2010
*  
* Abstract: Principle stuctural stylesheet. Styles keep the page structure together.
* -moz- pattern declarations are a CSS3 property for effects in Mozilla specific flavour 
* -webkit- pattern declarations are a CSS3 property for effects in Webkit (Safari, Chrome) specific flavour
*
* Dependencies: included from within page.cls.php
* 
* Changelog (date / editor / changes): 
* 23.04.11 / satyadarshin / Collated the diverse structural CSS files into one root.css file 
*/

/**************************************************************************
* General Stylesheet Principles
---------------------------------------------------------------------------
* All styles should be lsited in markup order, more general to more specific 
****************************************************************************/


/*********************
* Root
----------------------
* Used in:
* classes/page.cls.php
**********************/

* {
	margin: 0;
	padding: 0; 
}

body {
	background: rgb(245,240,215);
	font-family: "Trebuchet MS", "Helvetica", "Arial", sans-serif;
	font-size: 80%;
}

img {
	border: none;
}

div#canvas {
	background: rgb(255,255,255);
	width:1020px;
	margin-left: auto;
	margin-right: auto;
}

li, p {
	line-height: 1.5em
}
	
	
/**********************
* Banner
----------------------
* Used in:
* classes/page.cls.php
**********************/

div#banner {	
	width:1020px;
	background: rgb(245,240,215) url(../multimedia/images/bannerCardBackground.png) 0 0 no-repeat;	
	height: 12em;	 
}

div#titleBlock {
	float: left;
	margin-top: .5em; 
	height: 150px; 
	width: 765px;
}

div#banner div.mode { 
	text-align: left; 
	font-weight: bold;
	margin-right: 2em;
	margin-top: -10.5em;
	float: right; 
	clear: both;
	background: transparent;
	width: 15.5em;
	height: 120px;
	padding: .55em .5em .55em;
}

div#banner div.development {
	background: transparent url(../multimedia/images/warning.png) 50% -5% no-repeat;
}

div#banner div.development p {
	margin: 3em 0 0 1em;
	opacity: 0.7;
	border: 2px solid;
	color: rgb(255,0,0);
	font-weight: extra bold;
	text-align: center;
	padding: 5px 0;
	background: rgb(255,255,255);
}

div#banner div.live {
	background: transparent url(../multimedia/images/triskelion.png) 50% 110% no-repeat;
}

div#titleBlock h1 { 
	width: 300px;
	background: transparent url(../multimedia/images/masthead.png) 0 100% no-repeat; 
	float: left;	
	margin-left: 185px;
	height: 15.5em; 
	margin-top: -260px; 
}


/*********************
* Search
----------------------
* Used in:
* classes/page.cls.php
**********************/

div#search_bar { 
	float: right;
	margin-right: 252px;
	margin-top: -2.75em;
	width: 281px;
	height: 23px; 
	-moz-border-radius-topright: 10px; 
	-webkit-border-top-right-radius: 10px; 
	border-radius: 0 10px 0 0;
	background: rgb(255,255,255);
	padding: 10px 1em 0;
	behavior: url(presentation/PIE.htc);
}

div#search_results { 
	margin-top: 10px;
	margin-left: 3em;
}

div#cse-search-results {
	background: transparent;
	margin-left: -6px;
	padding: 0;
}


/*********************
* Site navigation
----------------------
* Used in:
* classes/page.cls.php
**********************/

div#navigation {	
	float: left;
	margin-left: -768px;
	margin-top: -35px;
	width: 180px; 	
}

div#navigation ul { 		
	border-bottom: 1px solid rgb(205,165,45);	
	background: rgb(235,195,85);
	position: relative; 
	margin: -1px 0 0;
}

div#navigation li { 
	border-top: 1px solid rgb(205,165,45);
	height: 21px; 
	padding: 6px 0 4px 1em;
	position: relative;		
	border-right: 1px solid rgb(205,165,45);
	list-style: none;
	width: 167px; 
	color: rgb(70,40,0);
} 

div#navigation li:hover {	
	background: rgb(235,115,10);
	color: rgb(255,255,255);
	text-decoration: none;
}

div#navigation li.submenu {
	background: url(../multimedia/images/arrow-link.png) 95% 50% no-repeat;
}

div#navigation li.submenu:hover {
	color: rgb(255,255,255);
	text-decoration: none;
	background: url(../multimedia/images/arrow-hover.png) 95% 50% no-repeat rgb(235,115,10);
}

div#navigation li a { 
	display: block; 
}

div#navigation ul > a {
	width: auto;
}

div#navigation ul ul {	
	border-left: none;
	position: absolute; 
	top: 0; 
	left: 180px; 
	display: none;
}

div#navigation ul.level1 li.submenu:hover ul.level2, 
div#navigation ul.level2 li.submenu:hover ul.level3,
div#navigation ul.level3 li.submenu:hover ul.level4  {
	display: block;
}

div#navigation a {
	color: rgb(70,40,0);
}

div#navigation a:hover {
	color: rgb(255,255,255);
	text-decoration: none;
}
div#navigation img {
	border-bottom: 20px solid rgb(235,195,85);
}


/*********************
* Content area
----------------------
* Used in:
* classes/page.cls.php
**********************/

div#article { 
	float: left;
	margin-left: 207px;
	border-right: 1px solid rgb(245,240,215);
	padding-bottom: 2em;
	margin-top: 28px;
	width: 560px; 
	min-height: 900px;
}

div#article div.section { 
	margin-bottom: 2em; 
	padding: 0 1em 1em;
}

div#article embed {
	margin-bottom: 20px;
}

div#article h2 {
	height: 25px;
	padding: .5em 0 0 1em;
	font-size: 120%;
	width: 545px;
	color: rgb(255,255,255);
	background: -moz-linear-gradient(left, rgb(115,70,5), rgb(205,165,45)); /* FF 3.6+ */  
    background: -ms-linear-gradient(rgb(115,70,5), rgb(30,155,240)); /* IE10 */  
    background: -webkit-gradient(linear, right top, left bottom, color-stop(100%, #734605), color-stop(0%, #EBC355)); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(right top, left bottom, rgb(115,70,5), rgb(30,155,240)); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(rgb(115,70,5), rgb(30,155,240)); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#734605', endColorstr='#EBC355', GradientType=1); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#734605', endColorstr='#EBC355', GradientType=1)"; /* IE8+ */  
    background: linear-gradient(rgb(115,70,5), rgb(30,155,240)); /* the standard */
}

div#article h3 {
	width: 36.7em; 
	margin: 1.5em 0 .15em -1em;
	padding: .5em 0 .5em 1em;
	color: rgb(5,130,110);
	/*color: rgb(20,110,170);*/
}

div#article h4 {
	margin: 1em 0 0 0;
	color: rgb(5,130,110);
	/*color: rgb(20,110,170);*/
}

div#article h5 {
	font-size: 100%;
	font-variant: italic;
	margin: 1em 0 0;
	color: rgb(5,130,110);
	/*color: rgb(20,110,170);*/
}

div#article p { 
	margin-bottom: .5em;
	line-height: 1.5;
}

div#article ul {
	margin: 0 0 1em 0;
}
div#article ol {
	margin-left: 1em ;
}

div#article li {
	margin-left: 1.25em;
}


/****************************************
* Booking and Buying forms
-----------------------------------------
* Used in:
* contentModules/marketplaceBasket.mod.php
* contentModules/festivalBooking.mod.php
******************************************/

div#article div.book-buy {
	background: rgb(255,250,205); 
	background: -moz-linear-gradient(left, rgb(255,255,255), rgb(255,250,205)); /* FF 3.6+ */  
    background: -ms-linear-gradient( rgb(255,255,255), rgb(255,250,205)); /* IE10 */  
    background: -webkit-gradient(linear, left bottom, right top, from(rgb(255,255,255)), to(rgb(255,250,205))); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(left bottom, right top, rgb(rgb(255,255,255)), rgb(255,250,205)); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(rgb(255,250,205), rgb(255,250,205))); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',  endColorstr='#FFFACD', GradientType=1); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFACD', GradientType=1)"; /* IE8+ */  
    background: linear-gradient(left top, rgb(rgb(255,255,255)), 255,250,205); /* the standard */
	width: 562px;
	padding: 2em 0 2em 1px;
	margin-left: -1.3em;
	-moz-border-radius-bottomleft: 20px; 
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px; 
	-webkit-border-bottom-left-radius: 20px;
	border-radius: 20px 0 0 20px;
	border: 1px solid rgb(245,240,215);
	border-right: none;
}

div.book-buy table {
	margin-left:  0;
}

div.book-buy table caption {
	background: rgb(20,110,170);
	border-left: 1px solid rgb(255,255,255);
	border-bottom: 1px solid rgb(255,255,255);
	border-top: 1px solid rgb(30,155,240);
	padding: 8px 0;
	color: rgb(255,255,255);
	font-weight: bold;
}

div.book-buy thead th { 
	min-width: 4em;
	text-align: left;
	background: rgb(155,215,215);
	color: rgb(20,110,170);
	border-left: 1px solid rgb(255,255,255);
	font-weight: bold;
	/*padding: 8px 0 8px 15px;*/
}

div.book-buy tbody td {
	padding-left: 15px;
	border-top: 1px solid rgb(255,255,255);

}

div.book-buy tfoot  {
	border-top: 1px solid rgb(255,255,255);
	color:rgb(255,255,255);
}

div.book-buy tfoot p { 
	float: left; 
	clear: right;
	width: 70%; 
	margin: 1em;
}

div.book-buy tfoot p a {
	color: rgb(255,255,255);
}

div.book-buy input.basket_button {
	height: 38px;
	width: 70px;
	float: right;
	margin: .5em .5em .5em 0;
	clear: left;
	border-bottom: 1px solid rgb(20,110,170);
	border-right: 1px solid rgb(130,195,235);
	border-top: 1px solid rgb(130,195,235);
	border-left: 1px solid rgb(20,110,170);
	background: rgb(30,155,240);
	color: rgb(255,255,255);
	display: block;
	text-align: center;
	background: rgb(30,155,240);
	background: -moz-linear-gradient(rgb(30,155,240), rgb(20,110,170)); /* FF 3.6+ */  
    background: -ms-linear-gradient(rgb(30,155,240), rgb(20,110,170)); /* IE10 */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1E9BF0), color-stop(100%, #146EAA)); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(rgb(30,155,240), rgb(20,110,170)); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(rgb(30,155,240), rgb(20,110,170)); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E9BF0', endColorstr='#146EAA'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E9BF0', endColorstr='#146EAA')"; /* IE8+ */  
    background: linear-gradient(rgb(30,155,240), rgb(20,110,170)); /* the standard */ 
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.book-buy input.basket_button:hover {
	background: rgb(30,155,240);
	border: 1px solid rgb(255,255,255);
}

div.book-buy input.basket_button:active {
	border-top: 1px solid rgb(20,110,170);
	border-left: 1px solid rgb(130,195,235);
	border-bottom: 1px solid rgb(130,195,235);
	border-right: 1px solid rgb(20,110,170);
	background: rgb(30,155,240);
	background: -moz-linear-gradient(rgb(20,110,170), rgb(30,155,240)); /* FF 3.6+ */  
    background: -ms-linear-gradient(rgb(20,110,170), rgb(30,155,240)); /* IE10 */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #146EAA), color-stop(0%, #1E9BF0)); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(rgb(20,110,170), rgb(30,155,240)); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(rgb(20,110,170), rgb(30,155,240)); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#146EAA', endColorstr='#1E9BF0'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#146EAA', endColorstr='#1E9BF0')"; /* IE8+ */  
    background: linear-gradient(rgb(20,110,170), rgb(30,155,240)); /* the standard */ 	
}

div.book-buy tfoot input.primary {
	margin-right: -240px;	
}

div.book-buy tfoot tr {
	background: rgb(30,155,240);
	padding-bottom: 100px;
}
	
div.book-buy tfoot td {
	height: 40px;
	padding: 0;
}

div.book-buy a.basket {
	height: 36px;
	width: 70px;
	float: right;
	clear: both;
	margin: .4em 10px .5em 0;
	color: rgb(255,255,255);
	display: block;
	text-align: center;
	border-bottom: 1px solid rgb(20,110,170);
	border-right: 1px solid rgb(130,195,235);
	border-top: 1px solid rgb(130,195,235);
	border-left: 1px solid rgb(20,110,170);
	background: rgb(30,155,240);
	background: -moz-linear-gradient(rgb(30,155,240), rgb(20,110,170)); /* FF 3.6+ */  
    background: -ms-linear-gradient(rgb(30,155,240), rgb(20,110,170)); /* IE10 */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1E9BF0), color-stop(100%, #146EAA)); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(rgb(30,155,240), rgb(20,110,170)); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(rgb(30,155,240), rgb(20,110,170)); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E9BF0', endColorstr='#146EAA'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E9BF0', endColorstr='#146EAA')"; /* IE8+ */  
    background: linear-gradient(rgb(30,155,240), rgb(20,110,170)); /* the standard */ 
    border-radius: 4px;
}

div.book-buy a.basket:hover {
	background: rgb(30,155,240);
	border: 1px solid rgb(255,255,255);
}

div.book-buy a.basket:active {
	border-top: 1px solid rgb(20,110,170);
	border-left: 1px solid rgb(130,195,235);
	border-bottom: 1px solid rgb(130,195,235);
	border-right: 1px solid rgb(20,110,170);
	background: rgb(20,110,170);
	background: -moz-linear-gradient(rgb(20,110,170), rgb(30,155,240)); /* FF 3.6+ */  
    background: -ms-linear-gradient(rgb(20,110,170), rgb(30,155,240)); /* IE10 */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #146EAA), color-stop(0%, #1E9BF0)); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(rgb(20,110,170), rgb(30,155,240)); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(rgb(20,110,170), rgb(30,155,240)); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#146EAA', endColorstr='#1E9BF0'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#146EAA', endColorstr='#1E9BF0')"; /* IE8+ */  
    background: linear-gradient(rgb(20,110,170), rgb(30,155,240)); /* the standard */
}

div.book-buy a.basket img { 
	margin: 0;
}	


/*****************************
* Headline News bar
------------------------------
* Used in:
* classes/festivalPage.cls.php
* classes/homePage.cls.php
******************************/

div#article p#news_headlines {
	width: 544px;
	height: 52px; 
	line-height: 2;
	background: rgb(245,175,5);
	font-weight: bold;
	padding: 6px 0 5px 1.25em;
	margin-bottom: 0;
	color: rgb(0,0,0);
}

div#article p#news_headlines a {
	color: rgb(0,0,0);
}

div#article p#news_headlines a:hover {
	text-decoration: none;
}

div#article p#news_headlines span {
	font-size: 50%;	
}


/***************************************
* Slideshows
----------------------------------------
* Used in:
* A: contentModules/festivalCamping.mod.php
* B: contentModules/festivalVolunteerCentral.mod.php
* B: contentModules/festivalAbout.mod.php
****************************************/ 

/* A: Custom created slideshow */

div#article div.slideshow {
	margin-top: 1em;
	border: 1px solid rgb(235,195,85);
	background: rgb(250,250,225);
	-moz-border-radius-bottomright: 10px; 
	-moz-border-radius-bottomleft: 10px; 
	-webkit-border-bottom-right-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	border-radius: 0 0 10px 10px;
}

div#article div.slideshow img {
	border-left: 1px solid rgb(250,225,205);
	border-right: 1px solid rgb(250,225,205);
	border-bottom: 1px solid rgb(250,225,205);
	margin: 0 20px 5px 20px;
}

div#article div.slideshow p {
	margin: 0 20px 10px;
}

/* B: Flickr slideshow, modified for context */

div#article div.flickr {
	height: 540px; 
	background: rgb(0,0,0); 
	margin-left: -1em; 
	margin-right: -1em;
	margin-bottom: 1em;
	border: 1px solid rgb(245,240,215);
	border-right: none;
	background: rgb(255,250,205); 
	background: -moz-linear-gradient(left, rgb(255,250,205), rgb(255,255,255)); /* FF 3.6+ */  
    background: -ms-linear-gradient(rgb(255,250,205), rgb(255,255,255)); /* IE10 */  
    background: -webkit-gradient(linear, left bottom, right top, from(rgb(255,250,205)), to(rgb(255,255,255))); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(left bottom, right top, rgb(255,250,205), rgb(255,255,255)); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(rgb(255,250,205), rgb(255,255,255)); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFACD', endColorstr='#FFFFFF', GradientType=1); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFACD', endColorstr='#FFFFFF', GradientType=1)"; /* IE8+ */  
    background: linear-gradient(left top, rgb(255,250,205), rgb(255,255,255)); /* the standard */
    -moz-border-radius-bottomleft: 10px; 
	-webkit-border-bottom-left-radius: 10px;
	border-radius: 0 0 0 10px	
}

div#article div.flickr iframe { 
	margin-left: 30px; 
	margin-right: 10px;
}

div#article p.flickr_caption {
	color:  rgb(128,128,128);
	padding: 1em 0 1em 2em;;        
}

div#article p.tab {
	float: right; 
	clear: left;
	margin-right: -241px;
}

.tab { 
	height: 50px;
	width: 240px; 
	border: 1px solid rgb(245,240,215);
	border-left: none;
	margin-top: -1px;
	margin-bottom: 5px;
	margin-left: -1px;
	background: rgb(255,250,205); 
	background: -moz-linear-gradient(left, rgb(255,255,255), rgb(255,250,205)); /* FF 3.6+ */  
    background: -ms-linear-gradient(rgb(255,255,255), rgb(255,250,205)); /* IE10 */  
    background: -webkit-gradient(linear, left bottom, right top, from(rgb(255,255,255)), to(rgb(255,250,205))); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(left bottom, right top, rgb(rgb(255,255,255)), rgb(255,250,205)); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(rgb(255,250,205), rgb(255,250,205))); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',  endColorstr='#FFFACD', GradientType=1); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFACD', GradientType=1)"; /* IE8+ */  
    background: linear-gradient(left top, rgb(rgb(255,255,255)), 255,250,205); /* the standard */
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-radius: 0 10px 10px 0;	
}

.tab a { 
	height: 30px;
	display: block; 
	padding: 15px 5px 5px 5px;
	color: rgb(70,40,0);
	text-decoration: underline;
}

.tab a:hover {
	color: rgb(20,110,170); 
	text-decoration: none;
}

.tab a.article_footnote_photos {
	background: url(../multimedia/images/iconPhotos.png) 100% 0 no-repeat;
}

.tab a.article_footnote_photos:hover {
	background: url(../multimedia/images/iconPhotosHover.png) 100% 0 no-repeat;
}


/********************************
* Default tabular styles
---------------------------------
* Used in:
* multiple content modules
*********************************/

table {
	width: 560px;
	border-collapse: collapse;
	margin-left:  -1em;
}

col.category {
	color:red;
}

table img { 
	margin: -.25em -.25em 0 -1em;	
}

table td {
	padding: 5px;
	}
	
.zebra_dk {
	background: rgb(240,225,175);
}

.zebra_lt {
	background: rgb(250,240,200);
}


/***********
* Hyperlinks 
--------------------------
* Used in:
* multiple content modules
**************************/

div#article a:link {
	text-decoration: underline;
}

div#article a:visited {
	text-decoration: underline;
}

div#article a:hover {
	text-decoration: none;
}
	
	
/*************************
* Page title block
--------------------------
* Used in:
* classes/page.cls.php
**************************/

div#article div#title_image { 
	margin-bottom: 1em;
	background: rgb(235,195,85);
	-moz-border-radius-bottomleft: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	border-radius: 0 0 0 10px
}

div#article div#title_image p {
	font-size: 80%;  
	padding: .5em 1.5em;
	color: rgb(0,0,0);
}

div#article div#title_block { 
	margin-bottom: 1em;
	background: rgb(225,205,125);
	-moz-border-radius-bottomleft: 10px; 
	-webkit-border-bottom-left-radius: 10px;
	border-radius: 0 0 0 10px 
}

div#article div#title_block p { 
	font-size: 130%;
	font-weight: bold; 
	padding: .5em 1em;
	color: rgb(0,0,0);
}

/*************************
* Images
--------------------------
* Used in:
* multiple content modules
**************************/

div#article .single  { 
	width: 202px;
	margin: 1em 0 1em;
	background: rgb(235,195,85);
}

div#article .right img {
	border-top: 1px solid rgb(235,195,85); 
}

div#article .right  {
	margin: 1em -1em 0 1em; 
	float: right; 
	clear: left; 
}

div#article .left  {
	margin: .5em 1em 1em -.25em; 
	float: left; 
	clear: right;
}

div#article .double { 
	background: rgb(235,195,85);
	width: 564px;
	margin: 0 1em 0 -1em;
	padding-bottom: 5px; 
}

div#article .double img { 
	float: left;
	margin-bottom: 10px;
	margin-right: -1px;
}

div#article .single p, .double p { 
	font-size: 75%;
	color: rgb(0,0,0);
	background: transparent;
	text-align: left;
	padding: .5em 0 .25em 1.25em;
}

div#article .double a:link, .single a:link, div#title_image a:link { 
	color: rgb(0,0,0);
}

div#article .double a:visited, .single a:visited, div#title_image a:visited { 
	color: rgb(0,0,0);
}
		
div#article .double a:hover, .single a:hover { 
	text-decoration: none; 
}


/*******************************
* Contacts
--------------------------------
* Used in:
* mtltiple documents
********************************/

div.contact {
	background: rgb(255,250,205); 
	background: -moz-linear-gradient(left, rgb(255,255,255), rgb(255,250,205)); /* FF 3.6+ */  
    background: -ms-linear-gradient( rgb(255,255,255), rgb(255,250,205)); /* IE10 */  
    background: -webkit-gradient(linear, left bottom, right top, from(rgb(255,255,255)), to(rgb(255,250,205))); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(left bottom, right top, rgb(rgb(255,255,255)), rgb(255,250,205)); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(rgb(255,250,205), rgb(255,250,205))); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',  endColorstr='#FFFACD', GradientType=1); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFACD', GradientType=1)"; /* IE8+ */  
    background: linear-gradient(left top, rgb(rgb(255,255,255)), 255,250,205); /* the standard */
	width: 562px;
	padding: 2em 0 2em 1px;
	margin-left: -1.3em;
	-moz-border-radius-bottomleft: 20px; 
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px; 
	-webkit-border-bottom-left-radius: 20px;
	border-radius: 20px 0 0 20px;
	border: 1px solid rgb(245,240,215);
	border-right: none;
}

div.contact table {
	width: 560px;
	margin-left: 0;
}

div.contact caption {
	background: rgb(250,95,20);
	border-bottom: 1px solid rgb(255,255,255);
	padding: 8px 0;
	color: rgb(255,255,255);
	font-weight: bold;
}

div.contact thead th { 
	text-align: left;
	background: green;
	color: rgb(20,110,170);
	border-left: 1px solid rgb(255,255,255);
	font-weight: bold;
	padding: 8px 0 8px 15px;
}

div.contact tbody td {
	border-top: 1px solid rgb(255,255,255);
	border-right: 1px solid rgb(255,255,255);
}
div.contact tbody td:last-child {
	border-right: none;	
}	

div.contact tfoot td {
	background: rgb(250,170,20);
	border-top: 1px solid rgb(255,255,255);
	color:rgb(255,255,255);
	padding: 1em .5em;
}

div.contact tfoot  a  {
	color: rgb(255,255,255);
}

/*******************************
* Email Form: Contact Us
--------------------------------
* Used in:
* classes/emailForm.cls.php
********************************/

td:first-child {
	min-width: 13em;	
	font-weight: bold;
}

td.contacts_table_label {
	background: rgb(60,170,20);
	color: rgb(255,255,255);
	font-weight: bold;	
	padding: .5em 0 .5em .5em;
}

td#messenger { 
	border-top: none;
	font-weight: normal;
	background: rgb(240,225,135);
	/*background: rgb(200,240,165);*/
}

td#messenger h3 { 
	width: 547px;
	margin-top: .25em;
	border-bottom: 1px dotted white;
	color: rgb(60,170,20);
}

td#messenger textarea { 
	margin: 1em;
}

p.separator { 
	border-top: 1px dotted white; 
	padding: 1em 0 .5em 1em;
	margin-left: -1em;	
}

.form_error {
	color: rgb(255,0,0);
}


/*********************
* Sidebar
----------------------
* Used in:
* classes/page.cls.php
**********************/

div#sidebar { 
	min-height: 400px;
	width: 252px;
	margin-top: -3px;
	margin-bottom: 2em;
	float: left; 
}

div#sidebar h2 {
	width: 222px;
	margin: 0 -1em 0 0;
	height: 24px;
	font-size: 120%;
	padding: .5em 1em 0;
	color: rgb(255,255,255);
	background: -moz-linear-gradient(left, rgb(205,165,45), rgb(115,70,5)); /* FF 3.6+ */  
    background: -ms-linear-gradient(rgb(30,155,240), rgb(115,70,5)); /* IE10 */  
   	background: -webkit-gradient(linear, right top, left bottom, color-stop(100%, #EBC355), color-stop(0%, #734605)); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(right top, left bottom, rgb(30,155,240), rgb(115,70,5)); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(rgb(30,155,240), rgb(115,70,5)); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBC355', endColorstr='#734605', GradientType=1); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBC355', endColorstr='#734605', GradientType=1)"; /* IE8+ */  
    background: linear-gradient(rgb(30,155,240), rgb(115,70,5)); /* the standard */
}

div.fb-like {
	float: left; 
	margin: 40px 0 10px 1.25em;
}
	
div#plus_one {
	float: left;
	margin: 0 0 0 1.25em;
}	

div#sidebar ul.static_outward_tabs  { 
	margin-top: 93px;
	padding: 10px 0;
	border-top: 2px dotted rgb(245,240,215);
}

div#sidebar ul.static_outward_tabs li {
	list-style: none;
}

div#sidebar ul.static_outward_tabs li.link { 	
	margin-left: 1em;
	height: 50px;
	text-align: left;
	background: rgb(255,250,205); 
	background: -moz-linear-gradient(left, rgb(255,250,205), rgb(255,255,255)); /* FF 3.6+ */  
    background: -ms-linear-gradient(rgb(255,250,205), rgb(255,255,255)); /* IE10 */  
    background: -webkit-gradient(linear, left bottom, right top, from(rgb(255,250,205)), to(rgb(255,255,255))); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(left bottom, right top, rgb(255,250,205), rgb(255,255,255)); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(rgb(255,250,205), rgb(255,255,255)); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFACD', endColorstr='#FFFFFF', GradientType=1); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFACD', endColorstr='#FFFFFF', GradientType=1)"; /* IE8+ */  
    background: linear-gradient(left top, rgb(255,250,205), rgb(255,255,255)); /* the standard */
	-moz-border-radius-topleft: 8px; 
	-moz-border-radius-bottomleft: 8px; 
	-webkit-border-top-left-radius: 8px; 
	-webkit-border-bottom-left-radius: 8px; 
	border-radius: 8px 0 0 8px;
	border: 1px solid rgb(245,240,215);
	border-right: none;
	margin-bottom: 5px;
	list-style: none;
}

div#sidebar ul.static_outward_tabs li a { 
	height: 30px;
	display: block; 
	padding: 15px 5px 5px 58px;
	color: rgb(70,40,0);
	text-decoration: underline;
}

div#sidebar ul.static_outward_tabs li a:hover { 
	text-decoration: none;
	-moz-border-radius-topleft: 8px; 
	-moz-border-radius-bottomleft: 8px; 
	-webkit-border-top-left-radius: 8px; 
	-webkit-border-bottom-left-radius: 8px; 
	border-radius: 8px 0 0 8px;
	padding: -5px 0px -10px 58px;
	color: rgb(20,110,170);
}

div#static_inward_tabs {
	border-top: 2px dotted rgb(245,240,215);
	padding-top: 25px;
	margin-top: 77px;	
}

div#static_inward_tabs p {
	width: 230px; 
	padding-left: 1em;
	margin-left: 0;
}	

div#sidebar a.basket { 
	background: url(../multimedia/images/iconBasket.png) 100% 0 no-repeat;
}

div#sidebar a.basket:hover { 
	background: url(../multimedia/images/iconBasketHover.png) 100% 0 no-repeat;
}

div#sidebar a.contact { 
	background: url(../multimedia/images/iconEmail.png) 100% 0 no-repeat;
}

div#sidebar a.contact:hover { 
	background: url(../multimedia/images/iconEmailHover.png) 100% 0 no-repeat;
}

div#sidebar a.article_inward { 
	background: url(../multimedia/images/iconArticle.png) 100% 0 no-repeat;
}
div#sidebar a.article_inward:hover { 
	background: url(../multimedia/images/iconArticleHover.png) 100% 0 no-repeat;
}

div#sidebar a.article_inward:hover { 
	background: url(../multimedia/images/iconArticleHover.png) 100% 0 no-repeat;
}

div#sidebar a.article_outward:hover { 
	background: url(../multimedia/images/iconArticleHover.png) 0 0 no-repeat;
}

div#sidebar a.article_outward { 
	background: url(../multimedia/images/iconArticle.png) 0 0 no-repeat;
}

div#sidebar a.article_outward:hover { 
	background: url(../multimedia/images/iconArticleHover.png) 0 0 no-repeat;
}

div#sidebar a.photo_inward { 
	background: url(../multimedia/images/iconPhotos.png) 100% 0 no-repeat;
}
div#sidebar a.photo_inward:hover { 
	background: url(../multimedia/images/iconPhotosHover.png) 100% 0 no-repeat;
}

div#sidebar a.photo_outward { 
	background: url(../multimedia/images/iconPhotos.png) 0 0 no-repeat;
}

div#sidebar a.photo_outward:hover { 
	background: url(../multimedia/images/iconPhotosHover.png) 0 0 no-repeat;
}

div#sidebar a.dana_inward { 
	background: url(../multimedia/images/iconDana.png) 100% 0 no-repeat;
}

div#sidebar a.dana_inward:hover { 
	background: url(../multimedia/images/iconDanaHover.png) 100% 0 no-repeat;
}

div#sidebar a.dana_outward { 
	background: url(../multimedia/images/iconDana.png) 0 0 no-repeat;
}

div#sidebar a.dana_outward:hover { 
	background: url(../multimedia/images/iconDanaHover.png) 0 0 no-repeat;
}


/*********************
* Footer
----------------------
* Used in:
* classes/page.cls.php
**********************/

div#footer {
	padding-bottom: 2em;
	clear: both;
	width:1020px;
	background: rgb(245,240,215) url(../multimedia/images/footerCardBackground.png) 0 0 no-repeat;
	height: 155px; 
}

div#footer p { 	
	color: rgb(255,255,255);

}

div#footer p#copyright {
	background: url(../multimedia/images/gaffer.png) 30% 50% no-repeat;
	position: relative;
	padding:20px 0 0 20px;
	top: 28px; 
	width: 400px;
	height: 42px;
	left: 0;
}

div#footer p#about_site { 
	background: url(../multimedia/images/gaffer2.png) 0 0 no-repeat;
	width: 220px;
	height: 76px;
	padding: 20px 0 0 10px;
	position: relative;
	top: -35px;
	left: 760px;
}

div#footer p#about_site a { 
	color: rgb(255,255,255);
}

div#footer p#about_site a:hover { 
	text-decoration: none;
}