/* UI */
* {
	outline:none; 
}
body {
    margin:0px 0px; padding:0px;
    text-align:center;
    background:url(/images/bg.gif) repeat-y top center;
}
#sponsors{
    text-align:center;
    margin-bottom:10px;
}

#flashcontent .info {
    background: #3784d2;
    color: #fff;
    padding: 8px;
    border-bottom: 2px #ccc solid;
}

#flashcontent .info a, #flashcontent .info a:link, #flashcontent .info a:hover, #flashcontent .info a:active {
    color: #000;
}

#sponsors img{
    padding-right:10px;
}
#main-container{
    width:785px;
    padding:0;
    margin:0px auto;
    text-align:left;
}
#lessons .lesson {
    margin: 10px 0;
}

#lessons div.lesson div.swf {
    border: 1px #ccc solid;
    padding: 5px;
    margin: 5px 0;
}

tr.statement td{
    padding-top: 20px;
    padding-bottom:3px;
    border-bottom: 2px #ccc solid; }

tr.response td{
    padding-left:10px;
    padding-top:5px;
    padding-bottom:0;

}

#banner-container{
    width:785px;
    height:180px;
    float:right;
}
#banner-container{
    background-image:url(../images/banner-home.jpg);
}
#home #banner-container{
    background-image:url(../images/banner-home.jpg);
}
#about #banner-container{
    background-image:url(../images/banner-wood.jpg);
}
#language #banner-container{
    background-image:url(../images/banner-cart.jpg);
}
#culture #banner-container{
    background-image:url(../images/banner-sash.jpg);
}
#video #banner-container{
    background-image:url(../images/banner-fiddle.jpg);
}

#nav-container{
    width:550px;
    height:58px;
    padding:0;
    margin:98px 0px 0px 220px;
}
#body-container{
    width:725px;
    margin:0px 30px 0px 30px;
    min-height:500px;
}
#content{
    padding: 10px;
    text-align:left;
float: left;
width: 100%;
}
#content.has-nav{
    width: 500px !important;
    float: left;
}
#sidenav{
	float: right;
	margin-top: 40px;
	width: 160px;
	padding: 10px;
	background: url(../images/navbg.gif) no-repeat left top;
        min-height: 150px; 
}
	
	ul.level-3 {

		margin: 0;
		padding: 0;
		font-size:1.1em;
		list-style-type:none;
	}
	
		ul.level-3 li {
			margin:0;
			padding: 0;
			list-style-type:none;
			margin-bottom: 0.2em;
			border-bottom: 1px solid #ccc;
			
		}
		ul.level-3 li.sub {
			padding-bottom: 1em;
			
		}
		ul.level-3 a {
			padding: 0.4em;
			background-color: transparent;
			border-bottom: 1px solid #fff;
			color: #549e1b;
			text-decoration:none;
			display: block;
		}
		ul.level-3 a:hover {
			color: white;
			background-color: #549e1b;
			font-weight: normal;
		}
		ul.level-3 li.active a {
			color: white;
			background-color:#549e1b;
			font-weight: bold;
			text-decoration:none;
		}

/* Level One Navigation */

ul.level-1{
    list-style-type:none;
    margin:0;
    clear:both;
    text-align:left;
    padding-left:0px;
    padding-right:0px;
}
ul.level-1 li{
    float:left;
    list-style-type:none;
    margin-right:15px;
    height:29px;
    padding-top:10px;
    text-transform:uppercase;
}
ul.level-1 li a{
    text-decoration:none;
    color: white;
}
ul.level-1 li a:visited{
    color:white;
}
ul.level-1 li a:hover{
    text-decoration:none;
}
ul.level-1 li.active{
    background-image:url(../images/level-one-active.gif);
    background-repeat:no-repeat;
    background-position:bottom center;
}
ul.level-1 li.active a{
    text-decoration:none;
    color: white;
}



/* Level Two Navigation */
ul.level-2{
    list-style-type:none;
    margin:0;
    clear:both;
    text-align:left;
    padding-left:0px;
    padding-right:0px;
}
ul.level-2 li{
    float:left;
    list-style-type:none;
    margin-right:15px;
}
ul.level-2 li a{
    text-decoration:none;
    color:#444;

}
ul.level-2 li a:visited{
    color:#444;
}
ul.level-2 li a:hover{
    text-decoration:none;

}
ul.level-2 li.active a{
    text-decoration:underline;
    color: #444;

}

/* Navigation */

#level-1{
    height:38px;
    text-align:left;
    /* padding: 12px 65px 0px 65px;*/
    font-size: 14px;
    color: white;
}
#level-2{
    height:18px;
    padding-top:2px;
    text-align:left;
    /* padding: 5px 65px 0px 65px;*/
    font-size: 12px;
    color: white;
}


/* Footer */

#footer-container{
    background-image:url(../images/bg-footer.gif);
    background-repeat:repeat-x;
    background-position:bottom;

    width:695px;
    margin:20px 30px 0px 30px;
    height:62px;
    padding-top:58px;
    padding-left:15px;
    padding-right:15px;
    text-align: left;
    clear: both;
    color:white;
}
#footer-container a{
    color:white;
}

#footer-copyright{
    float:left;
    text-align: left;
    padding-top: 15px;

}
#footer-edit{
    font-size:11px;
    float:right;
    padding-top: 15px;
}

/***** API Styles for Datamodules ******/

/* The new, edit & delete links will be contained within this div. */

#datamodule-admin {
    border:1px solid #ccc;
    background-color:#efefef;
    margin:10px 0px 20px 0px;
    padding:5px 15px 5px 15px;
    text-align:right;
    font-weight:bold;
    font-size:14px;
}