@charset "UTF-8";
/* --------------- 

Canadian Fossil Discovery Centre Default CSS Document 

Created by William Knelsen
www.pixelsonline.ca

*/


/* Universal and Page Layout Styles */

* {
	margin:0;
	padding:0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background:url(http://www.discoverfossils.com/images/bodybgd.jpg) top left;
	color:#fff;
	text-align:left;
	margin:0;
	min-width:1004px;
}

body#index {
	background:none #28301F;
}

body#index #indexwrapper {
	background:url(http://www.discoverfossils.com/images/homeimage.jpg) #28301F center no-repeat;
	height:700px;
	width:1000px;
	text-align:center;
	margin:0 auto;
}

body#index #indexnav .inner {
	padding-top:460px;
}

body#index #indexnav ul {
	list-style:none;
	margin-left: 60px;
}

body#index #indexnav ul li {
	display:inline;
}

body#index #indexnav ul li a {
	height: 50px;
	display: block;
	float: left;
	margin-right: 30px;
}

body#index #indexnav ul li a span {
	display: none;
}

body#index #indexnav ul li a#generalinfo {
	background:url(http://www.discoverfossils.com/images/generalinfo_link-index.png) no-repeat center;
	width: 188px;
}

body#index #indexnav ul li a:hover {
	border-bottom: 2px solid #28301F;
}

body#index #indexnav ul li a#education {
	background:url(http://www.discoverfossils.com/images/survey_link-index.png) no-repeat center;
	width: 139px;
}

body#index #indexnav ul li a#research {
	background:url(http://www.discoverfossils.com/images/research_link-index.png) no-repeat center;
	width: 155px;
}

#top {
	margin:0;
	background:url(http://www.discoverfossils.com/images/topbgd.png) repeat-x bottom;
	height:200px;
	min-width:1004px;
	padding-left:10px;
}


/* Header Section */

#header {
	width:1004px;
	height:185px;
	margin:0;
	text-align:center;
}

#header img {
	border: none;
	margin-top: 5px;
}

body#cfdcgeneralinfo #header {
	background: url(http://www.discoverfossils.com/images/banners/generalInfo.png) no-repeat center bottom;
}

body#cfdcresearch #header,
body#cfdcdatabase #header
 {
	background: url(http://www.discoverfossils.com/images/banners/research.png) no-repeat center bottom;
}

body#cfdceducation #header {
	background: url(http://www.discoverfossils.com/images/banners/education.png) no-repeat center bottom;
}

body#cfdcprograms #header {
	background: url(http://www.discoverfossils.com/images/banners/programs.png) no-repeat center bottom;
}

body#cfdcgetinvolved #header {
	background: url(http://www.discoverfossils.com/images/banners/getinvolved.png) no-repeat center bottom;
}

ul#mainnav {
	list-style:none;
}

ul#mainnav li {
	display:inline;
}

ul#mainnav li a {
	display:block;
	float:left;
	height:48px;
	width:230px;
}

ul#mainnav li a span {
	display:none;
}

ul#mainnav li a#generalinfo, body#index ul li a#generalinfo {
	background:url(http://www.discoverfossils.com/images/mainnav/generalinfo.png) no-repeat center;
	margin-left:170px;
}

ul#mainnav li a#education, body#index ul li a#education {
	background:url(http://www.discoverfossils.com/images/mainnav/survey.png) no-repeat center;
}

ul#mainnav li a#research, body#index ul li a#research {
	background:url(http://www.discoverfossils.com/images/mainnav/research.png) no-repeat center;
}

ul#mainnav li a#generalinfo:hover {
	background:url(http://www.discoverfossils.com/images/mainnav/generalinfo-hover.png) no-repeat center;
}

ul#mainnav li a#education:hover {
	background:url(http://www.discoverfossils.com/images/mainnav/survey-hover.png) no-repeat center;
}

ul#mainnav li a#research:hover {
	background:url(http://www.discoverfossils.com/images/mainnav/research-hover.png) no-repeat center;
}

