/*  
Site Name: Canteen Website
Site URI: http://www.canteen.co.nz
Description: Corporate site for CanTeen
Version: 1.0

UPDATE INFO ---------------------------------------

Revision number: 1.0
Last updated: 01 Jan 2009
Last update made by: adam@terabyte.co.nz

CONVENTIONS ---------------------------------------

hyphenate class / id names - #my-id-name, .my-class-name
class / id names to start with lower case letter (ID's reserved for .net use will start with Upper case letter)

CONTENTS ------------------------------------------

*01: Reset
*02: Util classes & Phrase Elements
*03: Default Styles (Typography, colour)
*04: Structure (layout, size, positioning)
*05: Common Containers & Subclasses
*06: Forms
*07: Custom Containers & Subclasses

*/

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* *02: Util Classes ----------------------------------------------------------------------------------------------------------*/

.center 				{ text-align: center; }
.right 					{ text-align: right !important; }
.left 					{ text-align: left !important; }
.small 					{ font-size: 9px !important;}
#ie6 .small, #ie7 .small{ font-size: 10px !important;}
.float-right 			{ float: right; }
.float-left 			{ float: left;}
.clear 					{ clear: both; }
.uppercase 				{ text-transform: uppercase; }
.nowrap 				{ white-space: nowrap; }
.offscreen				{ position: absolute; left: -9999px; top: -9999px; }
.hidden					{ display: none; }
.self-clear 			{ zoom: 1; }
.self-clear:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.no-right-margin		{ margin-right: 0 !important; }
.no-left-margin			{ margin-left: 0 !important; }
.no-top-margin			{ margin-top: 0 !important; }
.no-bottom-margin		{ margin-bottom: 0 !important; }
.hot					{ cursor:pointer; }

/* *02a: Phrase Elements -------------------- */
strong, .bold 			{ font-weight: bold !important; /*letter-spacing:1px;*/ }
em, .italic				{ font-style: italic; }
code					{ font-family: Courier, serif; color: #999; font-size: 0.5em; }
cite					{ font-style: italic; }
abbr, acronym			{ border-bottom: 1px dotted; cursor: help; }
q						{ color: #fff; }
.quote, blockquote		{ 
	color: #4c4c4c; 
	font-size: 1.8em; 
	margin: 0 0 0 0; 
	font-style: italic; 
	background: url(/Images/interface/bg/bg-blockquote.png) no-repeat; 
	padding: 24px 0 20px 80px;
	line-height: 1.2em;
	zoom: 1;
}
p.quote-src {
	font-style: italic;
	margin: -10px 0 20px 80px;
}

/* *03: Default Styles --------------------------------------------------------------------------------------------------------*/

body {
	font: 62.5%/1.6 Arial,Verdana,sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	background: #f7d5b1 url(/Images/interface/bg/bg-body.jpg) no-repeat 50% 0;
	color: #4c4c4c;
}

img, #page, .logo, #networks, #networks li a, #navigation *, #footer, #canfan-link, .arrow-link, #partner, .read-more, #sub-navigation li, #sub-navigation li a, .sidebar-pod, .sidebar-pod h4, .prev, .next, blockquote, #fb-icon, #facebook-details, .tribute-label, .heart-label, .candle-label, .flower-label, #remembrance-list li, .body-text .inpage-form .date img { behavior: url(/scripts/iepngfix.htc) }

h1, h2, h3, h4, h5, h6 { font-weight: bold; letter-spacing: 0px; margin-bottom: 0; color: #4c4c4c; }

h1 		{ font-size: 2.4em; margin: 0 0 0 0; }																					/* main heading on pages */
h1.home { font-size: 3em; margin: 0 0 0 0; padding: 17px 0 0 20px; font-weight: normal; position: relative; z-index: 1; }		/* special case H1 for homepage */
h2 		{ font-size: 1.8em; margin: 0 0 0 0; color: #2d2d2d; }																	/* main heading in detail content */
h3 		{ font-size: 15px; margin: 0 0 0 0; line-height: 1.2em; }																/* headings on listing */
h4 		{ font-size: 1.3em; margin: 0 0 0 0; color: #FFF; }																		/* pod headings in sidebar */
h5 		{ font-size: 1.3em; margin: 0 0 0 0; }																					/* all-purpose, reuse for other required headings */

.body-text h3 { margin: 20px 0px 5px 0px;}

p { font-size: 1.2em; line-height: 1.3em; margin: 0 0 20px 0; }

a { color: #cf001b; text-decoration: none; }

a:hover, a:active { text-decoration: underline; color: #101010; }

ul li {
	list-style: square;
}
.body-text ul, .body-text ol { margin: 0 0 20px 30px; }
.body-text li { font-size: 12px; margin: 0 0 0 0; line-height: 1.3em; }

ol li {
	list-style-type: decimal;
}

ul.no-markers li {
	list-style: none;
}

dl {
	font-size: 12px;
}

dt {
	float: left;
	clear: left;
	width: 150px;
	margin: 0 0 10px 0;
	color: #999;
}

dd {
	float: left;
	margin: 0 0 10px 20px;
}

/* drop shadow stules */
.drop-shadow {
	background: #fff;
	-moz-box-shadow: 0px 0px 6px #ccc;
	-webkit-box-shadow: 0px 0px 6px #ccc;
}

#ie6 .drop-shadow, #ie7 .drop-shadow {
	margin: -6px;
	filter:
        progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=0,strength=6)
        progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=90,strength=6)
        progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=180,strength=6)
        progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=270,strength=6);
}

.arrow-link {
	background: url(/Images/interface/ind/ind-small-white-arrow.png) no-repeat 0 7px; /* bgposition works for 11px text, adjust for different sizes */
	padding-left: 8px;
}

.accessKey {
	font-size: 20px;
	font-weight: bold;
}

/* *04: Structure -------------------------------------------------------------------------------------------------------------*/
/*    : NOTE: only structural css here - widths, heights, floats, margins etc. any styling code to go in '05: Common Containers & Subclasses' */

#header {
	margin: auto auto;
	width: 960px;
	position: relative;
}

#navigation {
	margin: auto auto;
	width: 980px;
	position: relative;
}

