@import "typography.css";
@import url(../scripts/greybox/gb_styles.css);

/*--------------------------------------------------*\
                      11-10-2007
           
    Concordia CSS
	
	Index
	0 - Global/HTML
	1 - Opening page
	2 - Global navigation 
	3 - Events management
\*--------------------------------------------------*/

/* 0 - GLOBAL/HTML
==============================================*/
*, html, body
{
	outline:none;
	border:none;
	margin:0;
	font-family:Helvetica, Arial, Verdana, san-serif;
	padding-top: 0;
	padding-bottom: 0;
}

body
{	
	background: #000; 	
}

	#backgroundflash 
	{
		top: 10px;
		left: 0px;
		position: absolute;
		z-index: 1;
	}

#wrap
{
	z-index: 2;
	width:760px; 	
	margin: auto;
	position:relative; 
	padding-bottom:50px;	
	padding-top: 50px;
}
			#body-main-even{
		width:550px;
		float:left;
		position:relative;
		min-height:400px;
		padding-left:15px;
	}
			#body-main{
		width:550px;
		float:left;
		position:relative;
		min-height:400px;
	}
	
		#body-main #body-top{
	width:550px;
	float:left;
	position:relative;
	height:25px;
	background-color: #FFFFFF;
		}
	
			#body-main #body-middle{
				background-color:#FFFFFF;
				width:550px;
				float:left;
				position:relative;
				height:25px;
			}
	
		#body-main #body-base{
	width:550px;
	float:left;
	position:relative;
	height:25px;
	background-color: #FFFFFF;
		}

	#body-right{
		width:180px;
		float:right;
		position:relative;
	}

	.headerLogo{margin-top:30px;}

	#content-main {
	width:525px;
	padding:0px;
	min-height:460px;
	position:relative;
	float:left;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
	
		/* Testimonials */
		#content-main #testimonials 
		{
	width: 369px;
	height: 300px;
	float: left;
	background: url(../images/TestimonialsBackground.gif) no-repeat top left;
	font-size: 120%;
	font-weight: bold;
	padding-top: 70px;
	padding-right: 50px;
	padding-bottom: 70px;
	padding-left: 50px;
		}
		
			#content-main #testimonials span 
			{				
				color: #77787A;
				font-size: 85%;
				font-weight: normal;				
			}
	
		/* Event Gallery */
		#content-main #gallerycontainer 
		{
			width: 469px;
			float: left;			
		}
		
			#content-main #gallerycontainer .galleryitem 
			{
				width: 145px;
				height: 150px;
				float: left;					
				margin: 16px 0px 16px 0px;
				color: #FFF;	
				display: block;														
			}
				
				#content-main #gallerycontainer .galleryitem a 
				{
					text-decoration: none;	
					display: block;
					width: 145px;
					height: 150px;											
				}
			
					#content-main #gallerycontainer .galleryitem a .galleryphoto 
					{
						width: 145px;
						height: 109px;
						float: left;
						overflow: hidden;
						margin-bottom: 10px;
					}
				
					#content-main #gallerycontainer .galleryitem a .galleryheader 
					{					
						font-size:1.5em;
						color: #77787A;
						font-weight: bold;
					}
	
		/* News */
		#content-main #newsarticle 
		{
			width: 299px;			
			float: left;
		}
		
			#content-main #newsarticle #articleheader 
			{
				width: 299px;
				float: left;
			}
			
				#content-main #newsarticle #articleheader #articleimage 
				{
					width: 153px;
					height: 115px;
					overflow: hidden;
					float: left;					
				}
				
				#content-main #newsarticle #articleheader #articleheaderinfo 
				{
					float: left;
					margin-left: 10px;		
					width: 136px;						
				}
		
					#content-main #newsarticle #articleheader #articleheaderinfo .headline
					{				
						font-size:1.5em;											
						float: left;
						width: 136px;				
					}
					
					#content-main #newsarticle #articleheader #articleheaderinfo .articledate 
					{
						color: #5B5C5E;	
						float: left;
						width: 136px;	
					}
				
			#content-main #newsarticle #articlebody 
			{
				width: 299px;
				float: left;
				margin-top: 20px;
			}
		
		#content-main #newslist 
		{
			width: 150px;			
			float: left;
			margin-left: 20px;
		} 
		
			#content-main #newslist .articleitem 
			{
				margin-bottom: 10px;
				padding-bottom: 10px;
				border-bottom: solid 1px #5B5C5E;
			}
			
				#content-main #newslist .articleitem a 
				{					
					text-decoration: none;
					color: #5B5C5E;
					display: block;
				}
				
					#content-main #newslist .articleitem a:hover 
					{
						color: #FFF;
					}			

		/* Events News */
		#content-main #evenarticle 
		{
	width: 520px;
	float: left;
	color: #000000;
	background-image: url(/images/event-all.gif));
	background-repeat: no-repeat;
		}
		
			#content-main #evenarticle #articleheader 
			{
	width: 500px;
	float: left;
	background-color: #FFFFFF;
	color: #000000;
	margin-left: 10px;
			}
			
				#content-main #evenarticle #articleheader #articleimage 
				{
	width: 153px;
	height: 115px;
	overflow: hidden;
	float: right;
	margin-right: 10px;
	padding-bottom: 10px;
				}
				#content-main #evenarticle #articleheader #articleimages
				{
	width: 153px;
	height: 115px;
	overflow: hidden;
	float: right;
	margin-right: 10px;
				}
				
				#content-main #evenarticle #articleheader #articleheaderinfo 
				{
					float: left;
					margin-left: 10px;		
					width: 205px;						
				}
		
					#content-main #evenarticle #articleheader #articleheaderinfo .headline
					{				
						font-size:1.6em;											
						float: left;
						width: 200px;				
					}
					
					#content-main #evenarticle #articleheader #articleheaderinfo .articledate 
					{
						color: #5B5C5E;	
						float: left;
						width: 136px;	
					}
				
			#content-main #evenarticle #articlebody 
			{
	width: 490px;
	float: left;
	margin-top: 20px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: justify;
	margin-left: 15px;
	padding-bottom: 25px;
			}
			
			#content-main #evenarticle #articlebodyrequest 
			{
	width: 490px;
	float: left;
	margin-top: 20px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: justify;
	margin-left: 15px;
	padding-bottom: 25px;
	font-size:12px
			}
					#content-main #evenarticle #articlebodyrequest #eventtablelist
			{
			background-color: #F2F2F2;
			border:thin;
			margin-top:5px;
			margin-bottom:5px;
			line-height:1.5em;
			}
			 
		
		#content-main #evenlist 
		{
			width: 150px;			
			float: left;
			margin-left: 20px;
		} 
		
			#content-main #evenlist .articleitem 
			{
				margin-bottom: 10px;
				padding-bottom: 10px;
				border-bottom: solid 1px #5B5C5E;
			}
			
				#content-main #evenlist .articleitem a 
				{					
					text-decoration: none;
					color: #5B5C5E;
					display: block;
				}
				
					#content-main #evenlist .articleitem a:hover 
					{
						color: #000000;
						font-weight:bold;
					}			

		/* Random Image Enquiry Panel */
		#randomenquirypanel {		
			width:465px;
			height:70px;
			line-height: 70px;	
			margin-top: 20px;	
		}
		
		/* Quote Panel */
		#quoteboxpanel {		
			width:469px;
			height:93px;			
			margin-top: 20px;	
			background: url(../images/QuoteBackground.gif) no-repeat top left;
			overflow: hidden;
		}
		
			#quoteboxpanel #quotes 
			{
				height: 93px;
				padding: 10px 0px 0px 50px;
				width: 315px;
				float: left;
				color: #606163;
				font-size: 120%;
				font-weight: bold;							
			}
			
				#quoteboxpanel #quotes span 
				{
					font-size: 90%;
					font-weight: normal;
				}
			
			#quoteboxpanel #enquirelink 
			{
				height: 93px;
				line-height: 93px;	
				float: left;
				margin-left: 30px;				
			}

		/* Site Map */
		#content-main #sitemap,  #content-main #sitemap ul
		{
			margin: 20px;		
		}
		
		/* About Us */
		#content-main #aboutphotos li
		{
			list-style-type: none;
			display: inline;
		}
			
			#content-main #aboutphotos li a 
			{
				float: left;
				width: 109px;
				height: 185px;	
				text-align: center;	
				color: #000;
				text-decoration: none;	
				padding-top: 5px;	
			}
			
				#content-main #aboutphotos li.barbaralyons a 
				{
					background: #E5E5E5 url(../images/team/barbaralyons.jpg) no-repeat bottom left;
				}
				
				#content-main #aboutphotos li.chrisjones a 
				{
					background: #E5E5E5 url(../images/team/chrisjones.jpg) no-repeat bottom left;
					margin-left: 10px;
				}
				
				#content-main #aboutphotos li.wendyhyde a 
				{
					background: #E5E5E5 url(../images/team/wendyhyde.jpg) no-repeat bottom left;
					margin-left: 10px;
				}
				
				#content-main #aboutphotos li.lynnfairburn a 
				{
					background: #E5E5E5 url(../images/team/lynnfairburn.jpg) no-repeat bottom left;
					margin-left: 10px;
				}
					
			

		#content-main a 
		{
			color: #FFF;
			text-decoration: underline;
		}
		
			#content-main a:hover 
			{
				text-decoration: none;
			}

	.imgHolder{
		position:absolute;
		bottom:20px;
		left:15px;
		width:465px;
		height:70px;
	}

	.imgHolder a{display:block; margin-top:30px;}

	/* 1 - OPENING PAGE
	==============================================*/
	#logoHolder{
		width:314px;
		height:59px;
		margin:20% auto 0 auto;
	}

	#front-links{
		display:block;
		width:240px;
		margin:15px auto 0 auto;
	}
		#front-links li{
			list-style-type:none;
			display:block;
		}
		
			#front-links li a{
				display:block;
				padding:2px 0 0 15px;
				background:url(../images/bull1.gif) 0 5px no-repeat;
			}

	/* 2 - GLOBAL NAVIGATION
	==============================================*/
	.globalNav{
		width:175px;
		display:block;
		margin:35px 0 0 0;
		padding: 0px;
	}
	
		.globalNav li{
			list-style-type:none;
			display:block;
			padding-bottom:2px;
		}
			
			.globalNav li a{
				display:block;
				background:url(../images/raquo.gif) center left no-repeat;
				padding:0 0 0 8px;
			}
		
		
	.globalSubnav{
		width:175px;
		display:block;
		margin:0 0 10px 0;						
	}

		.globalSubnav li{
			list-style-type:none;
			display:block;
		}
			
			.globalSubnav li a{
				display:block;
				background:none;
				padding:0 0 0 8px;
				font-size:0.9em;
				color:#474849;
			}
			
			.globalSubnav li a:hover{color:#A8A8A8;}
			
	/* 3 - EVENTS MANAGEMENT
	==============================================*/

	img.homeroundimg{float:left; display:block; margin:10px 18px 5px 0;}
	
	
	/* Footer */
	#footer
	{
		width:700px; 
		margin: auto; 	
		padding: 10px 0px 10px 0px;	
		position:relative; 
		font-size:0.75em; 
		color:#3C3C3C; 
		text-align:right; 
		text-transform:uppercase; 
		clear:both;		
	}