#banner {
	position: relative;
	clear:left;
	width:1004px;
	margin:0 auto;
	height:120px;
}

#banner .cfdclogo {
	float:left; 
	position: absolute;
	left: 0; top: 78px;
	text-align:left; 
}

h1 a {
	display:block;
	height:111px;
	width:118px;
	background:url(http://www.discoverfossils.com/images/cfdclogo.png) no-repeat center;
	margin-top:-10px;
}

h1 span {
	display:none;
}

#banner .kidszone {
	text-align:right;
	height:120px;
	float:right;
}

#banner .kidszone a {
	margin-top:20px; 
	margin-right:15px;
	display:block;
	height:102px;
	width:91px;
	background:url(http://www.discoverfossils.com/images/kidszonelogo.png) no-repeat center;
}

#banner .kidszone a span {
	display:none;
}

/* Content Section */

#content {
	width:1004px;
	margin:0 0 0 10px;
}

#content img {
	border:none;
}

#content img.border {
	padding:2px;
	border:1px solid #000;
}

#content img.leftimg {
	float:left;
	margin-right:10px;
}

#content img.leftimgborder {
	float:left;
	margin-right:10px;
	padding:2px;
	border:1px solid #000;
}

/* Content Section - Column 1 of 3: Left */

#content-leftcol {
	width:125px;
	float:left;
	text-align:right;
}

#content-leftcol h2 {
	font-size:1.7em;
	color:#fff;
	margin-top:.3em;
	margin-bottom:.5em;
	text-transform: uppercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#content-leftcol ul {
	list-style:none;
}

#content-leftcol a, #content-leftcol p {
	text-decoration:none;
	color:#fff;
	display:block;
	padding:7px 0;
	font-size:1.2em;
}

#content-leftcol p {
	margin-top:20px;
}

/* Content Section - Column 2 of 3: Right */

#content-rightcol {
	width:125px;
	float:right;
	text-align:left;
}

#content-rightcol h2 {
	font-size:1.7em;
	color:#fff;
	font-weight:normal;
	margin-top:.3em;
	margin-bottom:.5em;
	text-transform: uppercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#content-rightcol ul {
	list-style:none;
}

#content-rightcol a {
	text-decoration:none;
	color:#fff;
	display:block;
	padding:7px 0;
	font-size:1.2em;
}

#content-rightcol a:hover, #content-leftcol a:hover {
	color: #C3A46D;
}



/* Content Section - Column 3 of 3: Center */

#content-centercol {
	margin:0 170px 0 170px;
	text-align:left;
}

#content-centercol-right {
	width:175px;
	float:right;
	padding-left:10px;
	text-align:center;
	margin-right:30px;
	font-size:.8em;
}


#content-centercol-right img {
	margin-bottom:15px;
	border:none;
}

#content-centercol-right ul#fossils-subnav {
	text-align:right;
	list-style:none;
}

#content-centercol-right ul#fossils-subnav a {
	display:block;
	height:28px;
	line-height:28px;
	width:180px;
}

#content-centercol-right-wider {
	width:320px;
	float:right;
	padding-left:10px;
	text-align:left;
	margin-top:0;
}

#content-centercol p.center {
	text-align:center;
}

#content-centercol p.newsdate {
	float:right;
	text-align:right;
}

#content-centercol p.readmore {
	text-align:right;
	font-style: italic;
}

#content-centercol img.rightimg {
	float:right;
	margin-left:10px;
}

#content-centercol img.rightimgborder {
	float:right;
	margin-left:10px;
	padding:2px;
	border:1px solid #000;
}

#content-centercol .galleryimg {
	width:310px;
	text-align:center;
	float:left;
	margin:0 10px 10px 0;
	height:350px;
}

#content-centercol .galleryimghorz {
	width:600px;
	text-align:left;
	margin:10px 0;
	height:160px;
}


#content-centercol .galleryimghorz img {
	float:left;
	margin-right:10px;
	padding:2px;
	border:1px solid #000;
}

