/* =Body
------------------------------------------------------------------*/

body { 
font-family: Georgia, "Times New Roman", serif;
font-weight: normal; 
color:#333333;
margin:0;
background-color:#49061b;
text-decoration:none;
behavior:url("../../csshover3.htc");

 }

 a { 
color:#333333;
text-decoration:none;
 }
 
 a:visited{ 
color:#333333;
text-decoration:none;
 }

a:hover { 
color:#333333;
text-decoration:none;
 }

 
 /* Language Menu*/
div#language {
display : block; 
position:relative; 
top:0px;
left:0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width:980px; 
height:22px; 
align:right;
padding: 0px 0px 0px 0px;
color:#ffffff;
font:white normal georgia,serif;
font-size:70%;
line-height:22px;
} 

div#language a {
text-decoration:none;
color:#ffffff;
} 

div#language a:hover {
text-decoration:underline;
color:#ffffff;
} 


 
 

/* Content Container */

div#contentcontainter {
background-color: #ffffff; 
display : block; 
position:relative; 
top:0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width:980px; 
height:688px; 
padding: 0px 0px 0px 0px;
}



div#background {
display : block; 
position:relative; 
top:10px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width:980px; 
height:688px; 
padding: 0px 0px 0px 0px;
}





/* Begin Nav Dropdown*/
#menu{
width:982px;
position:absolute;
left:100px;
top:1px;
z-index:50;
}


#menu ul li h1
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 1px;
text-decoration:none;
}

#menu  ul li h1 a{
font:normal 110% georgia,serif;
line-height:55px;
display:block;
position: relative;
left:-100px;
white-space:nowrap;
/* Gap between top nav buttons */
background:#ffffff;
text-decoration:none;
padding:0px 0px 0px 30px;
height:79px;
width:245px;

}

#menu  ul li h1 a:hover{
display:block;
white-space:nowrap;
background:#f0ed19;
text-decoration:none;
}

.activetab
{
font:normal 90%/205% georgia,serif;
position: relative;
display:block;
white-space:nowrap;
/* Gap between top nav buttons */
margin:0px 0px 0px 1px;
padding:45px 0px 0px 30px;
background:#ececec;
text-decoration:none;
width:145px;
height:34px;
}



#menu .activetab{
font:normal 90%/205% georgia,serif;
display:block;
white-space:nowrap;
/* Gap between top nav buttons */
margin:0px 0px 0px 1px;
height:34px;
}

#menu .activetab a{
display:block;
white-space:nowrap;
background:#ececec;
/* Gap between top nav buttons */
padding:45px 0px 0px 30px;
height:34px;
color:#333333;
text-decoration:none;
height:34px;
}

#menu .activetab a:hover{
display:block;
white-space:nowrap;
background:#ececec;
/* Gap between top nav buttons */
margin:0px 0px 0px 0px;
height:34px;
text-decoration:none;
}



#menu h2{
font:normal 90%/205% georgia,serif;
display:block;
white-space:nowrap;
/* Gap between top nav buttons */
margin:0px 0px 0px 1px;
}

#menu h2 a{
display:block;
white-space:nowrap;
background:#ffffff;
/* Gap between top nav buttons */
padding:45px 0px 0px 30px;
height:34px;
color:#333333;
text-decoration:none;

}

#menu h2 a:hover{
display:block;
white-space:nowrap;
background:#f0ed19;
/* Gap between top nav buttons */
margin:0px 0px 0px 0px;
text-decoration:none;
}



#menu .navlink a{
font:normal 90%/205% georgia,serif;
display:block;
white-space:nowrap;
padding:2px 40px 2px 30px;
/* Initial Background Colour of dropdown before mouseover */
background:#b7b7ad;
color:#333333;
text-decoration:none;
filter: alpha(opacity = 80); opacity:0.8;
font-color:#333333;
line-height:16pt;
}


/* Shadow at top of dropdown menu*/
.ddshad {
background-image: url('../images/shad.gif');
background-repeat: repeat-x;
height:3px;
}

