@charset "UTF-8";
		body {
		margin: 0;
		padding: 0;
		background:#d01a00 url(images/alid-bkgrnd.jpg) no-repeat;
		background-position: top center;
	}
	
	body.gallery {
		margin: 0;
		padding: 0;
		background:#d01a00 url(images/aliad-generic.jpg) no-repeat;
		background-position: top center;
		}
		
		
	#container {
		width:940px;
		height:auto;
		padding: 0;
		margin: 0 auto;
	}
	#pageContent {
		position: relative;
		width:940px;
		height:500px;
		margin: 0 0 16px 0;
		padding:0;
		border-bottom: 1px dotted #ffffff;
	}
	
	#showcase {
		position:relative;
		top:20px;
		left:400px;
		width:530px;
		height:404px;
		border: 0px solid #fff;
		padding: 0;
		margin: 20px 0 0 0;
	}
	
	#container #infoHolder {
		position: relative;
		Top:0px;
		left: 0;
		width:940px;
		height:auto;
		padding: 0 0 16px 0;
		margin: 0;
		overflow: hidden;
		border-bottom:1px dotted #ffffff;
	}
	
	table#times {
		float: left;
		font-size: 11px;
		color: #FFFFFF;
		margin-top: 10px;
	}
	
	#container #infoHolder #acknowledgements {
		position: absolute;
		float: right;
		top: 0;
		right: 0;
		width:180px;
		height: auto;
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #fff200;
		line-height: 16px;
		text-align:justify;
		overflow: hidden;
	}
	
	#container #infoHolder #acknowledgements p {
		margin: 0;
	}
	

	ul {
		width: auto;
		float: left;
		margin: 0;
		padding-left:0px;	
	}

	ul li {
		width:auto;
		height:20px;
		list-style: none;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		font-size: 18px;
		line-height: 22px;
		float: left;
		text-align: center;
		padding: 6px 36px 6px 0px;
		margin: 0;
	}
	
	ul li.border {
		border-left: 0px solid #000000;
	}
	
	ul li a {
		display: block;
		width:auto;
		height:24px;
		color: #fff;
		text-decoration: none;
	}
	
	ul li a:hover {
		color: #fff200;
		border-bottom: 1px dotted #fff200;
	}
	
	ul li a:active {
		border: none;
	}
	
	ul li a img {
		float: left;
		border-style: none;
		margin: 8px 0 8px 0 ;
	}

/*-------------------------------------Sliding Panel Widget--------------------------------------*/
	
	#panelwidget {
		overflow: hidden !important;
	}
	 
	.SlidingPanels {
		position: relative;
		width: 420px;
		height: 180px;
		padding: 0px;
		float: left;
		margin: 0;
	}

	.SlidingPanelsContentGroup {
		position: relative;
		width:1000em;
		margin: 0px;
		padding: 0px;
		height:180px;
	}
	
	.SlidingPanelsContent {
		width: 420px;
		height: 180px;
		overflow: hidden;
		margin: 0px 8px 0 0;
		padding: 8px 8px 8px 0px;
		float: left;
	}

	.SlidingPanelsContent p {
		float: left;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		font-size: 11px;
		line-height: 16px;
		font-weight: 200;
		width:260px;
		margin: 0;
		text-align:justify;
	}
		
	.SlidingPanelsContent img {
		float: right;
		margin: 6px 0 0 0;
	}

	.SlidingPanelsAnimating * {
		overflow: hidden !important;
	}
	
	.SlidingPanelsCurrentPanel {
	}
	
	.SlidingPanelsFocused {
	}
	
/*--------------------------------------------------------------------------*/	
	
	#mapLink {
		position: relative;
		float: left;
		width:88px;
		height:26px;
		margin: 10px 10px 0 0 ;
	}
	
	#mapLink a {
		display: block;
		width:88px;
		height:26px;
		background:url(images/maplink.gif) no-repeat;
	}
	
	#mapLink a:hover {
		background:url(images/maplink-btn-active.gif) no-repeat;
	}
	
	#railLink {
		position: relative;
		float: left;
		width:130px;
		height:26px;
		margin: 10px 0 0 0;
	}
	
	#railLink a {
		display: block;
		width:130px;
		height:26px;
		background:url(images/railLink-btn.gif) no-repeat;
	}
	
	#railLink a:hover {
		background:url(images/railLink-btn-active.gif) no-repeat;
	}
	
/*---------------------------sliding panels end---------------------------------*/	

	#footer {
		position: relative;
		float: left;
		width: 940px;
		height: 20px;
		margin: 8px 0 0 0;
		padding:0;
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		line-height: 20px;
	}
	#footer a {
		text-decoration: none;
		color: #fff;
	}
	#footer a:hover {
		text-decoration: none;
		border-bottom: 1px dotted #fff;
		color: #fff;
	}
	
/*--------------------------------gallery page styles---------------------------*/
	
	#galleryHeader {
		float: left;
		width:940px;
		height:80px;
		font-family: Tahoma, verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #ffffff;
		text-align:left;
		border-bottom: 1px dotted #ffffff;
		margin: 0 0 20px 0;
		padding: 0;
		background:url(images/gallery-title.gif) no-repeat;
	}
	
	#galleryHeader.gallery2 {
		float: left;
		width:940px;
		height:80px;
		font-family: Tahoma, verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #ffffff;
		text-align:left;
		border-bottom: 1px dotted #ffffff;
		margin: 0 0 20px 0;
		padding: 0;
		background:url(images/gallery-title2.gif) no-repeat;
	}
	
	#galleryHeader #aliadTitle {
		position: relative;
		width: 535px;
		height: 80px;
		float: right;
		margin:0;
		background:url(images/aliad-title-left.gif) no-repeat;
	}

	#backBtn {
		position:relative;
		top: left;
	}
	
	#backBtn a {
		display: block;
		width:;
		height:;
		background:url(images/.jpg) no-repeat;
	}
	
	#backBtn a:hover {
		background:url(images/.jpg) no-repeat;
	}
	
	#galleryText {
		float: left;
		width:200px;
		height:auto;
		font-family: Tahoma, verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #ffffff;
		text-align:left;
		margin: 0 30px 8px 0;	
	}
	
	ul.gallery {
		float: left;
		width:700px;
		margin: 0px 0 0 12px;
		padding: 0;
	 	height:auto;
	}
	
	ul.gallery li {
		list-style:none;
		width:112px;
		height:86px;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	ul.gallery li a {
		display: block;
		width:112px;
		height:86px;
		padding: 0;
		margin: 0;
	}
	
	ul.gallery li a img {
		margin: 0;
		outline: none;	 
	}
	
	ul.gallery li a:hover {
		background:url(images/th-hover.gif);
	}
	
	#contentSeparator {
		float: left;
		width: 940px;
		height: 1px;
		border-bottom: 1px dotted #ffffff;
		margin: 10px 0 0 0;
	}
	
	#prevBtn {
		float: left;
		width:56px;
		height:26px;
		margin-top: 16px;
	}
	
	#prevBtn a {
		display: block;
		width:56px;
		height:26px;
		background:url(images/prev-btn.gif) no-repeat;
	}
	
	#prevBtn a:hover {
		background:url(images/prev-btn-active.gif) no-repeat;
	}
	
	/*------------------hacks----------------------*/
	 
	a:active {
	outline: none;
	}
	
	:-moz-any-link:focus {
 		outline: none;
}