#content-centercol h2 {
	font-size:2.2em;
	color:#000;
	line-height:1.35;
	margin-top:.6em;
	margin-bottom:1em;
	border-bottom:1px solid #000;
	text-transform: uppercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#content-centercol h2 a {
	text-decoration:none;
}

#content-centercol h2 a:hover {
	text-decoration:underline;
}

#content-centercol h3 {
	font-size:2.0em;
	color: #343F29;
	font-weight:normal;
	line-height:1.3;
	margin-bottom:5px;
	text-transform:uppercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#content-centercol h4 {
	font-size:1.6em;
	color:#000;
	line-height:1.3;
	margin-top:1em;
	margin-bottom:5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#content-centercol h5 {
	font-size:1.5em;
	color:#000;
	margin-top:1.5em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#content-centercol h6 {
	margin-bottom:.5em;
	margin-top:1.5em;
	font-size:2em;
	color:#324027;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#content-centercol .subheadertext {
	font-size:1.7em;
	font-style:italic;
	margin-bottom:1.5em;
}

#content-centercol p, #content-centercol ul, #content-centercol dl, #content-centercol ol {
	font-size:1.5em;
	color:#000;
	line-height:1.5;
	margin-bottom:.8em;
	font-family:Arial, Helvetica, sans-serif;
}

#content-centercol ul ul {
	font-size:inherit;
}

#content-centercol dl dt {
	font-weight:bold;
}

#content-centercol dl dd {
	margin:0 0 10px 20px;
}

#content-centercol a {
	text-decoration:underline;
	color:#000;
	font-weight: bold;
}

#content-centercol a:hover {
	text-decoration:none;
}

#content-centercol ul, #content-centercol ol {
	margin-left:30px;
}

#content-centercol ul li {
	margin-bottom:15px;
}

#content-centercol ul ul {
	font-size:1em;
}

#content-centercol ul ul li {
	line-height:1.2;
	margin-bottom:7px;
}

#content-centercol .featuredfossil {
	height:120px;
	margin:15px 0;
}

#content-centercol .featuredfossil img {
	float:left;
	margin-right:10px;
	border:1px solid #000;
	padding:2px;
}

#content-centercol .staroftheweekBox {
	height: 230px;
}

#content-centercol .homepageBox {
	height: 120px;
	margin-right:20px;
}

#content-centercol .homepageBoxLong {
	height: 520px;
	margin-right:40px;
}


#content-centercol #left {
	width:400px;
	padding-right:15px;
	float:left;
}

#content-centercol #right {
	margin-left:430px;
}

.newsitem {
	margin-bottom:40px;
}

ul.gallery {
	list-style:none;
}

.gallerybox {
	margin:7px;
	float:left;
	height:165px;
}

.gallerybox-caption {
	width:580px;
	float:none;
	height:165px;
	margin-bottom:15px;
}

.gallerybox-caption img {
	float:left;
}

.gallerybox-caption p {
	margin-left:210px;
}

table {
	border:none;
	font-size:1.3em;
	color:#000;
	margin-bottom:20px;
}

table td {
	padding:5px;
}

table img {
	float:right;
	margin-left:10px;
}

/* Utility Classes
==========================================================*/

.center {
	text-align:center;
}

.center img {
	margin:15px;
}

.alignRight { float: right; }

.alignLeft { float: left; }

.marginLeft { margin-left: 40px; }
.marginLeftSmall { margin-left: 10px; }
.marginBottom { margin-left: 30px; }

.clearRight { clear: right; }
.clearLeft { clear: left; }

.article { margin-bottom: 55px; }

#pressKitLink { position: relative; top: 14px; }

hr {
	color:#343F29;
}

/* FORMS */

#contactForm, #donationsForm {
	width:500px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:20px;
}

#contactForm div, #donationsForm div {
	padding-top:5px;
	padding-bottom:5px;
}

