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

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

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

#pageSlideshow_top{
	width:100%;
	height:450px;
	position:relative;
	float:left;


	border: 2px solid #E9E4EB;
	margin-bottom: 10px;
	display:none;
}

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

#articleHeadline{

	height:auto;
	position:relative;
	width: 100%;
}

#articleContent{

	height:auto;
	position:relative;
	width:590px;
	text-indent:0px;
}

#articleContentFull{
	height:auto;

	margin-top:10px;
	position:relative;
	width:680px;
}

#articleContent LI,#articleContentFull LI{
	list-style: disc;
	list-style-position: outside;
	margin-left:15px;
	padding-left:3px;
}


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

#menuHolder{
	background-color:#C0CFE0;
	float:right;
	position:relative;
	top:0px;	
	right:0px;
	width:192px;
	margin: 0px; 
	padding: 0px;
	
}

#menuHolderTop{
	background-image: url(../graphics/templates/sideMenu_top.gif);
	background-repeat: no-repeat;
	height:6px;
	position: absolute;
	overflow:hidden;
	width:192px;
	left:0px;
top:0px;
}

#menuHolderBottom{
	background-image: url(../graphics/templates/sideMenu_bottom.gif);
	background-repeat: no-repeat;
	bottom:0px;
	left:0px;
	height:6px;
	overflow:hidden;
	position: absolute;
	width:192px;
}

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

.sideMenu {
	
	
	border-top: 1px solid #fff;
	list-style-type: none;	
	margin: 6px; 
	padding: 0px; 
	position:relative;
		left:0px;
	width:178px;

	
	
}

.sideMenu li{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;

	font-weight:normal;
	/*line-height:30px;
	text-indent:5px;
	width:100%;*/

	
	position:relative;
	display: block;
	font-size:11px;
}

.sideMenu li a {
	/* use if link items is like a button. make sure you use display: block;*/
	background-color:#3E6295;
	color:#fff;
	display: block;
	text-decoration:none;
	position:relative;
	
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
}

.sideMenu li a:hover{
	background-color:#E3271C;
	background-image: url(../graphics/navigationBar/navigationBG_over.jpg);
	color:#fff;
	display: block;
	position:relative;
}
.sideMenu li a:visited{

	color:#fff;
}

#currentArticle{
	background-color:#E27673;
	background-image: url(../graphics/navigationBar/navigationBG_on.jpg);
background-repeat: repeat-x;
	color:#fff;
	
	position:relative;
	
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
}

/* GALLERY PAGE -----------------------------------------------------------------*/

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

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

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


/** FRONT PAGE *********/


/*front side items*/

#frontContentBox{
	position:relative;
	left:0px;
	top:0px;
	width:315px;
	height:auto;
	background-color:#DCE5EE;
	background-image: url(../graphics/templates/front_panelBG.jpg);
	background-repeat: repeat-y;
	
}

#frontContentBoxTop{
	position:relative;
	height:10px;
	background-image: url(../graphics/templates/front_panelTop.jpg);
	background-repeat: no-repeat;
}
#frontContentBoxHighlight{
	position:absolute;
	top:10px;
	width:100%;
	height:140px;
	background-image: url(../graphics/templates/front_panelHighlight.jpg);
	background-repeat: repeat-y;
}
#frontContentBoxBottom{
	position:relative;
	height:10px;
	background-image: url(../graphics/templates/front_panelBottom.jpg);
	background-repeat: no-repeat;
}


.frontContentItem{
	position:relative;
	/*left:20px;
	top:15px;
	width:275px;
	*/
	left:5px;
	width:305px;
	height:auto;
	
	padding-bottom:20px;
	padding-top:10px;
	border-top-style:solid;
	border-top-color:#DAE3ED;
	border-top-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#fff;
	border-bottom-width:1px;
}


.frontPageContentItemHeading{
	color:#1E4D90;
	font-size:14px;
	left:15px;
	position:relative;
	line-height:35px;
	font-weight:normal;
	height:40px;
	
}
.frontPageContentItemImageBorder{
	border: 3px solid #8DA8C9;
	top:50px;
	right:15px;
	position:absolute;
}
.frontPageContentItemImage{
	
	position:relative;
	right:0px;
	width:98px;
	height:72px;
	border: 1px solid #fff;
	overflow:hidden;
}
#frontPageContentItemImageSS1{
	display:none;
	width:98px;
	position:absolute;
	height:72px;
}
#frontPageContentItemImageSS2{
	display:none;
	width:98px;
	position:absolute;
	height:72px;
}
#frontPageContentItemImageSS3{
	display:none;
	width:98px;
	position:absolute;
	height:72px;
}
.frontPageContentItemText{
	font-size:12px;
	width:160px;
	height:auto;
	position:relative;
	top:0px;
	left:15px;
	color:#000;
}



/* Front feature image */
#frontFeatureImageBox{
	position:absolute;
	right:0px;
	top:0px;
	width:482px;
	height:482px;
	background-color:#DCE5EE;
}
#frontFeatureImageBoxInsert{
	position:absolute;
	left:5px;
	top:5px;
	width:472px;
	height:472px;
	background-color:#fff;
}
#frontFeatureImageBoxTop{
	position:absolute;
	height:10px;
	width:100%;
	background-image: url(../graphics/templates/front_imageTop.gif);
	background-repeat: no-repeat;
}

#frontFeatureImageBoxBottom{
	position:absolute;
	height:6px;
	width:100%;
	bottom:0px;
	left:0px;
	background-image: url(../graphics/templates/front_imageBottom.gif);
	background-repeat: no-repeat;
}

#frontSlideshow{
	width:470px;
	height:470px;
	position:relative;
	display:none;
	top:6px;
	left:6px;
}