﻿/* Background img fix for IE */



/* Cont */
html>body #t-left {
	background: url(../images/cont/top-left.png) no-repeat 0 0;
}
html>body #t-right {
	background: url(../images/cont/top-right.png) no-repeat 0 0;
}
html>body #b-l {
	background: url(../images/cont/btm-left.png) no-repeat 0 0;
}
html>body #b-r {
	background: url(../images/cont/btm-right.png) no-repeat 0 0;
}

/* Side */
html>body #side_tl {
	background: url(../images/cont/top-left.png) no-repeat 0 0;
}
html>body #side_tr {
	background: url(../images/cont/top-right.png) no-repeat 0 0;
}
html>body #side_bl {
	background: url(../images/cont/btm-left.png) no-repeat 0 0;
}
html>body #side_br {
	background: url(../images/cont/btm-right.png) no-repeat 0 0;
}

/* head */
html>body #m_top_l {
	background: url(../images/cont/top-left.png) no-repeat 0 0;
}
html>body #m_top_r {
	background: url(../images/cont/top-right.png) no-repeat 0 0;
}
html>body #bottm_l {
	background: url(../images/cont/btm-left.png) no-repeat 0 0;
}
html>body #bottm_r {
	background: url(../images/cont/btm-right.png) no-repeat 0 0;
}

 
/* Cont box */
#main {
	float:left;
	
}
#mainfull {
	float:left;}


#t-left,#t,#t-right,#cont,#r,#r2,#contb,#l2,#l,#b-l,#b,#b-r,#tfull,#bfull,#contfull,#contbfull {
	float:left;
}
#top, #mid, #btm {width:590px;}
#topfull, #midfull, #btmfull {width:860px;}




#top {}
#mid {}
#btm {bottom:0px;}

#topfull {}
#midfull {}
#btmfull {bottom:0px;}




#t-left {
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	/*
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cont/top-left.png');*/
}

#t {
	background-image:url(../images/cont/top.png);
	background-repeat:repeat-x;
	height:20px;
	width:550px;
}


#tfull {
	background-image:url(../images/cont/top.png);
	background-repeat:repeat-x;
	height:20px;
	width:820px;}


#t-right {
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	/*
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cont/top-right.png');*/
}
#l {
	background-image:url(../images/cont/left.png);
	background-repeat:repeat-y;
	width:20px;
	height:620px;
}
#cont {
	width:550px;
	height:620px;
	overflow:auto;
	background-color:#FFF;
}

#contfull {
	width:820px;
	height:620px;
	overflow:auto;
	background-color:#FFF;
}



#r {
	background-image:url(../images/cont/right.png);
	background-repeat:repeat-y;
	width:20px;
	height:620px;
}

/*
	Mini side bar
*/
#l_mini {
	float:left;
	background-image:url(../images/cont/left.png);
	background-repeat:repeat-y;
	width:20px;
	height:140px;
}
#c_mini {
	float:left;
	width:220px;
	height:140px;
	overflow:auto;
	background-color:#FFF;
}
#r_mini {
	float:left;
	background-image:url(../images/cont/right.png);
	background-repeat:repeat-y;
	width:20px;
	height:140px;
}
/*
	Close mini side bar
*/

#l2 {
	background-image:url(../images/cont/left.png);
	background-repeat:repeat-y;
	width:20px;
	height:125px;
}
#contb {
	width:550px;
	height:125px;
	overflow:auto;
	background-color:#FFF;
	text-align:center;
}

#contbfull {
	width:820px;
	height:125px;
	overflow:auto;
	background-color:#FFF;
	text-align:center;
}


#r2 {
	background-image:url(../images/cont/right.png);
	background-repeat:repeat-y;
	width:20px;
	height:125px;
}
#b-l {
	background-repeat:no-repeat;
	width:20px;
	height:19px;
	/*
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cont/btm-left.png');*/
}
#b {
	background-image:url(../images/cont/btm.png);
	background-repeat:repeat-x;
	width:550px;
	height:19px;
}

#bfull {
	background-image:url(../images/cont/btm.png);
	background-repeat:repeat-x;
	width:820px;	height:19px;
}

