/*=============== Common Styles used on all pages where relevant ==================*/

body {
	text-align : center;
	font-family : Arial, Helvetica, sans-serif;
	color : white;
	background-color : #800040;	
}

a {
	text-decoration : none;
	color : black;
}

a:visited {
	color : black;
}

a:hover {
	color : white;
}

/* main style sets the content area for all pages */

#header {
	background-color: black;
}

img.header {
	border : 1px solid black;
	vertical-align : middle;	
}

.Smaller {
	font-size: smaller;
}

.Larger {
	font-size: larger;
}

#main {
	background-color : #006080;
	border: 1px solid black;
	margin : 0 auto;
	padding : 20px;
	text-align : left;
	width : 700px;
}

/* menu from dynamic drive (http://www.dynamicdrive.com/style/csslibrary/item/css_indent_menu/)*/

.indentmenu{
	font: 16px Arial;
	width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 700px; /*width of menu*/
	border: 1px solid #000;
	border-width: 1px 0;
	background: black url(../Images/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
	display: inline;
}

.indentmenu ul li a{
	float: left;
	color: white; /*text color*/
	padding: 5px 8px;
	text-decoration: none;
	border-right: 1px solid #000;
}

.indentmenu ul li a:visited{
	color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
	color: white !important; /*text color of selected and active item*/
	padding-top: 6px; /*shift text down 1px for selected and active item*/
	padding-bottom: 4px; /*shift text down 1px for selected and active item*/
	background: black url(../Images/indentbg2.gif) center center repeat-x;
}



.copyright, a.copylink:link, a.copylink:active, a.copylink:visited {
	color : black;
	font-family : "Courier New", Courier, mono;
}

a.copylink:hover {
	color : white;
	background-color : transparent;
}

/*===============ID specific styles - may vary from page to page==================*/

/* Entry Page styles */

#entrypage {
	background-color : #006080;
	border: 1px solid black;	
	margin : 0 auto;
	padding : 4em;
	text-align : center;
	width : 42em;
}

#instep {
	font-size : 5em;
	font-style : italic;
	font-weight : bold;
	font-variant : small-caps;
}

#logo {
	height : 200px;
	width : 154px;
}

#dancestudio {
	letter-spacing : 1em;
	word-spacing : 1em;
	font-weight : bold;
	text-align : right;
}

#enter {
	color : white;
	font-weight : bolder;
}

/* Contact Page styles */

a.contactemail:link, a.contactemail:active, a.contactemail:visited {
	background-color : transparent;
}

a.contactemail:hover {
	color : white;
}

/* Photos page styles */


#gallery {
	text-align : center;
}

#gallery p {
	display : inline;
}

#gallery p img {
	margin-bottom : 5px;
}

#gallery span {
	background-color : #FFFFFF;
	width : 15em;
	height : 18em;
	text-align : center;
	vertical-align : middle;
	padding : 0.5em;
	margin : 0.5em;
	background-position : center center;
	background-repeat : no-repeat;
	text-align : center;
	color : black;
	display : table-cell;
	display : inline-table;
	display : inline-block;
}

img.photos {
	border : 1px solid black;
}

/* Qualifications page styles */

#qualifications {
	list-style-type : disc;
	list-style-position : outside;
	font-size : 0.8em;
}

/* Links page styles */

#links {
	text-align : center;
}

/* Fun Page page styles */
.spanstyle {
	position:absolute;
	visibility:visible;
	top:-50px;
	font-size:10pt;
	font-family:Verdana;
    font-weight:bold;
	color:white;
}