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

*
{
	margin: 0;
	padding: 0;
}

body
{
	background: #000 url(../images/starburst.png) no-repeat 0 0;	
	color: #fff;
	font-family: lucida grande,arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 15pt;
	text-align:left;
}

h1
{
	width: 540px;
	height:134px;
	text-indent: -9999em;
/*	border: 1px solid gold;*/
	margin-top: 10px;
	/*********
	*
	*	 background images will be set with inline css so we can control it from modx.
	* 	e.g.: 
	* 	<style type="text/css">
	*	 	<!--//
	* 			background: #000 url(../images/[[chunk]]) no-repeat 0 0;
	* 		//-->
	* 	</style>
	*
	*********/
}



h2
{
	font-size: 14px;
	padding-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}

p
{
	margin-top: 5px;
	margin-left: 10px;	
}

ul li
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

a
{
	border: 0 none;
	outline: 0 none;
	text-decoration: none;
	color: #fff;
}

hr 
{
	width: 460px;	
}


#contentHolder a:link /* unvisited link */
{
	color:#FFFFCC;
} 

#contentHolder a:visited 
{
	color:#A9CCD0;
} 

.clear
{
	clear: both;
	display: 0 none;
}

/*.bottomSpacer
{
 	padding-bottom: 200px;	
}*/


#topSwirl
{
	width: 140px;
	height: 23px;
	background: url(../images/topSwirl.png) no-repeat 0 0;	
}
#bottomSwirl
{
	width: 140px;
	height: 23px;
	background: url(../images/bottomSwirl.png) no-repeat 0 0;	
}

#vertNavBar
{
	margin: 135px 0 0 130px;
	width: 140px;
	float: left;
}


#vertNavBar ul
{
	height: 200px;
}

#vertNavBar ul li
{
	height: 25px;
	width: 140px;
	float: left;
}

#vertNavBar ul li a
{
	width: 140px;
	margin-left: 35px;
}

#horNavBar
{
	height: 25px;
	width: 542px;
	/*border: 1px solid gold;*/
}

#horNavBar ul
{

	width: 300px;
	margin-left: 325px;
}

#horNavBar li
{

	float: left;
}


#horNavBar ul a
{
	display:block;	
	padding: 0 0 0 13px;
	height: 25px;	
	background: url(../images/divider.jpg) no-repeat left;
	float: left;
}

#horNavBar ul a.first
{
	background:none;
}	





#container
{
	margin-left: 290px;
	width: 542px;
}

#contentHolder
{
	width: 542px;
/*	height: 339px;*/
	background: #614D61 url(../images/contentHolderGrad.png) repeat-x 0 0;
	/*border: 1px solid gold;*/
}

#contentHolderLong
{
	width: 542px;
	background: #614D61 url(../images/contentHolderGrad.png) repeat-x 0 0;

}

#contentHolderLong a
{
	text-decoration: underline;	
}


#content
{
/*	height: 339px;*/
	width: 387px;
	/*background: url(../images/cornerSwirls.png) no-repeat bottom left;*/		
	float: left;
	/*border: 1px solid red;*/
}

#contentLong
{
	width: 530px;
	background: url(../images/cornerSwirls.png) no-repeat bottom left;		
	padding-bottom: 100px;
}

#contentLong ul li
{
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 20px;
}

#contentLong table
{
	margin-left: 10px;	
}

#collections
{
	width: 140px;
	background: #614D61 url(../images/contentHolderGrad.png) repeat-x 0 0;	
	float: right;
	border-left: 3px solid #000; 
	/*border: 1px solid green;*/

}

#collections p
{
	font-size: 11px;
	line-height: 13pt;
}

#imageHolder
{
	/*********
	*
	*	 background images will be set with inline css so we can control it from modx.
	* 	e.g.: 
	* 	<style type="text/css">
	*	 	<!--//
	* 			background: #000 url(../images/[[chunk]]) no-repeat 0 0;
	* 		//-->
	* 	</style>
	*
	*********/	
	height: 105px;
	width: 540px;
	border: 1px solid #000000;
}

#Searchresult
{
	/*********
	*	style for results will be set inline so it will be applied afetr javascript kicks in.
	* 	<style type="text/css">
	* 		<!--
	* 			#Searchresult 
	* 			{
	* 				height: 300px;
	* 			}
	* 
	* 			#Searchresult table 
	* 			{
	* 				margin-bottom:1.4em;
	* 			}
	* 		
	*   	-->
	* 	</style>
	*
	*********/
	margin-left: 10px;
}

#holder
{
	border: 1px solid gold;
	text-align: center;	
}

#Pagination
{
	margin-left: 8px;
}

.error
{
	border: 1px solid red;	
}


#navBarFooter
{
	position: relative;
	color:#FFFFFF;
	font-size:10px;
	height:22px;
	margin-top:0;	
}

#navBarFooter p
{
 margin-top: 0;
}

#navBarFooter a:hover
{
	color: #666;
	/*color: #614D61;*/
}


.left
{
	float: left;
}

.right
{
	float: right;
}

#fileList
{
	list-style-position:inside;
	color: #fff;
}

#calgary
{
	font-size:10px;
	float: left;
	text-align: left;
}

#edmonton
{
	font-size: 10px;
	float: right;
	text-align:left;
}

#calgary tr, #edmonton tr 
{
	line-height: 15px;	
}

#minHeightProp 
{
	background-color:transparent;
	float:left;
	height:339px;
	width:1px;
}

#swirlBack
{
	position: absolute;
	top: -71px;
	background: url(../images/cornerSwirls.png) no-repeat bottom left;
	width: 150px;
	height: 71px;
}