#master {
	overflow: hidden;
	width: 100%;
	position: relative;
}

#page {
	margin: auto auto;
	width: 980px;
	/*padding-bottom: 20px;*/
	margin-bottom: 40px;
	/*background: url(/Images/interface/bg/bg-page.png) no-repeat bottom left;*/
	background: url(/Images/interface/bg/bg-page-body.png) repeat-y;
	position: relative;
}
.foot-holder { display: block; height: 20px; background: url(/Images/interface/bg/bg-page-foot.jpg) no-repeat; }

#page .wrapper {
	margin: auto auto;
	width: 940px;
	/*position: relative;*/
	background: #dfdfdf url(/Images/interface/bg/bg-content.jpg) repeat-x;
}

/* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/

/* access keys ----------------------*/
#accesskeys {
	display: none;
}

/* test bgs ----------------------*/
#test-bg-1, #test-bg-2 {
	width: 1200px;
	height: 150px;
	position: absolute;
	bottom: 0;
}

#test-bg-1 {
	width: 1343px;
	height: 422px;
}

#test-bg-2 {
	width: 1484px;
	height: 472px;
}

#test-bg-1 { left: -10%; background: url(/Images/Placeholder/test-bg-1.png) no-repeat; }
#test-bg-2 { right: -5%; background: url(/Images/Placeholder/test-bg-2.png) no-repeat; }

/* header ----------------------*/
.logo {
	display: block;
	width: 380px;
	height: 165px;
	text-indent: -999em;
	overflow: hidden;
	background: url(/Images/interface/logo/logo-canteen.png) no-repeat;
}

/* networks --------------------*/
#networks {
	width: 264px;
	height: 85px;
	padding-left: 16px;
	background: url(/Images/interface/bg/bg-networks.png) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}

#networks li {
	list-style-type: none;
	display: block;
	float: left;
	text-indent: -999em;
}

#networks li a {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	cursor: pointer;
}
	#networks li a.events 	{ background: url(/Images/interface/bg/bg-networks-events.png) no-repeat; width: 70px; height: 75px; }
	#networks li a.youtube 	{ background: url(/Images/interface/bg/bg-networks-youtube.png) no-repeat; width: 63px; height: 75px; }
	#networks li a.twitter 	{ background: url(/Images/interface/bg/bg-networks-twitter.png) no-repeat; width: 65px; height: 75px; }
	#networks li a.facebook { background: url(/Images/interface/bg/bg-networks-facebook.png) no-repeat; width: 56px; height: 75px; }

/* main navigation -------------*/
#navigation ul {
	margin-left: 8px; /* default width - js function runs to update to true */
}
	#ie6 #navigation ul { margin-left: 22px; }

#navigation li {
	display: block;
	height: 50px;
	float: left;
	list-style-type: none;
	position: relative;
}

#navigation li a {
	background: url(/Images/interface/nav/nav-item-bg.png) no-repeat top right;
	display: block;
	height: 36px;
	font-size: 1.2em;
	font-weight: bold;
	padding: 14px 14px 0 0;
	margin: 0 0 0 14px;
	position: relative;
	cursor: pointer;
}
	#ie6 #navigation li a 		{ display: inline; zoom: 1; }
	#ie6 #navigation li a:hover { color: #cf001b; text-decoration: underline; }

#navigation li a span.end {
	background: url(/Images/interface/nav/nav-item-bg.png) no-repeat 0 0;
	display: block;
	position: absolute;
	top: 0;
	left: -14px;
	width: 14px;
	height: 50px;
}

#navigation li a:hover, #navigation li a.selected 				{ color: #FFF; background-position: bottom right; text-decoration: none; }
#navigation li a:hover span, #navigation li a.selected span 	{ background-position: bottom left; }

#navigation .overlay {
	background: url(/Images/interface/bg/bg-main-nav.png) no-repeat;
	width: 980px;
	height: 19px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

#navigation li span.ind {
	display: block;
	width: 14px;
	height: 7px;
	background: url(/Images/interface/ind/ind-nav.png) no-repeat;
	position: absolute;
	left: 42%;
	bottom: 0; /* animate to -10px */
	z-index: 9;
}

#navigation li a .nav-home-icon {
	text-indent: -999em;
	overflow: hidden;
	width: 19px;
	height: 18px;
	display: block;
	background: url(/Images/interface/nav/nav-home-icon.png) no-repeat;
}

