/* Cirencester Dance Club  */
/* Tracy Giles Saunders 2009 */

/* BASIC TAGS */
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #B54994; 
		}
:link {
	color: #525d7d;
	text-decoration: none;
	font-style: normal;
		}
a:visited {
	color: #525d7d;
	text-decoration: none;
	font-style: normal;
		}
a:hover, a:active {
	color: #330;
	text-decoration: underline;
	font-style: normal;
	}
.selected {
  font-weight: bold;
}


/* GROUND DIV */
#container {
	position: absolute;
	width: 800px;
	margin-left: -390px;
	top: 0px;
	font: normal 14px Georgia,Palatino Linotype,Times,Times New Roman
	font-size: 14px;
	left: 50%;
	background-color:  #FFCBF9 ;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #525d7d;
	}


/* INTRO TEXT */
#intro {
	width: 600px;
	left: 180px;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
	line-height: 150%;
	}
#pageHeader {
	background-color: #840C63;
	width: 610px;
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 0px 190px;
	height: 80px;
	position: relative;
	line-height: 150%;
	}

/* topimages - intro */
#pageHeader h1 {
	/*display: none;*/
	font-size: 30px;
	font-weight: normal;
	margin: 0px 0px 0px 10px;
	}
#pageHeader h2 {
/*	display: none;*/
	font-size: 13px;
	margin: 30px 0px 0px 10px;
	}
	
#headerGap {
/*	background-image: url(demonstrations.jpg); */
	background-color: #FFCBF9;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	height: 15px;
	width: 800px;
	}
	
#quickSummary {
/*	background-image: url(demonstrations.jpg); */
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #FFCBF9;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	position: relative;
	}
/* This is a hack for IE. */
* html #quickSummary {

height: 20px;
	}
#quickSummary p {
	font-size: 14px;
	color: #525d7d;
	padding: 10px;
	margin: 0px;
	}
#quickSummary a:link, #quickSummary a:visited {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #525d7d;
	text-decoration: underline;
	}

#quickSummary ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}
#quickSummary li {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}

#signup {
	position: relative;
	}

	
#imageBlock {
/*	background-image: url(demonstrations.jpg); */
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #FFCBF9;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	position: relative;
	height: 350px;
	font-size: 14px;
	}
/* This is a hack for IE. */
* html #imageBlock {
	height: 20px;
	}
#imageBlock p {
	font-size: 14px;
	color: #525d7d;
	padding: 10px;
	margin: 0px;
	}
#imageBlock a:link, #imageBlock a:visited {
	font-size: 14;
	font-variant: small-caps;
	font-weight: bold;
	font-style: normal;
	color: #550;
	}


#footer {
/*	background-image: url(demonstrations.jpg); */
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: #FFCBF9;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	left: 0px;
	height: 10px;
	}

/* This is a hack for IE. */
* html #footer {
	height: 100px;
	}

#footerGap {
/*	background-image: url(demonstrations.jpg); */
	background-color: #FFCBF9;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	height: 20px;
	width: 800px;
	}

#footerBar {
/*	background-image: url(demonstrations.jpg); */
	background-color: #840C63;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	height: 40px;
	width: 800px;
	}

#footerRef {
/*	background-image: url(demonstrations.jpg); */
	background-color: #840C63;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	height: 20px;
	color: #525d7d;
	font-size: 11px;
	}

#footerRef.alL {
	left: 300px;
	}

#logo {
	width: 150px;
	left: 20px;
	position: absolute;
	top: 10px;
	font-style: normal;
	font-size: 12px;
	font: normal 12px Georgia,Palatino Linotype,Times,Times New Roman
	}

/* LINK LIST - MENU */
#linkList {
	width: 150px;
	left: 16px;
	position: absolute;
	top: 135px;
	font-style: normal;
	font-size: 14px;
	font: normal 14px Georgia,Palatino Linotype,Times,Times New Roman
	}

/* bottomimages and bg - linklist */

#lselect{
/*	background-image: url(bottom.jpg); */
	background-repeat: no-repeat;
	background-position: bottom center;
	background-color: #FFCBF9;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #525d7d;
	border-left-color: #525d7d;
	border-top-color: #525d7d;
	border-bottom-color: #525d7d;
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	border-bottom-style: solid;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}


/* topimages - linklist */
#lselect h3 span
#lselect h3 {
/*	background-image: url(select_design.jpg); */
	background-repeat: no-repeat;
	background-position: top center;
	height: 36px;
	margin: 0px;
	padding: 0px;
	background-color: #330;
	}

#lselectM{
/*	background-image: url(bottom.jpg); */
	background-repeat: no-repeat;
	background-position: bottom center;
	background-color: #FFCBF9;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #525d7d;
	border-left-color: #525d7d;
	border-top-color: #525d7d;
	border-bottom-color: #525d7d;
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	border-bottom-style: solid;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: 310px;
	width: 150px;
	}

/* topimages - linklist */
#lselectM h3 span
#lselectM h3 {
/*	background-image: url(select_design.jpg); */
	background-repeat: no-repeat;
	background-position: top center;
	height: 36px;
	margin: 0px;
	padding: 0px;
	background-color: #330;
	}
	
/* design list - linklist */
#linkList ul {
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	}

#linkList li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 0px 10px;
	}

.walkImg {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.walkImgNonFLoat {
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
/* gallery */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* LIST */

#ul {
	list-style-type: none;
	list-style-image: url(images/aball1t.gif);
	list-style-position: outside;
	line-height: 1.40em;
	margin-left: 1.25em;
	
}

#li 
{
	margin-bottom: 1em;
}

/*
  Gallery
*/