/* Global Resetting */

html{	
	width: 100%;
	height: 100%;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	background-color: #fff;
}
body {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	/* reset font-sizes to 1em == 10px */
}
* {
	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family:Verdana,Helvetica,sans-serif;
	list-style:none;
	-moz-outline:none;
}
a img{
	border:0;
}
.clear{
	clear:both;
}

/* Layout CSS */
#Main {
	margin:40px auto 20px auto;
	width:975px;
	padding-left: 15px;
}
#Header {
	clear:left;
}
	#Header h1 {
		color:#fff;
		font-size:1.5em;
		line-height:4.5em;
		padding-left:20px;
	}
		#Menu1 {
			padding:		0 0 0 50px;
			float:			left;
			text-align:		right;
			width:			300px;
		}
			#Menu1 a {
				text-transform:		uppercase;
			}
				#Menu1 a.current,
				#Menu1 a.section {
					background:url(../images/menu-right-on.png) no-repeat right top;
				}
				#Menu1 a {
					display:block;
					color:#f00;
					font-weight:bolder;
					font-size:1.2em;
					text-decoration:none;
					padding:1px 15px 3px 2px;
					background:url(../images/menu-left.png) no-repeat left top;
					float:right;
					font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
				}
					#Menu1 .current,
					#Menu1 .section {
						background:url(../images/menu-left-on.png) no-repeat left top;
						color:#fff;
					}
#Menu1 img {
	display:		none;
}
#Menu1 img.current, #Menu1 img.section {
	float:			right;
	display:		block;
}

#ContentContainer {
	padding:0;
	overflow: auto;
}

#Banner {
	text-align: center;
}

#Menu2 {
	margin-left: 20px;
	width: 17em;
	float:left;
	background:#f0f0f0;
	border:1px solid #ddd;
	padding:10px 10px 10px 10px;
}
	#Menu2 li {
		padding-left:15px;
		background:url(../images/menu2_arrow.gif) no-repeat left center;
	}
	#Menu2 a {
		color:#333;
		font-weight:bold;
		font-size:1.1em;
		line-height:1.6em;
		text-decoration:none;
	}
	#Menu2 a:hover {
		text-decoration:underline;
	}
	#Menu2 li.current a,
	#Menu2 li.section a {
		color:#0083C8;
	}

#Content {
	float: left;
	margin: 0;
}

#Content p {
	font-size:		1.15em;
	color:			#444;
	line-height:		20px;
}

#Content h2 {
	color:			#f00;
	font-family:		"Times New Roman", Times, serif;
	font-size:		2.5em;
}

#pageHeading h2 {
	color:			#f00;
	font-family:		"Times New Roman", Times, serif;
	font-size:		2.7em;
	font-weight:		normal;
	padding:		0;
	margin:			0;
	float:			left;
}

#Content h3 {
	color: 			#ec971e;
	font-family:		"Times New Roman", Times, serif;
	font-size:		2.2em;
}

#Content p a.orangeLink {
	font-style:		normal;
	color:			#ec971e;
}

#Separator {
	height:			6px;
	background-color:	#666;
	width:			100%;
	margin:0;
	padding:0;
}

div.breadcrumbs {
	margin-bottom:10px;
	font-size:1em;
	color:#666;
}
div.breadcrumbs a {
	text-decoration:none;
}

#Footer {
	clear:			both;
	text-align:		left;
	width:			975px;
	margin:			0 auto;
	padding:		20px 0 0 15px;
}
	#Footer span {
		color:#ccc;
		font-size:1.1em;
		line-height:2em;
		font-weight:bold;
		padding-left:20px;
		background:url(../images/ss_logo.gif) no-repeat;
	}
	#Footer a {
		color:#fff;
	}
		#Footer a:hover {
			text-decoration:none;
		}

#Footer .Left, #Footer .Right {
	float:			left;
}

#Footer .Left {
	font-size:		0.9em;
	color:			#000;
	width:			557px;
}	

#Footer .Left h4 {
	font-size:		1.9em;
	color:			#f93;
	font-family:		"Times New Roman", Times, serif;
	font-weight:		normal;
	margin-bottom:		6px;
	line-height:		25px;
}

#Footer .Right {
	float:			left;
	background-image:	url(../images/footer-news-bg.png);
	height:			142px;
	width:			354px;
	margin-left:		37px;
	position:		relative;
	padding-right:		5px;
}

#Footer .Right h2, #Footer .Right h3, #Footer .Right p {
	margin-left:		15px;
}

#Footer .Right h3, #Footer .Right p {
	float:			left;
}

#Footer .Right h2 {
	color:			#f00;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:		1.6em;
	margin:			15px 0 10px 15px;
}

#Footer .Right h3 a {
	font-size:		1.4em;
	color:			#000;
	text-decoration:	none;
	float:			left;
}