/* footer -------------*/
#footer {
	width: 940px;
	height: 276px;
	background: url(/Images/interface/bg/bg-footer.png) no-repeat;
	position: relative;
	margin-top: 20px;
	clear: both;
}

#canfan-link {
	position: absolute;
	top: 40px;
	left: 93px;
	display: block;
	width: 200px;
	padding-top: 140px;
	color: #FFF;
	background: url(/Images/interface/bg/bg-canfan.png) no-repeat;
	font-size: 12px;
	line-height: 1.2em;
}

#canfan-link span {
	display: block;
	padding-left: 25px;
}

#tweet {
	position: absolute;
	top: 59px;
	left: 345px;
	width: 215px;
	height: 50px;
	color: #FFF;
	overflow: hidden;
	font-size: 11px;
	line-height: 1.1em;
	font-weight: bold;
}

#follow-us {
	position: absolute;
	top: 117px;
	left: 450px;
	font-size: 1.1em;
	color: #FFF;
}

#premier-partner {
	position: absolute;
	top: 50px;
	left: 595px;
	color: #989898;
	font-size: 10px;
	font-weight: bold;
}

#premier-partner #partner {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 78px;
	height: 75px;
	background: url(/Images/interface/logo/logo-pams.png) no-repeat;
	margin-top: 8px;
}

#footer-nav {
	position: absolute;
	top: 50px;
	left: 710px;
}

#footer-nav li {
	list-style-type: none;
	border-bottom: 1px solid #3e3e3e;
	padding: 1px 0 1px 0;
	color: #ccc;
}

#footer-nav li a {
	color: #FFF;
}

#values {
	position: absolute;
	top: 240px;
	left: 340px;
	width: 500px;
	color: #fff;
	font-size: 11px;
}

/* listing -------------
   
   markup should be identical for every listing, changing based on an additional class. The default style is the style found on latest news (L1),
   with additional styling to do the grid-style listing
   
*/
.listing {
	margin-top: 20px;
}

.listing > li {
	list-style-type: none;
	min-height: 150px;
	margin: 0 0 15px 0;
	padding-bottom: 10px;
	clear: both;
	background: url(/Images/interface/bg/bg-listing-news.png) no-repeat bottom left;
}
#ie6 .listing > li 		{ height: 150px; }
.listing li.no-img 		{ min-height: 1px; }
#ie6 .listing li.no-img { height: 1px; }
.listing li.hover 		{ cursor: pointer; }
.listing li.last		{ margin-bottom: 0; background: none; }

.listing li.with-divider {
	background: url(/Images/interface/bg/bg-listing-noimg.png) no-repeat bottom left;
}

.listing h3 {
	margin-bottom: 8px;
}
	.listing h3 a 			{ margin-left: 0; color: #4c4c4c; }
	.listing h3 a:hover 	{ text-decoration: none; }

.listing img {
	border: 10px solid #fff;
	float: left;
}
.listing li.hover img { border: 10px solid #cf001b; }

.listing p, .listing a {
	margin: 0 0 0 234px;
	display: block;
}
	.listing .no-img p, .listing .no-img a {margin-left: 0 }

.listing p.date {
	font-size: 11px;
	font-weight: bold;
}

.listing p {
	margin-top: 10px;
	color: #000;
}

li.grid-small 		{ width: 173px; margin-right: 20px; }
li.grid-large 		{ width: 275px; margin-right: 10px; }
.grid-listing > li 	{ position: relative; float: left; clear: none; background: none; min-height: 1px; }
.grid-listing img 	{ position: absolute; top: 0; left: 0; }
li.grid-small h3 	{ padding: 105px 10px 0 10px; }
li.grid-large h3 	{ padding: 155px 10px 0 10px; }
li.no-image h3 		{ padding: 0 10px 0 10px; }

.listing li.row-end { margin-right: 0; }

.grid-listing p,
.grid-listing a {
	margin: 0 10px;
	display: block;
}
.grid-listing ul.read-more { margin-top:25px; }
.grid-listing ul.read-more a {
	margin:0;
	font-size:1.2em;
}

.grid-listing p a { display: inline; margin: 0; }

.grid-listing h3 a 			{ margin: 0; }

.grid-listing li.with-divider {
	background: url(/Images/interface/bg/bg-listing-noimg.png) no-repeat top left;
	margin-bottom: 5px;
	padding: 15px 0 0 0;
}

ul.read-more li { list-style:none; }
ul.read-more a,
a.read-more {
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0 10px 35px;
	background: url(/Images/interface/ind/ind-read-more-arrow.png) no-repeat;
	zoom: 1;
}

.listing a.read-more {
	margin: 7px 0 0 224px;
}
	.listing .no-img a.read-more { margin-left: -10px; }

.grid-listing a.read-more {
	margin: 7px 0 0 0;
}

/* listing pagination -------------*/
.pagination {
	background: url(/Images/interface/bg/bg-listing-news.png) no-repeat top left;
	font-size: 11px;
	text-align: center;
	padding-top: 2px;
}
#page .pagination .wrapper { width: auto; background: url(/Images/interface/bg/bg-listing-news.png) no-repeat bottom left; padding-bottom: 5px; }

.prev, .next {
	background: url(/Images/interface/ind/ind-prev-next-arrows.png) no-repeat 0 4px;
	margin-top: 4px;
}

.prev { padding-left: 10px; float: left; }
.next { background-position: 100% -14px; padding-right: 10px; float: right; }

.page-nos span {
	padding: 0 0 0 5px;
	font-weight: bold;
	font-size: 14px;
}

.page-nos span a {
	background: #f5f5f5;
	padding: 2px 5px 2px 5px;
	font-size: 11px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* columns -------------*/
.column {
	float: left;
	margin-bottom: 20px;
}
#col1 { width: 130px; padding: 0 18px 0 18px; } /* 166 - padding */
#col2 { width: 560px; padding-top: 15px; }
#col3 { width: 214px; }

/* section nav -------------*/
#col1 h4 {
	color: #4c4c4c;
	font-size: 14px;
	margin: 20px 0 6px 0;
}

#sub-navigation {
	
}

#sub-navigation li {
	list-style-type: none;
	background: url(/Images/interface/bg/bg-subnav-li.png) no-repeat top left;
	padding: 7px 0 7px 0;
}