#b-r {
	background-repeat:no-repeat;
	width: 20px;
	height:19px;
	/*
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cont/btm-right.png');*/	
}
/* Piano Containter */
#m_top_l,#m_top_c,#m_top_r,#mid_l,#mid_r,#mid_c,#bottm_l,#bottm_r,#bottm_m {
	float:left;
}
#menu {
	/*background-image:url(../images/black_design_03.gif);*/
	width:860px;
	height:165px;
	margin:0 auto;
}
#m_top {
	height:20px;
	width:860px;
}
#m_top_l {
	width:20px;
	height:20px;
	/*
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cont/top-left.png');*/
}
#m_top_c {
	width:820px;
	height:20px;
	background-image:url(../images/cont/top.png);
}
#m_top_r {
	width:20px;
	height:20px;
	/*
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cont/top-right.png');*/
}
#m_mid {
	/*background-image:url(../images/cont/top.png);*/
	background-repeat:repeat-x;	
	height:125px;
}
#mid_l {
	background-image:url(../images/cont/left.png);
	background-repeat:repeat-y;
	width:20px;
	height:125px;	
}
#mid_c {
	/*background-image:url(../images/cont/top.png);*/
	height:125px;
	width:820px;
	background-color:#FFF;
}
#mid_r {
	background-image:url(../images/cont/right.png);
	background-repeat:repeat-y;
	width:20px;
	height:125px;	
}

#bottm_l {
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	
	/*
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cont/btm-left.png');*/
}
#bottm_m {
	background-image:url(../images/cont/btm.png);
	background-repeat:repeat-x;
	width:820px;
	height:23px;
}
#bottm_r {
	background-repeat:no-repeat;
	width: 20px;
	height:20px;	
	/*
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cont/btm-right.png');*/
}

/* SIDE BAR */
#side_bar {
	float:right;
	margin-right:0;
	width:260px;
	top:40px;
}

#mini_nav {
	float:right;
	margin-right:0;
	width:260px;
	top:40px;
}

#side_tl,#side_t,#side_tr,#side_m,#side_r,#side_l,#side_bl,#side_b,#side_br,#score_l,#score_m,#score_r,#user_opts_l,#user_opts_m,#user_opts_r {
	float:left;
}
/* #top, #mid, #btm {width:640px;} */
/*#mid {padding-top:20px;}
#btm {bottom:0px;}*/
#side_tl {
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	/*
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cont/top-left.png');*/
}

#side_t {
	background-image:url(../images/cont/top.png);
	background-repeat:repeat-x;
	height:20px;
	width:220px;
}
#side_tr {
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	/*
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cont/top-right.png');*/
}

#user_opts_l {
	background-image:url(../images/cont/left.png);
	background-repeat:repeat-y;
	width:20px;
	height:200px;
}
#user_opts_m {
	width:220px;
	overflow:auto;
	background-color:#FFF;
	height:200px;
}
#user_opts_r {
	background-image:url(../images/cont/right.png);
	background-repeat:repeat-y;
	width:20px;
	height:200px;
}

#sound {
	visibility:hidden;
}
#score_m img:hover {
	cursor:pointer;
}
#score_m img {
	border:0;
	margin:0;
	padding:0;
}
#score_l {
	background-image:url(../images/cont/left.png);
	background-repeat:repeat-y;
	width:20px;
}
#score_m {
	width:220px;
	overflow:auto;
	background-color:#FFF;	
}
#score_r {
	background-image:url(../images/cont/right.png);
	background-repeat:repeat-y;
	width:20px;
}

#side_l {
	background-image:url(../images/cont/left.png);
	background-repeat:repeat-y;
	width:20px;
	height:320px;
}
#side_m {
	width:220px;
	height:320px;
	overflow:auto;
	background-color:#FFF;
}
#side_r {
	background-image:url(../images/cont/right.png);
	background-repeat:repeat-y;
	width:20px;
	height:320px;
}
#side_bl {
	background-repeat:no-repeat;
	width:20px;
	height:19px;
	/*
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cont/btm-left.png');*/
}
#side_b {
	background-image:url(../images/cont/btm.png);
	background-repeat:repeat-x;
	width:220px;
	height:19px;
}
#side_br {
	background-repeat:no-repeat;
	width: 20px;
	height:19px;
	/*
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cont/btm-right.png');*/
}
/* THE REST */

