/* CSS by Travis King of Green Tea Design www.greenteadesign.ca */


/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }



																		/* CSS Document */
																		/******* Body ********/
body {
	font-family: Verdana,"Trebuchet MS",Trebuchet,Arial,Sans-serif;
	text-align:center;
	margin:0;
	font-size: 62.5%;
	background: #b2daf1 url(images/clouds.jpg) repeat-x fixed;
}
																		/******* Typography ********/
h1 {
	color: #590202;
	font-size: 2.8em;
	margin-bottom: 1.8em;
}
h2 {
	color: #2f4e95;
	text-transform: uppercase;
	padding-left: 80px;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.8em;
	margin-bottom: 1.8em;
}
h3 {
	color: #2f4e95;
	font-size: 1.6em;
	line-height: 1.6em;
	margin-bottom: 1.6em;
}
p {
	color: #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	line-height: 1.8em;
	margin-bottom: 1.8em;
}
ol {
	font-size: 1.4em;
}
																		/******* Wrapper ********/
.wrapper{
	width: 960px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:60px 0 0 0;
	top: 0;
	left:0;
}
#header {
	position: relative;
	width: 960px;
	padding-top: 70px;
}
#header img{
	padding-left: 20px;
}



																		/******* Navigation ********/
#navigation {
	position: relative;
	width: 960px;
	height: 160px;
	padding-top: 40px;
	padding-bottom: 0px;
	background: url(images/calgary-skyline.png) left bottom no-repeat;
	border-bottom: 10px solid #000;
}
#navigation img{
	position: absolute;
	top: 0;
	right: 0;
}
#navigation ul{
	position: absolute;
	right: 0;
	bottom: 10px;
}
#navigation li {
	display: inline;
	padding-left: 20px;
	color: #FFF;
	font-size: 1.8em;
}
#navigation a {
	color: #000;
}
#navigation a:visited {
	color: #000;
}
#navigation a:link:hover, #navigation a:visited:hover {
	color: #590202;
	text-decoration: underline;
}

																		/******* Splash ********/
#splash {
	padding: 40px 20px 20px 20px;
}
#splash img{
	margin-right: 20px;
	padding: 0px!Important;
}
#splash h1{
	padding-left: 340px;
}
#splash h2 {
	padding-left: 340px;
	padding-top: 20px;
}
#splash h3 {
	padding-left: 340px;
	padding-top: 10px;
}


																		/******* Content ********/
#content {
	border-left: 10px solid #000;
	border-right: 10px solid #000;
	background: url(images/content-background.png);
}
#content p{
	padding: 0 100px 0 100px;
	text-align: justify;
	line-height: 1.4em;
}
.dropcaps p:first-letter {
	font-size: 2.8em;
	line-height: 0.65em;
	float: left;
	margin-top: 8px;
	margin-right: 0.1em;
	font-family:"Warnock Pro", "Baskerville", "Goudy Old Style","Palatino","Book Antiqua",serif;
	font-weight:bold;
	font-style:normal;
}
#content ol{
	padding-left: 160px;
	list-style: decimal;
	line-height: 1.4em;
	padding-bottom: 1.8em;
}
.secondary_navigation li {
	display: inline;
	padding-left: 20px;
	color: #FFF;
	font-size: 1.8em;
}
#content a {
	color: #5a86ea;
}
#content a:visited {
	color: #5a86ea;
}
#content a:link:hover, #content a:visited:hover {
	color: #5a86ea;
	text-decoration: underline;
}
#content img {
	padding-right: 50px;
}
.secondary_navigation{
	padding-left: 80px;
}
.secondary_navigation li {
	display: inline;
	padding-left: 20px;
	color: #FFF;
	font-size: 1.3em;
}

																		/******* Divider ********/
.divider{
	padding: 0;
	margin: 0;
	width: 940px;
	height: 10px;
	clear: both;
	background: url(images/divider.png) repeat-x;
}


																		/******* Footer ********/
#footer {
	clear: both;
	padding: 20px;	
	font-size: 12px;
	text-align: left;
	background: #00101d;
}
#footer p {
	font-size: 1.2em;
	color: #FFF;
}
#footer a {
	color: #8ca7c9;
}
#footer a:visited {
	color: #8ca7c9;
}
#footer a:link:hover, #footer a:visited:hover{
	color: #FFF;
	text-decoration:underline;
}

			
																		/******* Sepcial Style Classes ********/

.bold {
	font-weight: bold;
	color: #2f4e95;
}
.center {
	text-align: center;
	margin: 0px auto;
}
.clear {
	clear: both;
}
.italics {
	font-style: italic;
	color: #2f4e95;
}
	
.left {
	float: left;
	display: inline;
	padding: 0 18px 18px 0;
}
.padding {
	margin-left: 100px;
}