body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #214369;
	background-image: url(images/bg2.jpg);
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position: top center;
    height: 100%;
}
html { height: 100% }
.thrColFixHdr #header {
    width: 100%;
    background-image: url(images/headerbg.gif);
    background-position: center top;
    background-repeat: no-repeat;
    height: 145px;
    text-align: center;
}
.thrColFixHdr #container 
{
	width: 644px;
	background-image: url(images/contentbg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	top: 167px;
	padding: 0;
} 

.thrColFixHdr #breadcrumb {
    float: left;
    padding-left: 20px;
}
.thrColFixHdr #otherfunc {
    float: right;
    padding-right: 20px;
}
.thrColFixHdr #header #nav {
    width: 644px;
    padding: 3px;
    margin: 0 auto 0 auto;
    padding-top: 25px;
    padding-left: 10px;
    text-align: left;
    
}
.thrColFixHdr #LeftPane {
	float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}
.thrColFixHdr #RightPane {
	float: right; /* since this element is floated, a width must be given */
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}
#dnn_ContentPane {
    font-family: "Century Schoolbook", Georgia, "Times New Roman", serif;
    clear: both;
    padding-top: 0px;
} 
.thrColFixHdr #footer { 
	text-align: left;
	height: 69px;
} 
.thrColFixHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
SkinObject
{
    font-weight: bold;
    font-size: 8.5pt;
    color: #444444;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
A.SkinObject:link
{
      text-decoration: none;
      color: #0067c5;
}
A.SkinObject:visited
{
      text-decoration: none;
      color: #0067c5;
}
A.SkinObject:hover
{
      text-decoration: underline;
      color: #0067c5;
}
A.SkinObject:active
{
      text-decoration: none;
      color: #0067c5;
}
.Main_DNNMenu_ContainerSub
{
    background-color:#0067c5;
/*    border-right: solid 1px #444444;
    border-bottom: solid 1px #444444;
    border-top: solid 1px white;
    border-left: solid 1px white; */
    text-transform: uppercase;
    font-weight: bold;
    font-size: 80%;
    color: #fff;
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    padding: 3px;
    opacity: .8;               /* Standard style for transparency */
    -moz-opacity: .8;          /* Transparency for older Mozillas */
    filter: alpha(opacity=80);  /* Transparency for IE */
}
.Main_DNNMenu_NodeRoot
{
  text-align: left;
  cursor: pointer;
  cursor: hand;
  color: #0067c5;
  font-size: 80%;
  font-family: Times New Roman, serif;
  text-transform: uppercase;
  background-color: Transparent;
  white-space: nowrap;
  padding: 0px 8px 0px 5px;
}
.Main_DNNMenu_Node td 
{
   cursor: pointer;
   cursor: hand;
   color: #fff;
   font-size: 80%;
   font-weight: bold;
   text-transform: uppercase;
   font-family: Times New Roman, serif;
   background-color: Transparent;
   white-space: nowrap;
   padding: 1px 3px 3px 1px;
}
.Main_DNNMenu_NodeHover
{
    opacity: .5;               /* Standard style for transparency */
    -moz-opacity: .5;          /* Transparency for older Mozillas */
    filter: alpha(opacity=50);  /* Transparency for IE */
    background-color: #53caeb;

}
.Main_DNNMenu_NodeHover td
{
    opacity: .8;               /* Standard style for transparency */
    -moz-opacity: .8;          /* Transparency for older Mozillas */
    filter: alpha(opacity=80);  /* Transparency for IE */
    background-color: #53caeb;
}
/* Content Styles */

.WAAcontentSpace {
	display: inline-block;
	position: relative;
	padding: 0;
	text-align:left;
	font-size: 80%;
}

.GalleryName, .WAAcontentSpace h1, .WAAcontentSpace h2, .WAAcontentSpace h3, .WAAcontentSpace h4 {
	font-family: "Century Schoolbook", Georgia, "Times New Roman", serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: -.05em;
	padding-top: 0px;
	padding-bottom: 2px;
	margin-top: 2px;
	margin-bottom: 2px;	
	color: #666666;
	line-height: 90%;
}

.WAAcontentSpace p {
	color: #000000;
}

.WAAcontentSpace p {
	font-family: "Century Schoolbook", Georgia, "Times New Roman", serif;
	padding-top: 0px;
	padding-bottom: 2px;
	margin-top: 4px;
	margin-bottom: 15px;
	font-size: 110%;

}

.ContentTitlePhotoBlock {
    display: inline-block;
	position: relative;
	float: left;
	background: url(images/canmore.jpg) top left no-repeat;
	color:#FFF;
	margin-bottom: 10px;
	width: 644px;
	height: 100px;
}

.Risdon {
    background: url(images/risdon_golf_header.jpg) top left no-repeat;
}

.Harden {
    background: url(images/harden_chuckwagon_header.jpg) top left no-repeat;
}
.Hockey {
    background: url(images/hockey_header.jpg) top left no-repeat;
}
.BehindThePhoto {
    background: url(images/btp_header.jpg) top left no-repeat;
}
.Give {
    background: url(images/give_header.jpg) top left no-repeat;
}

.ContentTitlePhotoBlock h1, .ContentTitlePhotoBlock h2, .ContentTitlePhotoBlock h3, .ContentTitlePhotoBlock p {
	color:#FFF;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 90%;
}

.ContentTitlePhotoBlock h1 {
	margin-top: 20px;
	font-size: 230%;
}

.ContentTitlePhotoBlock h2 {
	margin-top: 0px;
	font-size: 150%;
}

.ContentTitlePhotoBlock p {
	color:#FFECD4;
	margin-bottom: 10px;
}

.WAAcontentColumn {
	display: inline-block;
	position:relative;
}


.WAAcontentColumn1of2 {
	width: 350px;
	margin-right: 20px;
	margin-left: 20px;
	float: left;
}
.WAAcontentColumn1of1 {
	width: 584px;
	margin-right: 20px;
	margin-left: 20px;
}

.WAAcontentColumn2of2 {
	width: 220px;
}

/*
This semi-elevant solution doesn't work in IE.

div.WAAcontentColumn > div + p:first-letter {
	font-size: 300%;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 1;
	float: left;
	color: #9F2D20;
}
*/

.WAAbruteForceDropCap {
	font-size: 300%;
	float: left;
	color: #9F2D20;
	padding: 0;
	margin: 0;
	line-height: 1;
	margin-top: -0.25em;
}



.WAAcontentPanel {
	display: inline-block;
	position:relative;
}

.WAAdepartureButton {
	display: inline-block;
	position:relative;
	float:left;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	height: 140px;
}

.WAAdepartureButtonNarrow {
	width: 187px;
	background-image: url(../images/bg_waa_panel_default_narrow.jpg);
	height: 140px;
	
}

.WAAdepartureButtonWide {
	width: 600px;
	background-image: url(../images/bg_waa_panel_default_wide.jpg);
	height: 140px;
}

.WAAdepartureButtonTopHalf {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 120px;
	padding: 15px;
}

.WAAdepartureButtonBottomHalf {
	background-color:#8c4a2c;
	background-image: url(../images/bg_waa_panel_wood_narrow.jpg);
	position: absolute;
	bottom: 10px;
	height: 40px;
	width: 100%;
	z-index: 1;
	text-align:center;
	font-size: 70%;
}

.WAAdepartureButtonBottomHalfWide {
	background-image: url(../images/bg_waa_panel_wood_wide.jpg);
}

.WAAdepartureButton h1, .WAAdepartureButton h2, .WAAdepartureButton h3, .WAAdepartureButton h4, .WAAdepartureButton p{
	padding: 0px;
	margin: 0px;
}

.WAAdepartureButtonBottomHalf h1, .WAAdepartureButtonBottomHalf h2, .WAAdepartureButtonBottomHalf h3, .WAAdepartureButtonBottomHalf h4, .WAAdepartureButtonBottomHalf p, .WAAdepartureButtonBottomHalf a{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin: 0px;
	color: #FFF;
	line-height: 100%;

}

.WAAcontentFooter {
	display: inline-block;
	position:relative;
	width: 604px;
	margin: 0 20px 0 20px;
}
.WAAdepartureButtonFrameNarrow {
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 100%;
}

.WAAdepartureButtonFrameWide {
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

.WAAspotPhotoNormal{
	display: inline-block;
	position:relative;
	float:right;
	height: 220px;
	width: 220px;
}

.WAAspotPhotoTall{
	display: inline-block;
	position:relative;
	float:right;
	height: 290px;
	width: 220px;
}

.WAAspotPhotoWide{
	display: inline-block;
	position:relative;
	float:right;
	height: 220px;
	width: 340px;
}

.WAAspotPhotoFrame {
	display: inline;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

.WAAspotPhoto {
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.GalleryName {
    padding-left: 20px;
}
.CommandButton {
    padding-left: 20px;
}
img { behavior: url(/iepngfix.htc) }
#pageflip {
	position: relative;
	right: 0; top: 0;
	float: right; 
}
#pageflip img {
	width: 97px; height: 99px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
	border: 0;
}
#pageflip .msg_block {
	width: 97px; height: 97px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(/Portals/0/StoryBehindThePhoto.png) no-repeat right top;
}
.GalleryDescription 
{
    font-size: 80%;
    padding-left: 20px;
    padding-right: 20px;
    
}
.GalleryName {
	font-style: normal;
	font-weight: normal;
	letter-spacing: -.05em;
	padding-top: 0px;
	padding-bottom: 2px;
	margin-top: 2px;
	margin-bottom: 2px;	
	color: #666666;
	line-height: 110%;
	font-size: 110%;
}


#twitter-container {
	 position: relative;
	 width: 644px;
	 margin: 0 auto;
}
#twitter {
	 position: absolute;
	 right: -140px;
	 top: 145px;
	 width: 127px;
	 height: 101px;
	 background:
	url(http://www.wearealberta.ca/portals/0/twitter-rope-bg.gif)
	0 -10px no-repeat;
}
#follow-us-link {
	 display: block;
	 width: 128px;
	 height: 41px;
	 margin: 45px 0 0;
	 text-indent: -9999px;
	 background:
	url(http://www.wearealberta.ca/portals/0/twitter.png);
}