body {
	margin: 0px;
	padding:0px;
	background: #ddd;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	text-align: center;
    color: #000;
}

/*---- colors -----*/
#mainimg, #email {
	background-color: #8e4300;
}


.MainMenu li:hover, /* list items being hovered over */
.MainMenu .activePath,
.MainMenu .activePath 
{
	background-color: #8e4300;
}
a
{
color: #352005;    
    }
h1, h3, a:hover
{
color: #8e4300;    
    }
.MainMenu li 
{
	background-color:#ff8500;
}    

/*---- fonts -----*/
h1, h2, h3, h4, h5, h6, p, form, ul, li {
	margin: 0px;
	padding:0px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	line-height: 150%;
	
}
h1, h2, h3, h4
{
	font-family: Arial, Sans-Serif;    
    line-height: 110%;
    }
table h5, table h6
{    line-height: 110%;
    }
h1
{
	font-size:13pt;
	font-weight: bold;	    

	padding-bottom: 10px;
    }
        
h2
{
	font-size:24px;
	font-weight:normal;	    
	letter-spacing: -1px;
	padding-bottom: 15px;

    }

h1 + h3
{
 margin-top: 10px;
}

h3
{
	font-size:12pt;
	font-weight:bold;	    
	padding-bottom: 15px;
	margin-top: 30px;
    }    
h4
{
	font-size:12pt;
	font-weight:normal;	    
	padding-bottom: 10px;
    }
    
h5 {
	font-size:14px;		
	font-weight: normal;
    text-transform: uppercase;
}
h6 {
	font-size:14px;		
	font-weight: bold;
	padding-bottom: 10px;
}
p, ul, table
{
    font-size: 12px;
    padding-bottom: 15px;
    letter-spacing: 0;
    text-align: justify;
    }  
ul 
{
    padding-left: 40px;
    list-style: circle;
 
 } 
table
{
    width: 100%;
    line-height: 140%;

}
td, th
{padding:2px 5px 5px 0px;
 border-bottom: 1px solid #eee;
 vertical-align: top;} 
td span
{
    font-weight: bold;
    display: block;
    margin-bottom: 5px;   
    } 
    
/*-------------*/    
#wrapper {
	width:860px;
	margin: 0px auto;
	background-color:#FFF;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;			
}
#content {
	margin:0px auto;
	padding: 0px;
	text-align: left;
    border-left: 1px solid #fff;
	border-right: 1px solid #fff;	
}

#header {
	height:66px;
}

#logo {
	width:100px;
	float:left;
	margin-left: 20px;
	margin-top:40px;	
}
#logo a
{
 	font-size:20px;
	color:#00A740;
	font-weight:normal;
	text-decoration:none; 
    }
#logo a img 
{
	border: none;	
}


#mainimg {
	background-image:url(../images/header-img.jpg);
	background-repeat:no-repeat;
	height:132px;
	text-align:right;
	overflow: hidden;
	clear: both;
}

#mainimg h1
{
	font-size:22px;
	padding-bottom: 10px;
font-weight: normal;
	letter-spacing: -1px;
}

#mainimg h5
{
	font-size:12px;
}


#mainimg h1,
#mainimg h5 {
	color:#fff;
	text-decoration:none;
	padding: 10px 30px 0 200px;
}



#languages img 
{
	border:0;
}
#languages 
{
	margin-top: 9px;
	float: left;
	margin-left: 4px;
}

#contentarea {
	clear:both;
	padding: 0 0 0 40px ;
}


	
#leftbar {
	float:left;
	width:560px;
	padding: 20px 0;
	margin: 0;
	
}


	
	#leftbar img.image 
	{
		margin-left: auto;
		margin-right:auto;
		display:block;
		padding: 1px;
		margin-top: 10px;
		border: solid 1px #797B7A;
	}
	
	#leftbar img.logo
	{
		margin-left: auto;
		margin-right:auto;
		display:block;
		margin-top: 20px;
		border: none;
	}
	


	#leftbar p.error
	{
		color: #ff0000;
	}