/* Menu */
#nav {
	width:800px;
	top:0.7em;
	float:left;
	margin:3px;
}
#nav ul {
	
}
body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	background-color:#000;
	width:100%;
	/*background-image:url(../images/bg_line.png);*/
	background-repeat:repeat-y;
	background-position:center;
}
h1,h2,h3,h4,h5 {/*
	border:1px groove #000;*/
	padding:2px;
	padding-left:6px;
	margin:7px 20px 0 21px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1 {/*
	background-image:url(../images/h1.png)
	background-repeat:repeat-x;*/
}

h2 {
	color:#333;
	font-weight:800;
	/*background-image:url(../images/h1.png);
	background-repeat:repeat-x;*/
}

h3 {/*
	background-image:url(../images/h1.png);
	background-repeat:repeat-x;*/
	font-weight:100;
}
h4 {/*
	background-image:url(../images/h1.png);
	background-repeat:repeat-x;*/
}
h5 {/*
	background-image:url(../images/h1.png);
	background-repeat:repeat-x;*/
}

a {
	padding:2px;
	text-decoration:none;
	color:#09F;
	font-weight:600;
}

a:hover {
	color:#000;
}

#wrapper {
	height:100%;
	width:100%;
	margin:0 auto;
}

#header {
	background-image:url(../images/top.png);
	background-repeat:repeat-x;
	width:100%;
	height:31px;
	margin:0 auto;
	padding:8px 0 0 0;
	text-align:center;
	color:#CCC;
	border-bottom:1px solid #000;
}


#content {
	width:860px;
	margin: 0 auto;
}

#foot {
	background-image:url(../images/foot.png);
	background-repeat:repeat-x;
	margin:0;
	height: 35px;
	width:100%;
	bottom:0px;
	text-align:center;
}
/*
.bullet {
	background-image:url(../images/bullet.png);
	background-repeat:no-repeat;
	padding:12px 9px 12px 9px;
	width:18px;
	height:23px;
}*/
th { padding:6px;}
td { padding:3px;}

.h_img {
	float:left;
	clear:left;
	margin-bottom:3px;
	margin-top:23px;
}

.c {
	float:left;
	clear:both;
	margin-top:10px;
}

.c img{
	float:left;
	margin-right:10px;
	clear:left;
}
.staff_pages {
	margin-top:40px;width:90px;float:right;clear:right;
}
.staff_pages a {
	font-size:smaller;
}
.sec {
	width:200px;
	margin:0 0;
	right:20px;
	padding-left:0px;
}

.stages {
	margin:0;
	width:auto;
}

._btn {	
	display:block;
	width:10px;
	height:10px;
	margin:0;
	background:url('../images/thing.png') 0 0 no-repeat;
}
._btn:hover {
	cursor:pointer;
}
#side_nav {
	float:left;
	margin:15px 15px 0 30px;
}
#side_nav img {
	border:0px;
}

#map_right {
	margin-top:30px;
	float:left;
	padding-left:60px;
}
#map_left {
	margin-top:30px;
	float:left;
	margin-left:100px;
}
#map_left ul {
	margin:0px;
	padding:0px;
}
#menu_1ist {
	white-space:nowrap;
	margin:0px;
	padding:0px;
}

.section_title {
	margin-top:25px;
	float:left;
}
.section_title img {
	height:auto;
	width:auto;
}
h2.section_head {
	margin-top:43px;
	display:block;
}
.cont_img {
	float:left;
	clear:left;
	margin-right:5px;
	padding-top:10px;
	padding-bottom:100px;
}
.cont_img:after {
	content:" .";
	visibility:hidden;
	height:0px;
}
.sub_section_links {
	float:right;
}

.sub_section_links td {
	padding:0px;
}
.sub_section_links td a img {
	border:0;
}
.sub_section {
	float:right;
	width:390px;
	padding:0 15px 0 5px;
}

.sub_section img {
	padding:0 5px;
}
.sub_section p  {
	padding-top:0px;
	margin-top:0px;
	clear:both;
}

/* Tables */
.heady {
	border: 1px #000 solid;
	background-color:#CCC;
}
.box {
	border: 1px solid #CCC;
	border-bottom:#333;
	margin-bottom:3px;
}

#quick_nav, #contb, #contbfull, #contb, #contbfullfull {
	font-size:12px;
}

#quick_nav a img {
	border:0;
}

#contb a img {
	border:0;
}

.sm_cont {
	width: 160px; 
	margin-left: 0px; 
	/*visibility:hidden;
	height:0px;*/
	display:none;;
}
.sound_obs {
	visibility:hidden;
}

.staff_t {
	float:left;
}

#cb_nav {
	margin:0 auto;
}
#cookbook_pg {
	margin-top:6px;
}
.hidden {
	display:none;
}
.btn {
	padding:3px;
	border:#333 1px solid;
	margin:4px 2px;
	width:40px;
}
span .btn:hover {
	cursor:pointer;
}