#sub-navigation li a {
	color: #4c4c4c;
	font-size: 11px;
	font-weight: bold;
	display: block;
	background: url(/Images/interface/ind/ind-small-red-arrow.png) no-repeat 0 5px;
	padding-left: 8px;
	line-height: 1.4em;
	zoom: 1;
}

#sub-navigation li.selected a, #sub-navigation li a:hover {
	color: #cf001b;
}

#sub-navigation li ul {
	margin-top: 6px;
}

#sub-navigation li ul li {
	background: none;
	padding: 3px 0 3px 0;
}

#sub-navigation li ul li a {
	color: #cf001b;
	font-weight: normal;
	background: none;
}

#sub-navigation li ul li a.selected { color: #4c4c4c; }

/* sidebar pods -------------*/
.sidebar-pod {
	width: 185px;
	margin: 36px auto 48px auto;
	padding-top: 10px;
	position: relative;
}

.sidebar-pod h4 {
	height: 27px;
	width: 172px;
	padding: 9px 0 0 13px;
	position: absolute;
	top: -36px;
	left: 0;
	line-height: 1em;
	font-size: 11px;
}

.sidebar-pod img { margin: 0 auto 10px auto; }
.sidebar-pod p { width: 157px; margin: 0 auto 20px auto; color: #FFF; }
.sidebar-pod .read-more {
	margin: 0 0 0 40px;
	display: block;
	padding: 0 0 11px 0;
	background: none;
	color: #fff;
}

.blue 		{ background: url(/Images/interface/bg/bg-sidebar-pod-blue.png) no-repeat bottom left; }
.green 		{ background: url(/Images/interface/bg/bg-sidebar-pod-green.png) no-repeat bottom left; }
.orange		{ background: url(/Images/interface/bg/bg-sidebar-pod-orange.png) no-repeat bottom left; }
.blue h4 	{ background: url(/Images/interface/bg/bg-sidebar-pod-h4-blue.png) no-repeat; }
.green h4 	{ background: url(/Images/interface/bg/bg-sidebar-pod-h4-green.png) no-repeat; }
.orange h4 	{ background: url(/Images/interface/bg/bg-sidebar-pod-h4-orange.png) no-repeat; }

.dontate-pod {
	height: 55px;
	background: url(/Images/interface/bg/bg-sidebar-pod-donate.png) no-repeat;
	padding: 0;
	margin: 18px auto 48px auto;
	position: relative;
}

.dontate-pod a {
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
	position: absolute;
	top: 18px;
	left: 85px;
	line-height: 1em;
	font-size: 11px;
}

.dontate-pod a span { display: block; }

/* common page stuff -------------*/
.byline {
	margin: 0 0 0 20px;
	font-size: 14px;
	position: relative;
	z-index: 1;
}

.column .byline { margin: 0 0 20px 0; }

/* *06: Forms -----------------------------------------------------------------------------------------------------------------*/


	input, select, textarea {
	/*	border: 1px solid #aeaeae;*/
		border: none;
		background: #FFF;
		padding: 5px;
		font-size: 14px;
		color: #4c4c4c;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	

	input.button, .contourNavigation input {
		background: #c3c3c3 url(/Images/interface/bg/bg-btn.jpg) repeat-x;
		color: #000;
		font-weight: bold;
		cursor: pointer;
		padding: 5px 15px 5px 15px;
	}
	input.button:hover { color: #cf001b; }

	label {
		font-size: 14px;
		display: block;
		margin: 20px 0 2px 0;
		color: #efefef;
	/*	font-weight: bold;*/
	}

	.required label {
		font-weight: bold;
	}

	.required label:after {
		content:"*";
	}

	.inpage-form, #contour, .contourMessageOnSubmit {
		padding: 20px;
		background: url(/Images/interface/bg/bg-rememberances.jpg) repeat-y;
		color: #9c9c9c;
	}
	.contourMessageOnSubmit { font-size: 16px; font-weight: bold; height: 43px; color: #CCCCCC; }

	.inpage-form ul, .inpage-form ol { margin: 0; }

	.inpage-form input, .inpage-form textarea {
		width: 510px;
	}

	.inpage-form textarea { height: 130px; }

	.inpage-form input.button {
		margin-top: 20px;
		width: auto;
		clear: left;
	}

	.inpage-form .checkbox, .inpage-form .checkbox input {
		margin-top: 10px!important;
		display: block!important;
	}

	.inpage-form .checkbox input {
		background: none!important; 
		width: auto!important;
		float: left!important;
		margin: 0px 10px 0px 0px!important;
	}

	.inpage-form .checkbox label {
		float: left;
		margin: -4px 0 0 0;
	}
		#ie6 .inpage-form .checkbox label, #ie7 .inpage-form .checkbox label { margin: 0; }

	.inpage-form li {
		list-style-type: none;
		clear: left;
		line-height: 1.5em;
		zoom: 1;
		position: relative;
	}
		.inpage-form li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

	.inpage-form .PanelThanks {
		font-size: 14px;
		color: #FFF;
		font-weight: bold;
	}

	.required-message {
		font-size: 14px;
	}

	.vsummary {
		background: #cf001b;
		color: #FFF !important;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	.vsummary ul {
		margin: 0;
		padding: 20px;
	}

	.vsummary li {
		font-size: 14px;
		font-weight: bold;
	}

	.inpage-form .noedit label {
		font-size: 18px;
		font-weight: bold;
		border-top: 1px dotted #999;
		padding-top: 5px;
		margin-top: 40px;
		color: #CCC;
	}

	.inpage-form p {
		margin-top: 2px;
		color: #ccc;
	}

	.body-text .inpage-form .date img {
		border: 0 !important;
		margin: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		filter: none;
		position: absolute;
		top: 25px;
		right: 5px;
		width: 16px;
		height: 16px;
	}

	#ie6 .body-text .inpage-form .date img, #ie7 .body-text .inpage-form .date img { top: 47px; }
	#ie7 .body-text .inpage-form .date img { filter: none !important; }

.body-text .inpage-form .date span, .body-text .inpage-form .date a { display: none; }

/* Calender overwrites -------------*/
.calendar, .calendar * {
	font-family: arial !important;
	font-size: 14px;
	font-weight: bold;
}

.calendar {
	border: 5px solid #CAC9C9;
	padding: 5px;
	background: #FFF !important;
	
	top: 1450px !important;
}

.calendar tbody td.selected {
	border: none !important;
	background: #efefef;
}

.calendar tbody td.hilite {
	border: none !important;
	background: #efefef;
}

/* *07: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/

/* homepage -------------*/
#home-flash-holder {
	width: 940px;
	height: 293px;
	padding-top: 81px;
	background: url(/Images/interface/bg/bg-home-flash.jpg) no-repeat;
	margin-top: -35px;
	z-index: 2;
}

#home-flash-holder #frame {
	width: 904px;
	height: 275px;
	margin: 0px 0px 0px 18px;
}

#ie6 #home-flash-holder #frame, #ie7 #home-flash-holder #frame { margin: -6px 0px 0px 12px; }

#home-listing { margin: 18px 0 0 18px; }
#home-listing li { padding:0; }
#home-listing li#home-pods {
	position: relative;
	width: 334px;
	height: auto !important;
	margin: 0;
	padding-bottom:5px;
	background-color:#fff;
}
#home-pods h5 { margin: 7px 0 0 10px; }
#home-pods li {
	padding-bottom:10px;
	list-style-type: none;
}
#home-pods .detail {
	min-height:62px;
	padding: 13px 0 0 85px;
	color: #fff;
}
#home-pods li,
#home-pods .detail { background-image:url(/Images/interface/bg/bg-home-pods.jpg); }
#home-pods .donate {			background-position:0 bottom; }
#home-pods .donate .detail {	background-position:0 0; }
#home-pods .shop {				background-position:-334px bottom; }
#home-pods .shop .detail {		background-position:-334px 0; }
#home-pods .download {			background-position:-668px bottom; }
#home-pods .download .detail {	background-position:-668px 0; }
#home-pods li a {
	margin: 0 0 5px 35px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
