/* +------------------------------------------------------------------------+ */
/* | CSS created by www.theimagesgroup.co.uk								| */
/* | Created: 25th January 2006												| */
/* +------------------------------------------------------------------------+ */

body 	{	font-family: Tahoma, "Lucida Sans", sans-serif; margin: 0;text-align:center;background:#eee;}
td 		{	vertical-align: top; }

h1, h2, h3, h4, h5, h6	{ font-family: Tahoma, "Lucida Sans", sans-serif; }
h1, h2 { color: #333; font-weight: lighter; }
h3, h4, h5, h6 { background-color: #EFF1F5; padding: 2px; color: #333;}
h1 {font-size: 140%;}
h2 {font-size: 120%;}
h3 {font-size: 90%;}
h4 {font-size: 90%;}

h1, .contentheading, .componentheading  {
	color: #333;
	text-indent: 132px;
	background-image:  url("../img/bg_h1.gif");
	background-repeat: no-repeat;
	background-position: left;
}

.blog .contentheading {
	text-indent: 0;
	background-image:  none;
	font-weight:bold;
	color:#000;
	letter-sp
}

.blog {width:100%; }

table.contentpaneopen {width:100%; }

h2 { border-bottom: 1px solid #999; text-indent: 5px; }
hr {
	height: 1px;
	border: 0;						/* Removes borders in Mozilla */
	color: #999;					/* IE colour */
	background-color: #999;			/* Mozilla colour */
}

address { font-style: normal ;}
blockquote { border-left: 4px solid #ddd; padding-left: 10px; color: #666; }

td {vertical-align: top;}
em {}
ol {}
ul {}
li {line-height: 1.5;}
hr {color: #ccc; background: #ccc; border: 0; height: 1px;}
abbr, acronym {border: 0;}
form {margin: 0;}
img {border: 0;}
address {font-style: normal;}

/* Standard links
------------------------------ */
a:link 		{color: #6C6CFF;	text-decoration: underline	}
a:visited {color: #6C6CFF;	text-decoration: none;	}
a:active 	{color: #CC6600;	text-decoration: underline overline	} 
a:hover 	{text-decoration: underline;	color: #FF0C0C;	}
a:focus 	{text-decoration: underline;	color: #FF0C0C;}
a img 		{border: 0;}


/* keep table borders for users without stylesheets
 & hide the "ugly" borders for those with */
table[border="1"],table[border="1"] td, table[border="1"] th 	{ border: 0; }

/* Hides the ugly picKLE gallery border cheat effect */
table[bgcolor="black"] {background:#fff;}

#pageStroke {
	width: 				780px;
	margin-left:	auto;
	margin-right:	auto;
	text-align: 	left;
	border-top: 	6px solid #999;
	border-right: 1px solid #999;
	border-bottom:1px solid #999;
	border-left: 	1px solid #999;
	background:#fff;
}
#rightcolumn {
	width: 160px;
	padding: 10px 4px 20px 6px;
	font-size: 60%;
	border: 1px solid #999;
	background-color: #eff1f5;
	vertical-align: top;
	margin: 5px;
}

#root {}
#root table td {padding:5px;}
#root img {margin:4px;}


#searchbox					{float:right;width:40%;text-align:right;margin:5px;}
#searchbox legend, #searchbox label	{display:none;visibility:hidden;}
#searchbox fieldset	{border:0;}
#searchbox .text		{width:90px;height:14px;font-size:12px;border:1px solid #333;}
#searchbox .submit	{height:20px;font-size:12px;border:1px solid #333;background:#666;color:#fff;}


/* Navigation
------------------------------ */
.menu a {font-weight: normal;}
#current a {font-weight: bold;}
.menu a:link, .menu a:visited {text-decoration: none; color: #fff;}
.menu a:active, .menu a:hover {text-decoration: underline; color: #fc0 !important;}

#nav {background: #666; border-top: 2px solid #666; font-size: 12px; text-transform: uppercase; color:#fff; overflow: auto;}
#nav fieldset {margin: 0; padding: 0; border: 0;}
#nav legend {display: none; visibility: hidden;}
#nav ul {list-style-type: none; margin: 0; padding: 0; overflow: auto;}
#nav ul li {float: left; margin-left: 8px; border-top: 1px solid #666;}
#nav ul li a {text-decoration: none; padding: 0 2px;}
#nav ul li#current {background: #888; display: block; float: left; height: 18px;}
#nav ul li#current a {padding: 0 10px;}

#subNav {background:#888;border:1px solid #666;border-top:0;font-size:12px;text-transform:uppercase;color:#fff;overflow:auto;height:auto;}
#subNav fieldset {margin: 0; padding: 0; border: 0;}
#subNav legend {display: none; visibility: hidden;}
#subNav ul {list-style-type: none; margin: 0; padding: 0;border-top:2px solid #888;}
#subNav ul li {float: left; margin-left: 4px;}
#subNav ul li {float: left; margin-left: 6px;}
#subNav ul li a {padding: 1px 5px; text-decoration: none;}
#subNav ul li a:hover, #subNav ul li a:focus, #subNav ul li a:active {text-decoration: underline;}

#nav ul li .menu a {color: #fff;}
#subNav ul li .menu a {color: #fc0;}
#nav ul li#current a {color: #fc0;}
#subNav ul li#current a {color: #fc0;}

/* News Page */
.post_title {
	font-family: Tahoma, "Lucida Sans", sans-serif;
	border-bottom: 1px solid #999;
	text-indent: 5px;
	color: #333;
	font-weight: lighter;
	font-size: 120%;
}
.post_title a {color: #333;}
.post_date {text-align: right; font-style: italic; font-size: smaller;}
.post_short {border: 0; padding: 0 8px;}
.newspost {margin: 20px 0px;}
.post_top {margin-top:20px;}

.post_top td h2 a, .post_top td h2 a:link, .post_top td h2 a:visited {color:#333;}


/* Footer
------------------------------ */
#footInfo {
	font-size: 80%;	color: #333; font-weight: normal;
	padding: 16px; border-top: 1px solid #999; border-bottom: 1px solid #999; background-color: #f5f5f5; 
	background-image:  url("../img/bg_footer.gif"); background-repeat: no-repeat; background-position: right;
}


/* Other
------------------------------ */
.stealth {display: none; visibility: hidden;}
.padding {padding: 10px;}

/* used to align images */
.alignright 	{float:right;}
.alignleft	 	{float:left;}

/*  Float containers fix: */
.clr:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clr{display: inline-table;}
/* Hides from IE-mac \*/
* html .clr{height: 1%;}
.clr{display: block;}
/* End hide from IE-mac */ 


.skippy {
	visibility: hidden;
	display: none; 
}


div.product	{
	margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto;
	padding: 10px; border: 1px solid #ccc;	background: #fcfcfc;
}
div.product:hover{	border: 1px solid #333;	background: #fbfbfb; color: #000; }


/* Customise the Memorials Page Tables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.column2 td { width: 50%; }
.column3 td { width: 33%; }
.column4 td { width: 25%; }
.memorials { color: #666; }
.memorials th {	font-size: 0.9em;	padding: 10px; border: 1px solid #ccc; background: #f0f0f0; text-align:center;}
.memorials td {
	font-size: 0.8em;	line-height: 1.4em; padding: 4px; text-align: center;	
	border: 1px solid #f0f0f0;	background: #fcfcfc; color: #333; }
.memorials th img, .memorials td img { border: 1px solid #fff; }	/* img border */

/* Used to make the td's hover effect in mozilla based browsers */
.memorials td:hover,.memorials th:hover {	border: 1px solid #ccc;	background: #fbfbfb; color: #000; } 
.memorials td:hover img,.memorials th:hover img { border: 1px solid #000; } /* img border hover (td) */
.memorials th img:hover, .memorials td img:hover { border: 1px solid #f00; } /* img border hover (img) */

/* Customise the Galleries Tables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.gallery { color: #666; }
.gallery th {	font-size: 0.9em;	padding: 10px; border: 1px solid #ccc; background: #f0f0f0; text-align:center;}
.gallery td {
	font-size: 0.8em;	line-height: 1.4em; padding: 4px; text-align: center;	
	border: 1px solid #f0f0f0;	background: #fcfcfc; color: #333; }
.gallery th img, .gallery td img { border: 1px solid #fff; }	/* img border */

/* Used to make the td's hover effect in mozilla based browsers */
.gallery td:hover,.gallery th:hover {	border: 1px solid #ccc;	background: #fbfbfb url("../img/thumb_hover.jpg") center no-repeat; color: #000; } 
.gallery td:hover img,.gallery th:hover img { border: 1px solid #000; } /* img border hover (td) */
.gallery th img:hover, .gallery td img:hover { border: 1px solid #f00; } /* img border hover (img) */


/* Notice used for copyrights, notes, etc
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.notice { border: 1px solid #f0f0f0; margin: 5px; padding: 5px; background: #fcfcfc; font-size:small;}
div.notice:hover{	border: 1px solid #ccc;	background: #fbfbfb;	color: #000;}

/* Notice used for copyrights, notes, etc
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#validBox { padding: 2px 5px 2px 5px; font-size:smaller; text-align:right; color: #666;}

/* Story used for special paragraphs, intros, etc
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.story { border: 1px solid #ccc; padding: 5px; background: #fbfbfb; }
div.story:hover{	border: 1px solid #999;	background: #fcfcfc;	color: #000;}

/* Used on Gallery front end buttons
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.galleryJason, .galleryKiedis { border: 1px solid #ccc; padding: 5px; background: #fbfbfb; margin:5px; }
div.galleryJason:hover, div.galleryKiedis:hover{	border: 1px solid #999;	/*background: #fcfcfc;*/	color: #000;}
.galleryJason		{background:  url("../img/gallerybuttonjason.jpg") top left no-repeat;}
.galleryKiedis 	{background:  url("../img/gallerybuttonkiedis.jpg") top left no-repeat;}

.galleryJason a:link,.galleryJason a:visited,
.galleryKiedis a:link,.galleryKiedis a:visited 
{font-family:"Times New Roman", Times, serif;font-size:1.5em;color:#666;}

.galleryJason a:active,.galleryJason a:hover,
.galleryKiedis a:active,.galleryKiedis a:hover 
{font-family:"Times New Roman", Times, serif;font-size:1.5em;color:#333;}



/* Change the size of certain paragraphs */
.small 		{ font-size: small; }
.smaller 	{ font-size: smaller; }
.large		{ font-size: 1em }
.larger		{ font-size: larger; }

.mov {margin: 0 auto; width: 100%; overflow: auto;}
.movie {float: left; width: 328px; margin: 0; text-align: center;}
.moviecaption {float: right; clear: right; width: 390px; margin-left: 8px; padding: 0 4px; text-align: left; background: #eee; border: 1px solid #ccc;}
.moviecaption p {margin: 10px;}