/* BODY*/
/* SETS THE BACKGROUND COLOR, ORIGINAL FONT FAMILY (ONLY IMPACTS NAVIGATION AT THIS POINT) AND INITIAL FONT SIZE */
body {
	background-color: #14313f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
	/* ALIGNS THE FOOTER IN THE CENTER BELOW THE CONTENT AREA*/
	padding: 0;
	margin: 0;

}

/* HTML HACK IE6: SETS THE INITIAL FONT SIZE FOR IE6*/
html>body {
	font-size: 11px;
}

body img {
	margin: 0 auto;
}

/* CONTAINER OUTER */
/* SETS THE WIDTH OF THE WEBSITE AREA, WITH NO BRORDER, AND ALIGNS THE TEXT TO THE LEFT */
#container-outer {
	width: 1000px;
	border: none;
	text-align: left;
	margin: 0 auto;
	background-color: #FFFFFF;
}

/* SHADOW */
/* SETS THE WIDTH OF THE WEBSITE CONTENT AREA, WITH A SHADOW REPEATING BASED ON THE AMOUNT OF CONTENT
IN THE CONTAINER */
#shadow {
	margin: 0 auto;
	background: url(http://digiport.athabascau.ca/parkland/images/shadow-bg.jpg) repeat-y center center;
}


/* GLOBAL NAVIGATION */
/* CREATES THE STYLES FOR THE HEADER (GLOBAL) NAVIGATION UNDER THE BANNER */
#globalnav {
	float: left;
	padding: 0;
	width: 1000px;
	margin-bottom: 12px;
	font-size: 11px;
	background-color: #594947;
	text-transform: uppercase;
}

/* IE6 HACK: SETS THE STYLES TO DISPLAY PROPERLY IN IE6 */
* html #globalnav {
	float: left;
	padding: 0;
	width: 1000px;
	margin-bottom: 0px;
	font-size: 11px;
	background-color: #594947;
	text-transform: uppercase;
}

/* SETS THE PADDING AND MARGINS AROUND THE UL AND REMOVES ANY BULLETS */
#globalnav ul {
	margin: 0;
	padding: 2px 5px 5px 0px;
	list-style: none;
	float: left;
}

/* SETS THE PADDING AND MARGINS AROUND EACH LI WITHIN THE UL TO GIVE THE RIGHT SPACING ON THE TOP, 
BOTTOM, LEFT AND RIGHT OF THE TEXT AND LINE SPACERS */
#globalnav ul li {
	float: left;
	padding: 5px 5px 0px 5px;
	border: none;
}

/* SETS THE INITIAL COLORS AND TEXT DECORATION FOR THE GLOBAL NAVIGATION UNACTIVE LINKS */
#globalnav a:link,
#globalnav a:visited,
#globalnav a:active {
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
}

/* SETS THE HOVER COLOR AND TEXT DECORATION ON THE GLOBAL NAVIGATION LINKS */
#globalnav a:hover {
	color: #F7F0A2;
	text-decoration: none;
}

/* SETS THE ACTIVE LINK COLOR */
#globalnav li a.globalnav-active:link,
#globalnav li a.globalnav-active:active,
#globalnav li a.globalnav-active:visited,
#globalnav li a.globalnav-active:hover {
	color: #F7F0A2;
}

/* SETS THE SPACING ON THE SEARCH FIELD BOX */
form.form {
	display: inline;
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
	text-align: right;
	font-size: 11px;
}

/* SETS THE FONT AND WIDTH OF THE SEARCH FIELD BOX */
.field {
	border: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 100px;
	height: 12px;
}

/* IE6 HACK: TO LINE UP THE SEARCH FIELD BOX PROPERLY IN IE 6 (TO GET IT TO DISPLAY THE SAME AS IN IE7 AND FIREFOX */
* html .field {
	border: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 100px;
	height: 14px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* SETS THE DISPLAY OF THE SEARCH ICON */
.search-icon {
	border: none;
	padding-bottom: 0;
}

.search {
	margin-left: 370px;
}

* html .search {
	margin-left: 0;
}

*+html .search {
	margin-left: 0;
}

/* HEADINGS */
/* SETS THE HEADINGS COLOR, FONT, SIZE, AND MARGIN BOTTOM FOR THE 4 HEADINGS. PLEASE BE ADVISED,
THERE IS NO H5, AS THIS IS ONLY USED FOR THE COLLECTION HEADINGS */
h1,
h2,
h3,
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #14313f;
	padding-left: 4px;
	margin: 0;
}

h1 {
	color: #14313f;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 10px;
}

h2 {
	color: #478732;
	font-size: 1.2em;
	padding-bottom: 10px;
	font-weight: bold;
}

h3 {
	color: #7F2013;
	font-size: 1.1em;
	margin-bottom: 10px;
}

h4 {
	color: #7F7613;
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 10px;
}

/* CONTENT */
/* SETS THE STYLES FOR THE CONTENT TEXT IN FIREFOX AND IE7 */
#content {
	margin: 0;
	padding: 15px 10px 10px 10px;
	line-height: 1.5em;
}