#rightbar {
	float: right;
	width:200px;
	background: white;
	border: 10px solid white;
	padding-bottom: 10px;
	text-align: center;
}

	#rightbar img 
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
	}
	

#bottom {
	clear:both;
	padding-bottom:50px;
}

#email {
	height:30px;
	padding-top:5px;
	
}

#email span 
{
	font-size:11px;
	color:#fff;
	font-weight:normal;
	padding:0px 20px;
}

#email a
{
	color:#fff;
	text-decoration:underline;
}

#email a:hover
{
	color:#fff;
	text-decoration:none;
}


/* forms */
table.registration
{
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#3F3333;
}
td.formLabel 
{
	width: 100px;
	text-align: right;
}
td.formLabelReq 
{
	width: 100px;
	text-align: right;
	font-weight: bold;
}
td.summaryLabel 
{
	width: 180px;
	vertical-align: top;
}

td.productName
{
	width: 180px;
	padding-left: 15px;
}

td.productPrice
{
	width: 160px;
	text-align: right
}

input, select, textarea 
{
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#3F3333;
	
	border: 1px solid #CCC;
	background-color:#FFFFFF;
	padding: 1.5px;
}

input.submit 
{
	font-size: 16px;
	border-color: #4C4C4C;
	color: black;
	font-weight: bold;
	width: 120px;
}

input.short 
{
	width: 25px;
}
input.medium 
{
	width: 166px;
}
input.long 
{
	width: 200px;
}


/********* PROGRAM *********/
.programSchedule 
{
	width: 93%;
	margin-left: 20px;
	margin-right: 10px;
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#3F3333;	
}

.programSchedule th 
{
	text-align: left;
}

.programSchedule td
{
	border-bottom: solid 1px #BCBDBC;
	vertical-align: top;
}


/********* MENU *********/
.MainMenu 
{
	float:right; 
}

.MainMenu ul.levelTop /* Tier 1 */
{
    /*width: 13em;  This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
    padding-top:36px;
}

.MainMenu ul.levelTop ul  /* Tier 2 */
{
    top: 100%;
    left: -1px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.MainMenu ul.levelTop ul ul  /* Tier 3+ */
{
    top: -0.5em;
    left: 6em;     
}

.MainMenu li /* all list items */
{
    width: 85px;
    height: 28px;
    line-height: 28px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
	font-size: 11px;
	text-align: center;

}
.MainMenu a
{width: 100%;
 display: block;}

.MainMenu li:hover, /* list items being hovered over */
.MainMenu li.AspNet-Menu-Hover
{
    cursor: pointer;
}

.MainMenu a, /* all anchors and spans (nodes with no link) */
.MainMenu span
{
    color: white;
    font-weight: bold;
}

.MainMenu li.AspNet-Menu-Leaf a, /* leaves */
.MainMenu li.AspNet-Menu-Leaf span
{
}

.MainMenu li:hover a, /* hovered text */
.MainMenu li:hover span,
.MainMenu li.AspNet-Menu-Hover a,
.MainMenu li.AspNet-Menu-Hover span,
.MainMenu li:hover li:hover a,
.MainMenu li:hover li:hover span,
.MainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.MainMenu li:hover li:hover li:hover a,
.MainMenu li:hover li:hover li:hover span,
.MainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: white;
    text-decoration: none;
}

.MainMenu li:hover li a, /* the tier above this one is hovered */
.MainMenu li:hover li span,
.MainMenu li.AspNet-Menu-Hover li a,
.MainMenu li.AspNet-Menu-Hover li span,
.MainMenu li:hover li:hover li a,
.MainMenu li:hover li:hover li span,
.MainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.MainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
	color: white;
    text-decoration: none;
}

.MainMenu .activePath /* this tier is selected */,
.MainMenu .activePath /* a tier below this one is selected */
{
	color: white;
	font-weight: bold;
}

.MainMenu .activePath /* a tier below this one is selected */
{
}

.MainMenu .activePath /* a tier above this one is selected */
{
}
.MainMenu .menuHasSubmenu
{
   cursor: default;
}
#EntertainmentMessage
{
    padding-top: 2em;
    clear: both;
}
