/* ===========================================================================
 * Filename: css/print.css
 * Author: Andreas Boehmer, andreas@symplicit.com.au, www.symplicit.com.au
 * Date: 4 December 2011
 * Description: Contains print styles for the Salvation Army's website content.
 * =========================================================================== 
 */

body
{
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 1.538462;	
	color: #333;
}

a img
{
	border: none;	
	vertical-align: text-bottom;
}

a:link, a:visited
{
	color: #10476a;
	text-decoration: underline;	
}

a:focus, a:hover, a:active
{
	color: #a90000;
	text-decoration: underline;
	outline: none;
}

h1
{
	clear: both;
	color: #a90000;
	font-size: 2.153846em;
	font-family: Georgia, 'Times New Roman', Times, serif;	
	padding: 13px 0 0 0;
	margin: 0;
	font-weight: normal;
}

.youth h1 { font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', arial, helvetica, sans-serif; }

.colourway1 h1 { color: #a90000; }
.colourway2 h1 { color: #6c9000; }
.colourway3 h1 { color: #005b82; }
.colourway4 h1 { color: #008485; }

h2
{
	color: #6c9000;
	font-size: 1.076923em;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', arial, helvetica, sans-serif;
}

h3
{
	color: #333;
	font-size: 1.0em;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', arial, helvetica, sans-serif;
}

h4
{
	color: #a90000;
	font-size: 1.0em;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', arial, helvetica, sans-serif;
}

h5
{
	color: #666;
	font-size: 1.0em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

h6
{
	color: #666;
	font-size: 1.0em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

p
{
	padding: 0 0 1em 0;
	margin: 0;	
}

ol
{
	margin: 0;
	padding: 0 0 1em 2em;	
}

ol li
{
	margin: 0;
	padding: 0;
}

ul
{
	margin: 0;
	padding: 0 0 1em 2em;	
}

ul li
{
	margin: 0;
	padding: 0;
}

ul.nobullet li	
{
	background-image: none;
	padding-left: 0;
}

ul ol, ol ol, ul ul, ol ul
{
	padding: 0 0 0 2em;	
}

ol, ul
{
	display: table; 
}

em, i
{
	font-style: italic;	
	font-weight: normal;
}

em em, i i, em i, i em
{
	font-style: normal;
	font-weight: normal;
}

strong, b
{
	font-style: normal;
	font-weight: bold;
}

strong strong, strong b, b strong, b b
{
	font-style: normal;
	font-style: normal;
}

.feature
{
	font-size: 1.230769em;
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, serif;	
}

.feature em
{
	font-style: normal;	
}

.youth .feature { font-family: helvetica, arial, sans-serif; }

.lead
{
	border-bottom: 1px dotted #ccc;	
	padding: 0 0 7px;
	font-size: 1.230769em;
	margin: 0 0 30px 0;
}

.lead .inner1
{
	border-top: 1px dotted #ccc;
	padding: 5px 0 0;
}

.tiny
{
	font-size: 0.846134em;	
}

.small
{
	font-size: 0.923077em;	
}

.large
{
	font-size: 1.076923em;	
}

.subdued
{
	color: #666;	
}

.info, .date
{
	color: #666;
	font-size: 0.846154em;
	text-transform: uppercase;	
}

.info
{
	margin: 5px 0 1em 0;
	color: #666;
	border-top: 1px dotted #ccc;
}

.error, .required
{
	color: #e00;	
}

.success
{
	color: #62af35;
}

.highlight
{
	background-color: #f4f4f2;
	padding: 7px 7px 0;
	margin: 0 0 1em 0;	
}

p.highlight
{
	padding: 7px 7px 1em;	
}

span.highlight, em.highlight, strong.highlight
{
	padding: 0;
	margin: 0;	
}

div.highlight, p.highlight
{
	display: table;	 
}

hr
{
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	border-top: 1px solid #e0e0e0;
	height: 1px;
	display: block;
}

.image-left
{
	float: left;
	margin: 5px 1em 10px 0;
	display: inline;
}

.image-right
{
	float: right;
	margin: 5px 0 10px 1em;
	display: inline;
}

.image
{
	display: block;
	margin: 0 0 10px 0;
}

.image-left img, .image-right img, .image img
{
	display: block;	
}

.caption
{
	color: #fff;
	background-color: #666;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	padding: 4px 0 5px;
	clear: both;
}

.caption em
{
	font-style: normal;	
}

.youth .caption { font-family: helvetica, arial, sans-serif; }

img.border
{
	border: 3px solid #ccc;	
	display: block;
	float: none;
}

a:link img.border, a:visited img.border
{
	border: 3px solid #e0e0e0;	
	color: #000;
}

a:focus img.border, a:hover img.border, a:active img.border
{
	border: 3px solid #c0c0c0;
	color: #666;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	margin: 0 0 1.5em 0;
}

table.uniform
{
	table-layout: fixed;	
}

table caption
{
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
}

tr
{
	vertical-align: top;
}

th
{
	font-weight: bold;
}

th, td, td.left, th.left
{
	text-align: left;
}

td.right, th.right
{
	text-align: right;	
}

td.centre, th.centre
{
	text-align: center;	
}

table.data, table.plain
{
	width: 100%;
}

table.data tr
{
	background-color: #fff;
}

table.data tr.alt
{
	background-color: #f4f4f2;
}

table.data th
{
	background-color: #a90000;
	color: #fff;
}

table.data .header1 th
{
	background-color: #a90000;
}

table.data .header2 th
{
	background-color: #6c9000;
}

table.data .header3 th
{
	background-color: #005b82;
}

table.data .header4 th
{
	background-color: #008485;
}

table.data th, table.plain th
{
	font-size: 1.0em; 
	font-weight: bold;
	border: 1px solid #e0e0e0;
	padding: 3px 7px 2px;
}

table.data td, table.plain td
{
	border: 1px solid #e0e0e0;
	padding: 3px 7px 2px;
}

ol.resultslist
{
	padding: 0;
	margin: 0;	
	list-style: none;
}

.resultslist li
{
	padding: 0 0 1em 0;
	margin: 0;
}

.resultslist h3, .resultslist p
{
	padding-bottom: 0;
}

q:before 
{
	content: ''; 
}

q:after 
{
	content: ''; 
}

cite
{
	font-style: normal;	
}

code
{
	font-family: 'Courier New','Courier';
	font-size: 1.0em;
}

object
{
	display: block;
	margin: 0 0 1em 0;	
}

/* Forms */

input, textarea, select
{
	font-size: 0.923077em;
	font-family: helvetica, arial, sans-serif;
}

form
{
	padding: 0;
	margin: 0;
}

fieldset
{
	border: none;
	padding: 0 0 1em 0;
	margin: 0;
}

legend
{
	margin: 0;
	padding: 0;
	color: #333;	
}

#sidebar legend span
{
	margin: 0;
	padding: 0;
	display: block;
	width: 200px;
}

.form-field
{
	clear: both;
	padding-bottom: 1em;	
}

.wide .form-field
{
	padding-bottom: 1.5em;	
}

.form-field label
{
	float: left;
	width: 12em;	
}

.wide .form-field label
{
	width: auto;
	display: block;
	float: none;	
}

.form-field .radio label, .form-field .checkbox label
{
	float: none;
	display: inline;
	width: auto;
	padding-right: 1em;	
}

.buttons
{
	clear: both;
	margin-left: 13em;	
}

.wide .buttons
{
	margin-left: 0;	
}

.form-field input, .form-field select, .form-field textarea, .form-field .buttons, .form-field .error, .form-field .checkbox, .form-field .radio
{
	margin-left: 13em;
	display: block;
}

.form-field input, .form-field select, .form-field textarea
{
	margin-left: 14.083333em;
}

.wide .form-field input, .wide .form-field select, .wide .form-field textarea, .wide .form-field .buttons, .wide .form-field .error, .wide .form-field .checkbox, .wide .form-field .radio
{
	margin-left: 0;
}

.form-field .radio input, .form-field .checkbox input
{
	margin-left: 0;	
	display: inline;
}

form table th, form table td
{
	padding: 0.5em 1em 0.5em 0;
}

/* Fortune Cookie - Removed because form element has moved in episerver */
/*form span.error
{
	display: block;	
}*/

label em.required
{
	font-style: normal;
	font-weight: bold;
}

label em.required span
{
	position: absolute;
	top: -9999px;
	left: -9999px;	
}


/* Boxes */


.box, #tab1
{
	padding: 0 10px;
	margin: 0 0 10px 0;
	font-size: 0.923077em;
	line-height: 1.4;
	border: 1px solid #ccc;
}

.dashedbox
{
	border: 1px dashed #ccc;	
}

.box .inner1
{
	padding: 0 10px;	
}

.frameonly .inner2
{
	padding: 10px;	
}

.frameonly img, .frameonly object
{
	float: left;	
	margin: 0;
}

.box h2, #tab1 h2
{
	font-family: Georgia, 'Times New Roman', Times, serif;	
	font-size: 1.333333em;  
	font-weight: normal;
	padding: 4px 0;
	margin: 0;
}

.youth .box h2
{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', arial, helvetica, sans-serif;
}

h2.altheader
{
	color: #a90000;	
}

.highlightbox1, .highlightbox2, .highlightbox3, .highlightbox4
{
	color: #fff;
	padding: 7px 10px 0;
	margin: 0.5em 0 1.5em 0;
	border: 1px solid #ccc;
}

.highlightbox1 .inner1, .highlightbox2 .inner1, .highlightbox3 .inner1, .highlightbox4 .inner1
{
	padding: 7px 10px 0;
}

.box:after, .highlightbox1:after, .highlightbox2:after, .highlightbox3:after, .highlightbox4:after, .box .inner2:after
{ 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

.box, .highlightbox1, .highlightbox2, .highlightbox3, .highlightbox4, .box .inner2
{ 
	display: block; 
}

#navigation, #nav-sidebar, #tools, .pagelinks, #tabslist, .news-nav
{
	display: none;	
}

#logo
{
	float: left;
	width: 109px;
	height: 120px;	
}

#slogan
{
	font-style: italic;
	color: #000;
	font-size: 2.153846em;
	font-family: Georgia, 'Times New Roman', Times, serif;	
	padding: 45px 0 0 0;
	margin: 0 0 0 148px;
	height: 110px;
	background: transparent url(../../../images/minisite/interface/headermasks/header_mask_generic.png) no-repeat scroll 0 0;
}

#slogan a:link, #slogan a:visited, #slogan a:focus, #slogan a:hover, #slogan a:active
{
	color: #000;
	text-decoration: none;
}

.col1
{
	width: 21%;
	float: left;	
}

.col2
{
	width: 76%;
	float: right;	
}

#footer
{
	clear: both;
	padding: 5px 0 0 0;
	height: 150px;
	margin: 60px 0 0;
	text-align: left;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', arial, helvetica, sans-serif;
	border-top: 1px solid #ccc;
}

#footer h2
{
	font-style: italic;
	font-size: 1.384615em;
	font-family: Georgia, 'Times New Roman', Times, serif;	
	font-weight: normal;
	padding: 0 0 16px 0;
	margin: 0;
	color: #000;
}

#footer ul
{
	border-top: 1px dotted #ccc;
	padding: 3px 0 0;
	margin: 0;
	list-style-type: none;
	float: left;
	width: 100%;
}

#footer li
{
	float: left;
	padding: 0 20px 0 0;
	font-size: 0.923077em;	
	background-image: none;
}

#footer a:link, #footer a:visited, #footer a:focus, #footer a:hover, #footer a:active
{
	color: #000;
	text-decoration: none;
}

.hidden
{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.clear
{
	height: 1px;
	font-size: 0.1em;
	clear: both;	
}

.listing-index 
{
	float: left;
	width: 100%;	
}

.listing-index a
{
	padding: 0 4px;
	float: left;
	display: block;
}

.listing-col
{
	width: 30%;
	float: left;	
	padding: 0 2% 0 0;
}

.newsletter-index
{
	clear: both;	
}

.newsletter-sidebar
{
	width: 220px;
	float: right;	
}

.newsletter-index ul.index
{
	margin-right: 240px;
}

ul.index
{
	list-style-type: none;
	padding-left: 0;	
}

ul.index li
{
	float: left;
	width: 100%;
	clear: left;
	background-image: none;
	padding: 3px 0 0;	
	border-top: 1px dotted #ccc;
}

ul.index li.first, ul.index li:first-child
{
	border-top: none;
}

#featureimage
{
	margin: 5px 0 1em 0;
}


.news-rotator .news-story img
{
	float: left;	
}

.news-rotator .news-story p, .news-rotator .news-story h3, .news-rotator .news-story div.date
{
	margin-left: 230px;	
}