#home-pods li p {
	margin-right: 20px;
	font-size: 11px;
	color: #FFF;
}

/* landing page (LD1) -------------*/
#landing-flash-holder {
	width: 560px;
	height: 275px;
}
#ie7 #landing-flash-holder 	{ margin-bottom: 40px !important; }
.extra-space-rotator 		{ margin: 0px 0px 20px 0px !important; }

#img-rotator {
	margin: 10px 0 0 10px;
	position: relative;
}

#ie6 #img-rotator, #ie7 #img-rotator { margin: 16px 0 0 16px; }

#img-rotator h2, #img-rotator p {
	padding: 10px 10px 0px 10px;
}

#img-rotator h2 {
	color: #eb001f;
}

#img-rotator img {
	margin: -10px 0 0 0;
	border-top:	10px solid #FFF;
}

#img-rotator #welcome {
	width: 340px;
	position: absolute;
	top: 40px;
	right: 10px;
}

/* detail page (D1) -------------*/
.detail-hero-img {
	border: 10px solid #FFF;
	margin-bottom: 20px;
}
#ie6 .detail-hero-img, #ie7 .detail-hero-img { margin-bottom: 20px; }

.body-text img {
	border: 10px solid #fff;
	float: right;
	margin: 0 0 10px 20px;
	-moz-box-shadow: 0px 0px 6px #ccc;
	-webkit-box-shadow: 0px 0px 6px #ccc;
}

