@charset "utf-8";
/* CSS Document */

body {
	background-color: #1c0101;
	background-image: url(../images/DBDC-design-bg1.jpg);
	background-repeat: no-repeat;
	background-position:center;
	background-position:top;
}
/* -------------------------------Font Styles---------------------------------------*/
H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #FFF;
	font-weight: bold;
	height: 38px;
	line-height: 32px;
	margin: 0px;
	padding: 2px;
}
H2{
	font-size: 25px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
}
H3{
	font-size: 15px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	font-style: bold;
	margin: 0px;
	padding: 0px;
}
H4{
	font-size: 20px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	line-height: 28px;
}
H5{
	font-size: 15px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FC6;
	font-style: bold;
	margin: 0px;
	padding: 0px;
}
.Content{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}

.Content a:link {
	color: #FFF;
	text-decoration: none;
}
.Content a:visited {
	text-decoration: none;
	color: #ff5356;
}



.Content a:active {
	text-decoration: none;
	color: #FFF;
	text-align: left;
}

.ContentBlack1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #000;
}

.ContentRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #A00009;
}

.ContentBlack {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #000;
}
.ContentBlack a:link {
	color: #000;
	text-decoration: none;
}
.ContentBlack a:visited {
	text-decoration: none;
	color: #000;
}
.ContentBlack a:hover {
	text-decoration: underline;
	color: #ff5356;
}
.ContentAlum {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}

.ContentAlum a:link {
	color: #FFF;
	text-decoration: none;
}

.ContentAlum a:hover {
	text-decoration: underline;
	color: #D6C462;
}
.ContentAlum a:active {
	text-decoration: underline;
	color: #FFF;
	text-align: left;
}

.ContentAlum a:visited {
	text-decoration: none;
	color: #FFF;
}
.Content a:hover {
	text-decoration: underline;
	color: #FFF;
}


.Content16White{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}

.DecadeJump {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #09F;
	margin: 0px;
	padding: 0px;
}

.DecadeJump a:link {
	color: #09F;
	text-decoration: none;
}

.DecadeJump a:active {
	text-decoration: underline;
	color: #FFF;

}

.DecadeJump a:visited {
	text-decoration: none;
	color: #09F;
}


.DecadeJump a:hover {
	text-decoration: underline;
	color: #FFF;
}
.ContentHighlight{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #CCC;
	text-decoration: underline;
}

.Content_yellow {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FC6;
	margin: 0px;
	padding: 0px;
}
.Content Big{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}
.Content_Bold_Underline   {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	color: #FFF;
}
.Content p .Content strong {
	font-size: 16px;
	text-decoration: underline;
}
.Content p strong {
	font-size: 18px;
}
.Content p strong {
	font-size: 14px;
}
.Content20pt {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #FFF;
}

.Content20pt a:link {
		font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #FFF;
	text-decoration: none;
}

.Content20pt a:hover {
			font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	text-decoration: underline;
	color: #FFF;
}

.Content20pt a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	text-decoration: none;
	color: #ff5356;
}

.Content20pt-Colour {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #FC6;
}

.Content20pt-ColourBold {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FC6;
	font-style: bold;
}

.Footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #FFF;
	letter-spacing: 3pt;
	word-spacing: 2pt;
	text-transform: uppercase;
}
.Footer a:link {
	color: #FFF;
	text-decoration: none;
}
.Footer a:visited {
	text-decoration: none;
	color: #FFF;
}
.Footer a:hover {
	text-decoration: underline;
	color: #FFF;
}
.Footer a:active {
	text-decoration: none;
	color: #FFF;
}

/* ---------------------------------Waxworks Link-------------------------------------*/
.waxworks-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ea6164;
	text-decoration: none;
}
.waxworks-link a:link {
	color: #ea6164;
	text-decoration: none;
}
.waxworks-link a:visited {
	text-decoration: none;
	color: #FFF;
}
.waxworks-link a:hover {
	text-decoration: none;
	color: #5e0102;
}
.waxworks-link a:active {
	text-decoration: none;
	color: #FFF;
}

/* ---------------------------------REQUIRED BUTTON STYLES-------------------------------------*/		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span {
	position: relative;
	display: block;
	white-space: nowrap;
	background-color: #464545;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0px 40px 0px 0px; 
	margin-right:0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align: center;
	background: transparent url(images/white-button-full.png) no-repeat right -120px; 
}
	
button.submitBtn span {
	padding: 22px 0px 0px 40px;
	height:40px;
	background: transparent url(images/white-button-full.png) no-repeat left top;
	color:#464545;
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -180px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -60px;
}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtnDblSp { 
	padding: 0px 40px 0px 0px; 
	margin-right:0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align: center;
	background: transparent url(images/white-button-full.png) no-repeat right -120px; 
}
	
button.submitBtnDblSp span {
	padding: 15px 0px 0px 40px; 
	width: auto;
	height:40px; 
	background: transparent url(images/white-button-full.png) no-repeat left top; 
	color:#464545; 
}
	
button.submitBtnDblSp:hover, button.submitBtnDblSpHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -180px; 
}
	
button.submitBtnDblSp:hover span, button.submitBtnDblSpHover span {
	background-position: 0 -60px;
}

/* ---------------------------------Menus-------------------------------------*/

    #tabs10 {
      float:left;
      width:100%;
      font-size:93%;
	  border-bottom:1px solid #2763A5;
      line-height:normal;
      }
    #tabs10 ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #tabs10 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs10 a {
      float:left;
      background:url("images/tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs10 a span {
      float:left;
      display:block;
      background:url("images/tabright10.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs10 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs9 a:hover span {
      color:#FFF;
      }
    #tabs10 a:hover {
      background-position:0% -42px;
      }
    #tabs10 a:hover span {
      background-position:100% -42px;
      }

/* ---------------------------------Expandable Box-------------------------------------*/
.box-top-left {
	background-image: url(images/topleft.png);
	background-position: top;
}
.box-left {
	background-image: url(images/left.png);
	background-repeat: repeat-y;
	background-position: top;
}
.box-top-right {
	background-image: url(images/topright.png);
	background-position: top;
}
.box-right {
	background-image: url(images/right.png);
	background-repeat: repeat-y;
	background-position: top;
}
.box-top {
	background-image: url(images/topcenter.png);
	background-repeat: repeat-x;
	background-position: top;
}
.box-bottom-left {
	background-image: url(images/bottomleft.png);
	background-position: bottom;
}
.box-bottom-right {
	background-image: url(images/bottomright.png);
	background-position: bottom;
}
.box-bottom {
	background-image: url(images/bottomcenter.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* ---------------------------------Drop Down Menu-------------------------------------*/

.menu {width:745px; height:32px; position:relative; z-index:100;border-right:1px solid #585752; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #585752; border-width:1px 0 1px 1px; background:#a6a299; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#e5e1d6; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#fcd6a7;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#fcd6a7;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}