/**********************************************************
* GLOBAL
***********************************************************/
* {
	padding: 0px;
	margin: 0px;
}

/* === HYPERLINKS ======= */
a,a:visited{color:#dc4e00;text-decoration:none;font-weight:bold;}
a:hover,a:visited:hover,a:active{color:#dc4e00;text-decoration:underline;font-weight:bold;}

/**********************************************************
* LAYOUT
***********************************************************/
body {
	text-align: center;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
}

#wrapper {
	width: 770px;
	margin: auto;
}

#header {
	z-index: 200;
	position: relative;
	width: 770px;
	height: 63px;
	margin-top: 30px;
	background:url(/images/menu/bg_head.gif) repeat-x;
}

#logo {
	float:left;
	width:228px;
	float:left;
}

#content {
	z-index: 100;
	position: relative;
	width: 770px;
	margin-top: 26px;
}

#content ul.menuclasses {margin-top: 10px;}

/**********************************************************
* MENU
***********************************************************/

#menu {
	z-index: 110;
	position: relative;
	top: 37px;
	width: 387px;
	background: #fff;
	float: right;
}

#menu ul {
	z-index: 502;
	list-style: none;
	width: 10em;
	float: left;
}


#menu ul.nav_photos, #menu ul.nav_photos_on{
	width:52px;
}
#menu ul.nav_about_us, #menu ul.nav_about_us_on{
	width:55px;
}
#menu ul.nav_drama_classes, #menu ul.nav_drama_classes_on{
	width:95px;
}
#menu ul.nav_drama_parties, #menu ul.nav_drama_parties_on{
	width:89px;
}
#menu ul.nav_news, #menu ul.nav_news_on{
	width:48px;
}
#menu ul.nav_contact, #menu ul.nav_contact_on{
	width:47px;
}



#menu a, #menu h2 {
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
}



/************* hover status *******************/
#menu ul.nav_photos li h2 a {
	display: block;
	background: url(/images/menu/btn_photos.gif) top left no-repeat;
	width:52px;
	height: 18px;
}
#menu ul.nav_photos_on li h2 a, #menu ul.nav_photos_on li h2 a:hover {
	display: block;
	background: url(/images/menu/btn_photos.gif) bottom left no-repeat;
	width:52px;
	height: 18px;
}
#menu ul.nav_photos li h2 a:hover {
	background: url(/images/menu/btn_photos.gif) bottom left no-repeat;
}
#menu ul.nav_about_us li h2 a {
	display: block;
	background: url(/images/menu/btn_about_us.gif) top left no-repeat;
	width:55px;
	height: 18px;
}
#menu ul.nav_about_us_on li h2 a, #menu ul.nav_about_us_on li h2 a:hover {
	display: block;
	background: url(/images/menu/btn_about_us.gif) bottom left no-repeat;
	width:55px;
	height: 18px;
}
#menu ul.nav_about_us li h2 a:hover {
	background: url(/images/menu/btn_about_us.gif) bottom left no-repeat;
}
#menu ul.nav_drama_classes li h2 a {
	display: block;
	background: url(/images/menu/btn_drama_classes.gif) top left no-repeat;
	width:95px;
	height:18px;
}
#menu ul.nav_drama_classes_on li h2 a, #menu ul.nav_drama_classes_on li h2 a:hover {
	display: block;
	background: url(/images/menu/btn_drama_classes.gif) bottom left no-repeat;
	width:95px;
	height:18px;
}
#menu ul.nav_drama_classes li h2 a:hover {
	background: url(/images/menu/btn_drama_classes.gif) bottom left no-repeat;
}
#menu ul.nav_drama_parties li h2 a {
	display: block;
	background: url(/images/menu/btn_drama_parties.gif) top left no-repeat;
	width:89px;
	height:18px;
}
#menu ul.nav_drama_parties_on li h2 a, #menu ul.nav_drama_parties_on li h2 a:hover {
	display: block;
	background: url(/images/menu/btn_drama_parties.gif) bottom left no-repeat;
	width:89px;
	height:18px;
}
#menu ul.nav_drama_parties li h2 a:hover {
	background: url(/images/menu/btn_drama_parties.gif) bottom left no-repeat;
}
#menu ul.nav_news li h2 a {
	display: block;
	background: url(/images/menu/btn_news.gif) top left no-repeat;
	width:48px;
	height:18px;
}
#menu ul.nav_news_on li h2 a, #menu ul.nav_news_on li h2 a:hover {
	display: block;
	background: url(/images/menu/btn_news.gif) bottom left no-repeat;
	width:48px;
	height:18px;
}
#menu ul.nav_news li h2 a:hover {
	background: url(/images/menu/btn_news.gif) bottom left no-repeat;
}
#menu ul.nav_contact li h2 a {
	display: block;
	background: url(/images/menu/btn_contact.gif) top left no-repeat;
	width:47px;
	height:18px;
}
#menu ul.nav_contact_on li h2 a, #menu ul.nav_contact_on li h2 a:hover {
	display: block;
	background: url(/images/menu/btn_contact.gif) bottom left no-repeat;
	width:47px;
	height:18px;
}
#menu ul.nav_contact li h2 a:hover {
	background: url(/images/menu/btn_contact.gif) bottom left no-repeat;
}


/************ hide normal text link ******************/
#menu ul.nav_photos li h2 a span, #menu ul.nav_photos_on li h2 a span {
	display: none;
}
#menu ul.nav_about_us li h2 a span, #menu ul.nav_about_us_on li h2 a span {
	display: none;
}
#menu ul.nav_drama_classes li h2 a span, #menu ul.nav_drama_classes_on li h2 a span {
	display: none;
}
#menu ul.nav_drama_parties li h2 a span, #menu ul.nav_drama_parties_on li h2 a span {
	display: none;
}
#menu ul.nav_news li h2 a span, #menu ul.nav_news_on li h2 a span {
	display: none;
}
#menu ul.nav_contact li h2 a span, #menu ul.nav_contact_on li h2 a span {
	display: none;
}


img {border: 0px;}

#menu a {
color: #353634;
background: #F5F5F5;
text-decoration: none;
}

#menu a:hover {
color: #F67500;
background: #fff;
}

#menu ul li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
left:0;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

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

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

div#menu ul li:hover ul li {
clear:both;
margin-top:10px;}

/***** Paragraphs formatting *****/

h1 {
color: #FF9924;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 3em;
line-height: 1em;
margin-bottom:30px;
}

.bord{
	border:solid 1px #FF9924;
	margin-right:36px;
	margin-left:0px;
	margin-bottom:36px;
	float:left;
}