.label {
	float:left;
	border:none !important;
	margin: 0 !important;
	width:200px;
	color:#000;
	font-size:1.2em;
	line-height: 1;
}

.checkbox {
	height:50px;
}

.fText, .fTextArea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px;
	background-color:#fff;
	border:1px solid #a5acb2;
	width:230px;
}

.fTextArea {
	height:60px;
}

.fText:focus {
	background:#F4DFAA;
}


/* gift shop */

.giftshopitem {
	width:240px;
	height:290px;
	text-align:center;
	float:left;
}

.giftshopitem img {
	border:1px solid #000 !important;
	padding:2px;
}

.pxpages {
	margin:20px 0;
	height:40px;
}

.pxpages ul {
  list-style:none;
}

.pxpages ul li {
	display:inline;
}

.pxpages ul li a {
	display:block;
	float:left;
	width:40px;
	font-weight:bold;
	height:28px;
	line-height:28px;
	border:1px solid #634D31;
	text-decoration:none !important;
	margin-right:5px;
	text-align:center;
}

.pxpages ul li a:hover, .pxpages ul li a.current {
	background:#534129;
	color:#fff !important;
}

/* Events */

.event {
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
}

.ldate {
	font-style:italic;
	text-align:right;
	float:right;
}

/* added by Mandy */

#condensedheight ul li {
	line-height:1em;
}

#content-centercol condensedheight.condensedsmall {
	font-size:.7em;
}

#content-centercol p.small {
	font-size:1.2em;
	line-height:1.2em;
} 

#clearall {
	clear: both;
	height:1px;
}

.shinystat img {
	display:none;
}

#captcha div {
	padding-bottom: 0;
	padding-top: 0;
}

/* Vacation Packages - Derek */

#vacationPackagesWrapper {
			float: left;
			width: 664px;
		}
		.vacationPackagesItem, .scratchedBorder {
				background: url(../images/scratched_heading.png) no-repeat top left;
				overflow: hidden;
		}
		#content-centercol .vacationPackagesItem h3, .scratchedBorder{
				color: white !important;
				font-weight: bold;
				padding: 15px 11px;
		}
				.vacationPackagesItem h3 span{
						font-size: .8em;
				}
		
		.col_onethird, .col_twothirds{ float: left; }
		.col_onethird{ width: 190px; padding-right: 30px; }
		.col_twothirds{ width: 444px;}
		
		#content-centercol ul.vacationPackagesToolbar{
				display: block;
				clear: both;
				background: url(../images/toolbar-highlight.png) no-repeat top left;
				overflow: auto;
				list-style-type: none;
				width: 664px;
				margin: 0;
				padding: 0;
				padding: 9px 11px
		}
				#content-centercol ul.vacationPackagesToolbar a { color: #e7e7d3; }
		ul.vacationPackagesToolbar li{
				float: left;
				margin: 0;
				padding: 0;
				margin-right: 3em;
		}
		
		.read-more a, .re-collapse a{ font-size: 1.5em; display: block; margin-top: 1em;}
		
		/* .expand, .expand p { display: inline; } */
		
		#content-centercol p.conditions { font-size: 1.4em; clear: both; padding-top: 20px;}
		
/* Home Page Vacation Package box */

#weeklyVacationPackage, h3.weeklyVacationPackage { width: 448px; background: url('../images/package_of_the_week.png') no-repeat; }

#weeklyVacationPackage { 
	background: url('../images/package_of_the_week.png') no-repeat center -42px;
	height: 100px; 
	overflow: hidden; 
	padding: 10px; 
	width: 428px; }
h3.weeklyVacationPackage { 
	font-size: 1px; 
	text-indent: -999px;
	height: 42px;
	margin: 0 !important;
}
#weeklyVacationPackage h4 { font-size: 1.7em !important; line-height: 1em !important; }
#weeklyVacationPackage img { }
#weeklyVacationPackage span { display: block; float: right; }

.vacationPackageMask { width: 100px; height: 80px; overflow: hidden; float: left; margin-right: 7px;  }