/* HTML HACK FOR IE6: TO FIX THE PADDING ON BOTH THE LEFT AND RIGHT SIDE OF THE CONTENT CONTAINER. 
THIS HELPS TO ENSURE THAT 4 COLLECTIONS FIT ONTO ONE LINE AND THAT THE PADDINGS AND DO NOT
OVERFLOW THE FOOTER AND CONTENT AREA.*/
* html #content {
	margin: 0;
	padding: 15px 5px 10px 5px;
	line-height: 1.5em;
}

/* SETS THE STYLES FOR THE CONTENT LINKS */
#content a:link,
#content a:visited,
#content a:active {
	color: #000b41;
	text-decoration: underline;
}

/* SETS THE STYLES FOR THE HOVER LINKS */
#content a:hover {
	color: #478732;
	text-decoration: underline;
}

/* SETS THE STYLES FOR THE CONTENT CONTAINTED WITHIN THE P TAGS INSIDE OF THE CONTENT AREA */
#content p {
	margin: 0 0 0 5px;
	padding: 0 0 15px 0;
	font-size: 11px;
	color: #000b41;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* CONTAINER */
/* SETS THE WIDTH OF THE AREA WHERE THE COLLECTIONS ARE HOUSED IN FIREFOX AND IE7 */
#container {
	padding: 0px 15px 10px 0px;
	padding: 0px 10px 10px 14px;
	line-height: 1.5em;
	max-width: 976px;
}

/* HTML HACK FOR IE6: TO FIX THE PADDING ON BOTH THE LEFT AND RIGHT SIDE OF THE CONTAINER
WHICH HOUSES THE COLLECTION DIVS. THIS HELPS TO ENSURE THAT 4 COLLECTIONS FIT ONTO ONE LINE 
AND THAT THE PADDINGS AND DO NOT OVERFLOW THE FOOTER AND CONTENT AREA.*/
* html #container {
	margin: 0;
	padding: 0px 5px 10px 5px;
	line-height: 1.5em;
}

* html .collection p {
	height: auto !important;
	height: 100px;
}

/* COLLECTIONS */
/* SETS THE STYLE FOR EACH COLLECTION HEADER, IMAGE AND CONTENT IN FIREFOX AND IE7.
EACH COLLECTION NEEDS TO BE PLACES IN ITS OWN DIV TAG, ONE AFTER EACHOTHER INSIDE
OF THE CONTAINER. */
.collection {
	float: left;
	width: 178px;
	border: none;
	margin: 0 3px;
	padding: 0 5px;
	background-color: #FFFFFF;
}

/* HTML HACK FOR IE6: SETS THE PADDING AND MARGIN WIDTHS BETWEEN EACH COLLECTION DIV IN IE6 */
* html .collection {
	float: left;
	width: 178px;
	border: none;
	margin: 0 3px;
	padding: 0 2px;
	height: auto !important;
	height: 235px;

}

*+html .collection {
	min-height: 210px;
}

/* SETS THE STYLES FOR HOW THE P's ARE DISPLAYED */
.collection p {
	color: #000000;
	font-size: 10px;
	width: 178px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0;
	margin-top: 2px;
	min-height: 70px;
}

/* SETS THE STYLES FOR HOW THE H5's ARE DISPLAYED*/
.collection h5 {
	font-size: 1.3em;
	color: #14313f;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* SETS A NO-BORDER AROUND THE IMAGES WHEN THE HAVE AN HREF TAG AROUND THEM */
.collection img {
	border: 1px solid #000000;
}

/* SETS THE STYLES FOR THE LINKS WITHIN THE COLLECTIONS. */
.collection a:link,
.collection a:visited,
.collection a:active {
	color: #000;
	text-decoration: none;
	font-size: 11px;
	border: none;
}

/* SETS THE HOVER STYLES ON THE LINKS WITHIN THE COLLECTIONS */
.collection a:hover {
	color: #478732;
	text-decoration: none;
	font-size: 11px;
	border: none;
}

/* HTML HACK IE6: SETS THE HOVER STYLE TO DISPLAY PROPERLY IN IE6 */
* html .collection a:hover {
	color: #478732;
	text-decoration: none;
	font-size: 11px;
	border: none;
}

/* FOOTER */
/* SETS THE DISPLAY OF THE FOOTER IMAGE */
#bottomshadow {
	display: block;
}

/* HR */
/* SETS THE STYLES FOR AN HR IF IT IS TO BE USED */
hr {
	height: 1px;
	color: #CCC;
}

/* HIDDEN */
.hidden {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
	left: 702px;
	top: 343px;
}

#stats {
	padding: 0;
	width: 200px;
	font-size: 11px;
	background-color: #CFC996;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 0px;
}

/* IE6 HACK: SETS THE STYLES TO DISPLAY PROPERLY IN IE6 */
* html #stats {
	padding: 0;
	width: 200px;
	margin-bottom: 0px;
	font-size: 11px;
	background-color: #CFC996;
	text-transform: uppercase;
	float: right;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 0px;
}

#shadow p#updated {
	font-size: 0.2em;
	margin-top: 20px;
	padding-left: 20px;
	padding-top: 10px;
	text-align: left;
	border-top: 1px solid #CCC;
}