#menu .navlink a, #menu a:visited
{
color:#333333;
text-decoration:none;
}

#menu .navlink a:hover{
/* Background Colour of items in dropdown on mouseover */
background:#f0ed19;
text-decoration:none;
filter: alpha(opacity = 100); opacity:1;
color:#333333;
}

#menu .navlink a:active, {
color:#49061b;
background:#dedb03;
text-decoration:none;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
border-spacing:0px;
float:left;
/* Width of Main Nav Buttons */
width:176px;
height:78px;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
/* Vertical Position Of Dropdown Menus */
top:79px;
display:none;
}



/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
/* MouseOver Background colour of Main Tabs */
background:#f0ed19
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}



div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* End of Nav Dropdown */




/* Nav Shadow */

div#navshad1 {
display: block;
background-color: #000000;
filter: alpha(opacity = 10);
opacity:0.08;
width:983px;
height:84px;
position:absolute;
top:-1px;
left:0px;
z-index:1
}

div#navshad2 {
display: block;
background: #000000;
filter: alpha(opacity = 30);
opacity:0.3;
width:980px;
height:80px;
position:absolute;
top:1px;
left:1px;
z-index:1
}

div#navshad3 {
display : block;
background: #000000;
filter: alpha(opacity = 10); opacity:0.1;
width:981px;
height:80px;
position:absolute;
top:0px;
left:1px;
z-index:1
}


/* Page Title */
div#pagetitle {
display : block;
background:#e4e3e4;
background-image: url('../images/subtitlebg2.gif');
opacity:1;background-repeat: repeat-x;
width:980px;
height:44px;
position:absolute;
top:80px;
left:0px;
font-family: Georgia,serif;
font-weight: normal;
font-size:22px;
line-height:24px;
vertical-align:bottom;
padding: 0px 0px 0px 0px; 
z-index:5
}


/* Tertiary Nav */

div.ternav {
position:absolute;
left:0px;
top:124px;
z-index:5;
background:#e4e3e4;
background-image: url('../images/subtitlebg_ex.gif');
width:980px;
height:35px
}

div.ternav ul {
display:inline;
list-style:none;
font:normal 90%/205% georgia,serif;
color:#333333;
}

div.ternav ul li {
position:relative;
left:30px;
top:5px;
float: left;
margin-right:1px;

}

div.ternav ul li h3 {
font:bold 90%/205% georgia,serif;
color:#333333;
display:inline;
background:#ffffff;
padding:10px 20px 18px 20px;
line-height: 24pt;
} 


div.ternav ul li h3 a {
padding:0px 0px 0px 0px;
background:#ffffff;

} 

div.ternav ul a {
text-decoration: none;
color:#333333;
font-style: normal;
background:#f0f0f0;
padding:5px 20px 6px 20px;
line-height: 18pt;
} 

div.ternav ul a:hover {
background:#f0ed19
} 

div.ternav ul li h3 a:hover {
background:none;
} 

/*End Tertiary Nav*/


 
/*Picture Gallery*/

/* =imageLarge, =imageSmall, =middle, =inner
------------------------------------------------------------------*/

.picgallery {
position:absolute;
display : block; 
left:15px;
top:190px;
z-index:5;
height:auto; 
}

div.imageLarge { 
margin: 0 0 20px 0;
width: 265px;
height: 265px; 
overflow: hidden;  
background: url(../image/bg_imageLarge.gif) no-repeat; }

div.imageLarge table { 
width: 265px;
height: 265px; 
border: none; }

div.imageLarge td { 
vertical-align: middle; 
text-align: center; 
border: none; }