#ie6 .body-text img, #ie7 .body-text img {
/*	margin: -6px;*/
	filter:
        progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=0,strength=6)
        progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=90,strength=6)
        progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=180,strength=6)
        progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=270,strength=6);
}

.featured-content {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #f1f1f1;
	padding: 10px 10px 10px 10px;
	margin: 0 20px 10px 0;
	float: left;
	zoom: 1;
}
#ie6 .featured-content, #ie7 .featured-content 			{ margin: 0 20px 10px 0; }

.featured-content p.featured-src 						{ margin: 0; font-style: italic; }
.featured-content img 									{ float: none; margin: 0 10px 0 0; }
#ie7 .featured-content img 								{ margin-bottom: 10px; }

.featured-content h3 {
	margin: 10px 0 0 0;
}

a.click-for-more {
	font-size: 11px;
	font-style: italic;
}

.featured-content .feature-detail { 
	float: right;
	width: 350px;
}

#related-links {
	background: url(/Images/interface/bg/bg-related-links.jpg) repeat-y;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding-bottom: 1px;
	margin-top: 40px;
}

#related-links h3 {
	background: url(/Images/interface/bg/bg-related-links-head.jpg) repeat-y;
	padding: 12px 20px 12px 20px;
	color: #FFF;
	font-size: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-bottom: 1px solid #828181;
}

#related-links li {
	list-style-type: none;
	padding: 10px;
	margin: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#related-links li.hover {
	cursor: pointer;
	background: #4c4c4c;
}

#related-links li a {
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 6px 178px;
	display: block;
}
#related-links li.external a, #related-links li.no-img a { margin-left: 0; }
#related-links li.external a { margin-bottom: 0; background: url(/Images/interface/ico/ico-external-link.gif) no-repeat 0 6px; padding-left: 15px; }

#related-links li img {
	float: left;
	margin-right: 20px;
	border: 10px solid #fff;
}

#related-links li .abstract {
	color: #efefef;
}

#related-links li .abstract p {
	font-size: 11px !important;
	margin: 0 0 0 178px;
}
#related-links li.no-img .abstract p { margin-left: 0; }

#related-links li .abstract p a {
	margin: 0;
}

#related-links .drop-shadow {
	background: #fff;
	-moz-box-shadow: 0px 0px 6px #363636;
	-webkit-box-shadow: 0px 0px 6px #363636;
}

#ie6 #related-links .drop-shadow, #ie7 #related-links .drop-shadow {
	margin: -6px;
	filter:
        progid:DXImageTransform.Microsoft.Shadow(color=#363636,direction=0,strength=6)
        progid:DXImageTransform.Microsoft.Shadow(color=#363636,direction=90,strength=6)
        progid:DXImageTransform.Microsoft.Shadow(color=#363636,direction=180,strength=6)
        progid:DXImageTransform.Microsoft.Shadow(color=#363636,direction=270,strength=6);
}

/* event details (on detail page)) -------------*/
#event-date {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	background: url(/Images/interface/bg/bg-event-date.jpg) no-repeat;
	margin: -20px 0 0 0;
	padding: 10px 20px 10px 20px;
}
#ie7 #event-date { margin-top: 0; }

#event-date span {
	font-weight: normal;
	color: #c4c4c4;
}

#facebook-details {
	background: url(/Images/interface/bg/bg-facebook-data.png) no-repeat bottom left;
	padding: 15px 20px 57px 70px;
	color: #FFF;
	position: relative;
	zoom: 1;
}

#facebook-details p { margin: 0; }
#facebook-details a { color: #FFF; text-decoration: underline; }

#fb-icon {
	display: block;
	width: 57px;
	height: 59px;
	overflow: hidden;
	background: url(/Images/interface/ico/ico-fb.png) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 7px;
	left: 7px;
	zoom: 1;
}

/* detail page tables -------------*/
.body-text table {
	font-size: 12px;
	width: 100%;
	margin-bottom: 20px;
}

.body-text table p { font-size: 12px; margin: 0; }

.body-text table td, .body-text table th {
	padding: 5px;
	line-height: 1.4em;
}

.body-text table tr.striped { background: #cfcece; }

.body-text table th {
	font-weight: bold;
}

/* rememberances detail -------------*/
#remembrance {
	position: relative;
	background: url(/Images/interface/bg/bg-rememberance-form.jpg) no-repeat;
	padding: 20px;
	color: #9c9c9c;
}

#remembrance #intro {
	width: 180px;
	position: absolute;
	top: 15px;
	right: 20px;
	color: #FFF;
}

#remembrance #intro #big-number {
	font-size: 84px;
	font-weight: bold;
	border-bottom: 1px solid #efefef;
	padding: 0 0 10px 10px;
	line-height: 1em;
}

#remembrance #intro #big-number span {
	font-size: 17px;
	display: block;
	line-height: 17px;
}

#remembrance h3 {
	font-size: 24px;
	color: #fff;
}

#remembrance li {
	list-style-type: none;
}

#remembrance .PanelThanks {
	min-height: 200px;
	font-size: 14px;
	color: #FFF;
}

#remembrance input, #remembrance textarea {
	width: 300px;
}

#remembrance .tribute-select {
	float: left;
	margin-right: 40px;
	clear:none!important;
}

