/********************************************
 *
 * CSS Styles
 *	
 * TEMPLATES STUCTURE
 *	
 * Version 1.0 
 * (C) 2007.07.09 by TIM WILSON
 *
 ******************************************/

/* Common ----------------------------------------------------*/

#articleContainer{
	float:left;
	position:relative;
	width:459px;
	margin-left:20px;
/*	margin-right:20px;*/
}

#articleContainerFull{
	position:relative;
	width:459px;
	margin-left:20px;
/*	margin-right:20px;*/
}

#articleHeadline{
	float:left;
	height:auto;
	
	margin-bottom:15px;
	position:relative;
	width: 100%;
	clear:both;
}

/* Single Page ----------------------------------------------------*/

#articleContent, #articleContentFull{
	float:left;
	height:auto;
	position:relative;
	width:100%;
}

#articleContentFull{
	width:100%;
}

#articleContent LI, #articleContentFull LI{
	list-style: disc;
	list-style-position: inside;
}



/* Side Menu ----------------------------------------------------*/

#menuHolder{
	
/*	float:right;*/
	float:left;
	height:auto;
	position:relative;
	/*top:70px;
	width:200px;*/
	width:180px;
}



.sideMenu {
	font-size:12px;
	height:550px;
	background-image: url(../graphics/templates/sideMenu_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom center;
	list-style-type: none;	
	margin: 0px; 
	padding: 0px; 
	position:relative;
	right:0px;	
	background-color:#E6F5FF;
	display:block;
}

#currentArticle{
	background-color:#0066CC;
	color:#fff;
	padding:8px;
}

.sideMenu li{	
	margin-top:1px;
	display:block;
	line-height:12px;
	position:relative;
}

.sideMenu li a {
	color:#0066CC;
	display:block;
	padding:8px;
	text-decoration:none;
}

.sideMenu li a:hover{	
	background-color:#0099FF;
	color:#fff;
}
/*
.sideMenu li a:visited{	
	color:#0066CC;
}
*/

/* Gallery Page -----------------------------------------------------------------*/

#thumbnails{
	margin-top:15px;	
	width:100%;
	clear:both;
	position:relative;
}

.thumbnailItem{
	width:82px;
	text-align:left;
	height:82px;
	float:left;
	left:0px;
	margin-right:5px;
	margin-bottom:5px;
	position:relative;
	font-size:11px;
	display:block;
	line-height:12px;
}

.thumbnailImage{
	border: 2px solid #E9E4EB;
	width:80px;
	height:80px;
	overflow:hidden;
	margin-bottom:3px;
	position:relative;
}

/** Front Page -----------------------------------------------------------*/

#frontPage-leftColumn{
	float:left;
	margin-right:19px;
	position:relative;
	width:460px;
	display: inline;
	margin-left:20px;
}

#frontPageSlideshow{
	width:460px;
	height:400px;
	position:relative;

	margin-left: 0px;
	margin-bottom: 10px;
	display:none;
}
.frontPageImage{
	width:460px;
	height:400px;
	position:relative;

	margin-left: 0px;
	margin-bottom: 10px;
}

#frontPage-rightColumn{
	float:left;
	position:relative;
	width:200px;
}

.frontPageCell{

	margin-bottom:20px;
	position:relative;
	width:100%;
}

.frontPageCellHeading{
	
	color:#333;
	font-size:16px;
	margin-bottom:10px;
	position:relative;	

}

.frontPageCellText{
	list-style-position: inside;
	line-height:16px;	
	margin-top:0px;
	position:relative;	
}




/* Image / Flash Holders ----------------------------------------------------*/

#pageSlideshow{
	width:320px;
	height:240px;
	position:relative;
	border: 2px solid #E9E4EB;
	margin-left: 20px;
	margin-bottom: 10px;
	display:none;
}


#flashImageHolder{
	width:420px;
	height:340px;
	position:relative;
	float:right;
	border: 2px solid #E9E4EB;
	margin-left: 20px;
	margin-bottom: 10px;
}

#pageSlideshow_left{
	width:320px;
	height:240px;
	position:relative;
	float:left;
	border: 2px solid #E9E4EB;
	margin-right: 20px;
	margin-bottom: 10px;
	display:none;
}

#pageSlideshow_top{
	height:240px;
	position:relative;
	float:left;
	clear:both;
	border: 2px solid #E9E4EB;
	margin-bottom: 10px;
	display:none;
}