body.artists div.imageLarge { 
padding-bottom: 15px; 
border-bottom: 1px solid #b7b7b7; }

div.imageSmall { 
float: left; 
/*Padding between thumbs in Picture Gallery*/
margin: 0 53px 53px 0;
width: 140px;
height: 140px; 
overflow: hidden;  
 }

div.imageSmall table { 
width: 130px;
height: 130px;
border: none; }

div.imageSmall td { 
vertical-align: middle; 
text-align: center;
border: none; }




.smallpic {
	width: 100px;
	border: none;
}
.smallpic-tall {
	height: 100px;
	border: none;
}

/*End Picture Gallery*/


div#videocontent {
display : block; 
background-color: #ffffff; 
position: relative;  
top:500px; 
left:100px; 
float: left; 
width:680px; 
height:auto;
padding: 0px 0px 0px 0px;
}


div#content {
display : block; 
background-color: #ffffff; 
position: relative;  
top:170px; 
left:30px; 
float: left; 
width:900px; 
height:auto;
padding: 0px 0px 0px 0px;
font-size: 10pt;
line-height: 18pt;
}






.headline
{
color:#999999;
font-family: Georgia,serif;
font-weight: normal;
font-size:28px;
line-height:24px;
}

.headline2, .headline2 a,.headline2 a:hover
{
display:inline;
color:#49061b;
font-family: Georgia,serif;
font-weight: normal;
font-size:20px;
line-height:24px;
}

.title1
{

color:#999999;
font-size: 14pt;
line-height: 25pt;
}

.title1 a
{
color: #49061b;
font-size: 14pt;
line-height: 25pt;
text-decoration:none;
}

.title1 a:hover
{
color: #49061b;
font-size: 14pt;
line-height: 25pt;
text-decoration:underline;
}


.title2
{
font-weight:bold;
color:#666666;
font-size: 11pt;
line-height: 16pt;
font-style:italic;
text-decoration:none;
}


.title2 a
{
font-weight:bold;
color: #49061b;
font-size: 11pt;
line-height: 16pt;
font-style:italic;
text-decoration:none;
}

.title2 a:hover
{
font-weight:bold;
color: #49061b;
font-size: 11pt;
line-height: 16pt;
font-style:italic;
text-decoration:underline;
}

.date
{
font-weight:normal;
color:#999999;
font-size: 11px;
line-height: 16pt;
text-decoration:none;
position:relative;
top:15px;
}


div#instep
{
display:inline;
position:relative;
left:90px;
}

.caption
{
font: 10px Verdana, Helvetica, sans-serif;
}





#contentmenu {
display:block;
background:#f0f0f0;
width:920px;
color:#999999;
font-size: 10pt;
line-height: 14pt;

}

#contentmenu:hover{
background:#f0ed19;
}

#contentmenu a{
display:inline;
padding:0px 0px 0px 0px;
text-decoration:none;
margin:0px 0px 0px 0px;

}

#contentmenu a:hover{
display:block;
background:#f0ed19;
margin:0px 0px 0px 0px;
}


.contentlink
{
display:inline;
color: #49061b;
text-decoration:underline;
padding: 0px 0px 0px 0px;
}

.contentlink:hover
{
display:inline;	
color: #49061b;
text-decoration:underline;
padding: 0px 0px 0px 0px;
}



div#inpagelink ul {
display:inline;
position: relative;
align:left;
font-size: 10pt;
line-height: 14pt;
}

div#inpagelink li{
display:inline;
background:#f0f0f0;
color:#999999;
text-align: left;
float: left;
list-style: none;
padding:7px 20px 7px 20px;
margin-right:1px;
}

div#inpagelink li a{
display:inline;
text-decoration:none;
}


div#inpagelink li:hover{
display:inline;
float: left;
background:#f0ed19;

}



#footer {
	display:block;
	clear:left;
	width:950px;
	position: relative;
	left:10px;
	font-size: 9px;
	color: #333333;
	background:#cccccc;
	padding: 20px 0px 30px 30px ;
}


/*Footer*/
#footer {
	display:block;
	clear:left;
	width:950px;
	position: relative;
	left:0px;
	font-size: 9px;
	color: #333333;
	background:#cccccc;
	padding: 20px 0px 30px 30px ;
	margin-left: auto;
	margin-right: auto;
	text-indent: 1cm;
}

#footer a:hover {
	text-decoration:underline;
	
}