#remembrance .radio input				{ float: left; width: auto; margin-top: 40px; }
#remembrance .tribute-label		{ text-indent: -9999px; width: 90px; height: 90px; float: left; }
#remembrance .heart-label 		{ background: url(/Images/interface/bg/bg-heart.png) no-repeat;}
#remembrance .candle-label  	{ background: url(/Images/interface/bg/bg-candle.png) no-repeat;}
#remembrance .flower-label  	{ background: url(/Images/interface/bg/bg-flower.png) no-repeat;}

#remembrance .vsummary {
	background: #cf001b;
	font-size: 12px;
	color: #FFF !important;
	padding: 10px;
	width: 290px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#remembrance input.button {
	width: auto;
}

#remembrance-list {
	background: url(/Images/interface/bg/bg-rememberances.jpg) repeat-y;
	padding: 20px;
}

#remembrance-list li {
	border-bottom: 1px solid #5c5c5c;
	list-style-type: none;
	padding: 20px 0 0 100px;
	min-height: 90px;
	zoom: 1;
}
#ie6 #remembrance-list li { height: 90px; }

#remembrance-list li.heart 	{ background: url(/Images/interface/bg/bg-heart.png) no-repeat;}
#remembrance-list li.candle { background: url(/Images/interface/bg/bg-candle.png) no-repeat;}
#remembrance-list li.flower { background: url(/Images/interface/bg/bg-flower.png) no-repeat;}

#remembrance-list h4 {
	font-size: 14px;
	font-weight: bold;
}

#remembrance-list p { color: #fff; }

#remembrance-list .from, #remembrance-list strong { font-style: italic; }

/* messages of support list -------------*/
#messages-of-support {
	margin-top: 20px;
}

#messages-of-support li {
	list-style-type: none;
	margin: 0px 0px 20px 0px;
}

#messages-of-support .message {
	position: relative;
	background: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 20px;
	margin: 0px 0px 30px 0px;
}

#messages-of-support .poster {
	margin: 10px 0px 0px 0px;
	font-style: italic;
}

#messages-of-support .alt .poster {
	text-align: right;
}

#ie6 #messages-of-support .alt .poster { text-align: left; }

#messages-of-support span {
	display: block;
	width: 37px;
	height: 36px;
	background: url(/Images/interface/ind/ind-speech-left.png) no-repeat;
	position: absolute;
	bottom: -36px;
	left: 30px;
}

#messages-of-support .alt span {
	left: auto;
	right: 30px;
	background: url(/Images/interface/ind/ind-speech-right.png) no-repeat;
}

/* Shop - product listing -------------*/
.sold-out {
	width: 255px;
	position: absolute;
	top: 10px;
	left: 10px;
	text-align: center;
	padding-top: 36px;
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
	text-shadow: #000 0px 0px 15px;
}

.grid-listing .product-listing-price {
	font-weight: bold;
	font-size: 14px;
	color: #666 !important;
	margin-top: 4px;
}

.strike {
	text-decoration: line-through;
	color: #999;
}

/* Shop - item detail -------------*/
p.shop-item-description {
	width: 380px;
}

.buy-item {
	padding: 10px;
	width: 138px;
	font-size: 14px;
	float: right;
	zoom: 1;
}

.buy-item p {
	margin-bottom: 2px;
	font-weight: bold;
	font-style: normal;
}

.buy-item .price {
	font-size: 25px;
	line-height: 1em;
}

.buy-item .detail-sale-price {
	font-size: 14px;
}

.buy-item input {
	width: 138px;
	margin-top: 10px;
}
#ie6 .buy-item input, #ie7 .buy-item input { margin-left: 6px; }

.buy-item label {
	font-weight: normal;
	font-size: 10px;
	margin-top: 5px;
	/*width: 50px;*/
}

.buy-item select {
	background: #efefef;
	display: block;
}

#shop-item-gallery					{ margin: 20px 0 20px 0; border-bottom: 1px dotted #ccc; padding-bottom: 20px; }
#shop-item-gallery li 				{ list-style-type: none; float: left; margin-right: 20px; }
#shop-item-gallery li.last			{ margin: 0; }
#shop-item-gallery a img 			{ border: 10px solid #fff; }
#shop-item-gallery a:hover img 		{ border: 10px solid #cf001b; }

/* Sitemap -------------*/

#sitemap ul {
	margin: 0;
}

#sitemap li {
	background: #ccc;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#sitemap li ul {
	background: #ccc;
}
#sitemap li li {
	background: none;
	margin: 5px	0px 0px 0px;
	padding: 5px;
	font-size: 12px;
	font-weight: normal;
	background: #efefef;
}

#sitemap li li ul {
	background: #efefef;
	margin: 10px;
}
#sitemap li li li {
	background: #FFF;
	margin: 5px	0px 0px 0px;
}

/* Link list -------------*/
.link-list {
	margin: 9px 0 40px 0;
}

.link-list li {
	list-style-type: none;
	border-top: 1px dotted #ccc;
	padding-top: 20px;
}

.link-list h3 {
	margin-bottom: 10px;
}

.link-list li a {
	background: url(/Images/interface/ind/ind-read-more-arrow.png) no-repeat;
	padding: 2px 0 10px 35px;
	margin-left: -8px;
}

.link-list li p {
	margin-left: 27px;
}