#Footer .Right p {
	font-size:		1.1em;
	color:			#666;
	margin:			10px 0 0 15px;
}

#Footer .Right p.date {
	font-style:		italic;
	margin:			3px 0 0 5px;
	float:			left;
}

#Footer .Right .readMore {
	position:		absolute;
	bottom:			15px;
	right:			11px;
}

#headerImg {
	float:			left;
	margin-top:		10px;
}

#pageHeading {
	padding:		10px 0;
	margin:			10px 30px 20px 0;
	border-top:		#e4e4e4 1px solid;
	border-bottom:		#e4e4e4 1px solid;
	width:			940px;
}

#pageHeading p {
	margin-top:		10px;
	font-size:		1em;
	color:			#414141;
}

#pageHeadingRight {
	float:			right;
	width:			500px;
	text-align:		right;
	font-size:		1.75em;
	color:			#333;
	font-family:		Georgia, "Times New Roman", Times, serif;
	margin-top:		5px;
}

#pageHeadingRight em {
	color:			#999;
	font-family:		Georgia, "Times New Roman", Times, serif;
}

#donateNowHeadingButton {
	float:			right;
	margin-top:		13px;
}

/* Fundraising Page */

#fundraisingContentLeft {
	width:			360px;
	float:			left;
}

#fundraisingContentLeft p {
	font-size:		1.3em;
}

#fundraisingContentRight {
	width:			560px;
	float:			left;
	padding:		0 15px;
}

#fundraisingContentRight h3 {
	color: 			#ec971e;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:		1.8em;
	line-height:		28px;
}

#Auction {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#auctionItemsContainer {
	border-left:		1px dotted #d6d6d6;
	border-right:		1px dotted #d6d6d6;
	border-bottom:		1px dotted #d6d6d6;
	float:			left;
	padding:		10px;
}

.AuctionItem, .AuctionItem img, .AuctionItem div {
	float:			left;
}

.AuctionItem {
	width:			265px;
	margin:			5px 0;
}

.AuctionItem div {
	font-size:		1.2em;
	width:			132px;
}

.AuctionItem div em {
	display:		block;
}

.AuctionItem img {
	margin-right:		10px;
	border:			1px #e9e9e9 solid;
}

#thumbnailsBlurb {
	background-color:	#e7e7e7;
	border-bottom:		1px #9c9c9c solid;
	color:			#666;
	padding:		5px;
}

#fundraisingDonateContentLeft {
	width:			545px;
	float:			left;
}

#fundraisingDonateContentRight {
	width:			300px;
	float:			left;
	padding:		0 15px;
}

#donateFormContainer {
	padding:		0 0 0 20px;
	background-image:	url(../images/fundraising-donatecontainer-middle.png);
	float:			left;
	width:			337px;
	background-repeat:	repeat-y;
}

#donateForm label {
	width:			140px;
	display:		block;
	float:			left;
	margin-top:		2px;
	font-weight:		bold;
}

#donateForm input {
	float:			left;
	margin-bottom:		3px;
}

#submitDonationButton {
	margin-top:		12px;
}

/* Hook, Line & Sinker Page */

.currentFilm object {
	float:			right;
	margin-left:		10px;
}

/* Taking the Waewae Express Page */

#TakingtheWaewaeContentLeft {
	width:			445px;
	float:			left;
}

#TakingtheWaewaeContentLeft p {
	font-size:		1.15em;
}

#TakingtheWaewaeContentLeft strong {
	font-size:		1em;
}

#TakingtheWaewaeContentRight {
	width:			485px;
	float:			left;
	padding:		0 15px;
}

/* News / Blog Page */

#NewsContent {
	width:			405px;
	float:			left;
	padding-right:		40px;
}

#BlogContent {
	width:			465px;
	float:			left;
}

/* About Us Page */

#aboutContent {
	font-size:		1.2em;
}
#aboutContent p {
	font-size:		1.05em;
}

#aboutContentLeft img, #aboutContentRight img, #aboutContentLeft h3, #aboutContentRight h3, #aboutContentLeft em.dob, #aboutContentRight em.dob, #aboutContentLeft, #aboutContentRight {
	float:			left;
}

#aboutContentLeft em {
	font-size:		1em;
}

#aboutContentLeft, #aboutContentRight {
	width:			435px;
	font-size:		1em;
	padding-right:		20px;
	margin-top:		5px;
}

#aboutContentLeft {
	margin-right:		10px;
}

#aboutContentLeft img, #aboutContentRight img {
	margin-right:		20px;
}

#aboutContentLeft h3, #aboutContentRight h3 {
	width:			195px;
	margin:			95px 0 7px 0;
	color:			#f91112;
}