.link-list li p a {
	background: none;
	padding: 0;
	margin-left: 0;
}

/* Book list -------------*/
.book-list {
	
}

.book-list li {
	list-style-type: none;
	border-top: 1px dotted #ccc;
	padding: 30px 0 0 0;
	position: relative;
}
#ie6 .book-list li { height: 150px; zoom: 1; }
#ie7 .book-list li { padding-bottom: 20px; }

.book-list li img {
	float: left;
	border: 10px solid #FFF;
	margin: 0px 20px 20px 0px;
}

.book-info {
	float: left;
	width: 400px;
}
#ie6 .book-info, #ie7 .book-info { margin-left: 30px; }

.book-list h3 {
	margin-bottom: 10px;
}

.book-list .author, .book-list .publisher {
	font-size: 11px;
	color: #4b4b4b;
	margin: 0;
}

.book-list .publisher {
	margin-bottom: 10px;
}

/* Donate buttons -------------*/
a.donate-button {
	background: #b50002;
	display: block;
	width: 270px;
	height: 70px;
	padding: 54px 0px 0px 150px;
	color: #FFF;
	font-weight: bold;
	font-size: 40px;
	background: url(/Images/interface/bg/bg-donate-btn-large.png) no-repeat;
}

a.donate-button:hover {
	color: #FFF;
}

a.small-donate-button {
	font-size: 14px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #c3c3c3 url(/Images/interface/bg/bg-donate-btn-small.gif) repeat-x;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 2px 0 0 0;
	height: 24px;
	width: 150px;
	display: block;
	text-align: center;
}

#ie6 a.small-donate-button, #ie7 a.small-donate-button { margin-bottom: 10px; }

a.small-donate-button:hover {
	color: #FFF;
}

/* Christmas card quotes -------------*/
.card {
	border-bottom: 1px dotted #999;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.card img {
	float: left;
}

.card .details {
	float: left;
	margin-left: 20px;
	width: 400px;
}

.card label {
	color: #4C4C4C;
	display: inline;
	padding-left: 10px;
}

.card select {
	margin-left: 20px;
}

.quote-submit {
	margin-bottom: 40px;
}

.terms {
	margin-bottom: 40px;
}

.terms li {
	font-size: 12px;
	color: #ccc;
	margin: 0 0 0 20px;
	list-style-type: decimal;
}

.back-btn {
	margin-right: 20px;
}

.cc-quote-form span.val {
	font-size: 12px;
	color: #fff !important;
	background: #CF001B;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 5px;
}


.cc-quote-form .val-holder {
	margin-top: 5px;
}

.video-container {
    margin-top: 10px;
    margin-bottom: 20px;
    /*border-top: 2px #fff solid;
    border-left: 2px #fff solid;
    border-right: 2px #fff solid;*/
    border: 2px #fff solid;
    overflow: hidden;
    margin-right: 10px;
    background: #fff;
    position: relative;
}
.video-container a { text-decoration: none; }
.video-container a span.video { 
    background: url(/Images/interface/ico/ico-video-play.png) no-repeat ; 
    top: 68px; 
    left: 105px; 
    position: absolute; 
    height: 65px; 
    width: 65px; 
}
.youtube { width: 425px; } .vimeo { width: 400px; }

.cbox-donate,
.cbox-donate a,
#cboxClose { background:url(/images/interface/bg/bg-colorbox-common.png) no-repeat; }

.cbox-donate {
	padding:35px 40px 35px 260px;
	border-radius:3px;
	background-position:0 bottom;
	background-color:#f7d5b1;
}
.cbox-donate img {
	position:absolute;
	bottom:0;
	left:30px;
}
.cbox-donate h2 {
	margin-bottom:5px;
	font-size:2.4em;
}
.cbox-donate p { font-size:1.4em; }
.cbox-donate a {
	display:inline-block;
	width:110px;
	min-height:25px;
	padding:10px 10px 10px 40px;
	font-size:1.5em;
	font-weight:bold;
	color:#fff;
	background-position:-700px 0;
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}
#colorBox{}
    #cboxTopLeft{width:11px; height:11px; background:#fff; border-top-left-radius:5px; }
    #cboxTopCenter{height:11px; background:#fff;}
    #cboxTopRight{width:11px; height:11px; background:#fff; border-top-right-radius:5px; }
    #cboxBottomLeft{width:11px; height:11px; background:#fff; border-bottom-left-radius:5px; }
    #cboxBottomCenter{height:11px; background:#fff;}
    #cboxBottomRight{width:11px; height:11px; background:#fff; border-bottom-right-radius:5px; }
    #cboxMiddleLeft{width:11px; background:#fff;}
    #cboxMiddleRight{width:11px; background:#fff;}
    #cboxContent{background:#fff;}
    #cboxLoadedContent{}
    #cboxTitle{position:relative; bottom:30px; left:0; text-align:center; width:100%; color:#999;}
    #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
    #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
    #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
    #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
    #cboxLoadingOverlay{background:url(/images/interface/colorbox/loading.gif) 5px 5px no-repeat #fff;}
    #cboxClose{position:absolute; top:10px; right:10px; display:block; width:31px; height:31px; text-indent:-10000px; background-position:-610px 0; }
    #cboxClose:hover {background-position:-650px 0; }