#aboutContentLeft em.dob, #aboutContentRight em.dob {
	width:			195px;
	font-size:		1.1em;
	display:		block;
	margin-bottom:		20px;
}

/* News / Blog page */

.blogSummary {
	padding-bottom:		15px;
	margin-bottom:		15px;
	border-bottom:		1px #999 dotted;
}

.blogSummary h2 a, .blogSummary h2, .blogEntry h3 {
	color:			#ec971e;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:		1.4em;
	text-decoration:	none;
	margin-bottom:		5px;
	font-weight:		normal;
}

.blogEntry h3 {
	color:			#ec971e;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:		1.8em;
	text-decoration:	none;
	margin-bottom:		5px;
	font-weight:		normal;
}

.blogSummary h2 a:hover {
	text-decoration:	underline;
}

.blogSummary p, .blogEntry p {
	font-size:		1.3em;
	color:			#666;
	margin:			5px 0;
}

.blogSummary p.authorDate, .blogEntry p.authorDate {
	color:			#666;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-style:		italic;
	margin-bottom:		12px;
	font-size:		1.2em;
}

#NewsContent {
	margin-right:		20px;
}

/* Contact Page */

#Content table tbody tr td {
	font-size:		1.2em;
}

/* Footer */

#footerCredits {
	text-align:		right;
	padding:		0;
	margin:			20px 30px 20px 0;
}

#footerCredits a {
	color:			#333;
	text-decoration:	none;
}

/* The rest of this file is for the second tutorial */
#NewsList,
#StaffList {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#NewsList li,
#StaffList li {
	margin: 0;
	list-style-type: none;
}
	#NewsList li.newsDateTitle span {
		color:#666;
		line-height:2em;
	}
	#NewsList li.newsDateTitle a {
		font-size:1.3em;
		font-weight:bold;
		color:#0083C8;
		text-decoration:none;
		padding-left:20px;
		background:url(../images/treeicons/news-file.gif) no-repeat left center;
	}
		#NewsList li.newsDateTitle a:hover {
			border-bottom:1px dotted #0083C8;
		}
		
	#NewsList li.newsSummary {
		margin-bottom:20px;
	}
		#NewsList li.newsSummary span {
			font-size:1.1em;
			line-height:1.5em;
			color:#333;
		}
		#NewsList li.newsSummary a.readMoreLink {
			color:#0083C8;
			text-decoration:none;
		}
			#NewsList li.newsSummary a.readMoreLink:hover {
				border-bottom:1px dotted #0083C8;
			}

div.newsDetails {
	margin-bottom:10px;
}

div.newsDetails p {
	color:#666;
	margin:0;
	font-size:1em;
}

div.pageComments {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#StaffList .staffname { 
	clear: both;
	padding-left: 60px;
	height: 1.2em;
}

#StaffList .staffphoto {
	float: left;
	margin-left: 3px;
	margin-top: -1.2em;
}     
#StaffList .staffphoto img {
	border:1px solid #AAA;
}

#StaffList .staffdescription {
	margin-left: 60px;
	margin-bottom:30px;
}

#StaffPhoto {
	float: left;
	margin-right: 10px;
}

#StaffPhoto img {
	border:1px solid #AAA;
}

#PageComments {
	list-style:none;
	background:#e9e9e9;
	border:1px solid #ccc;
	border-bottom:0;
	padding:0;
	margin:0;
}
	#PageComments li {
		list-style:none;
		padding:5px;
		margin:0;
		font-size:1em;
		border-bottom:1px dotted #bbb;
	}
		#PageComments li p span {
			font-style:italic;
		}
		#PageComments a.deletelink {
			font-weight:bold;
		}

			
#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:center;
	padding:5px;
	border:1px solid #ddd;
	background:#e9e9e9;
}
#PageNumbers * {
	padding:0 5px;
	line-height:1.5em;
}
#PageNumbers a {
	color:#0083C8;
	text-decoration:none;
}
#PageNumbers a:hover {
	text-decoration:underline;
}

#disqus_thread {
	margin-top:		10px;
}

#disqus_thread a {
	color:			#ec971e;
}

.dvdPurchasePayPal {
	border:			1px #e4e4e4 solid;
	padding:		10px;
	margin-bottom:		15px;
}

.dvdPurchasePayPal h3 {
	color:			#444 !important;
	font-size:		16px !important;
	font-weight:		bold !important;
	margin:			0 !important;
}

.dvdPurchasePayPal h4 {
	color:			#777 !important;
	font-size:		14px !important;
	font-family:		"Times New Roman",Times,serif !important;
	font-weight:		normal !important;
}

#DVDPurchaseRight {
	float:			right;
	width:			300px;
	margin-right:		32px;
}

#DVDPurchaseRight form {
	width:			auto !important;
}

#DVDPurchaseRight form select {
	font-size:		14px;
}