body { margin:0;padding:0;
	background:#00322A;/*004929;*/
	font-family: Arial, Helvetica, sans-serif; } 
div {margin:0;padding:0;}
a, h1, h2, h3, h4, h5, h6, ul {font-family : Arial, Helvetica, sans-serif; 
	margin:0;padding:0; color:#000;}
p {
	font-family : Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 5px;
	width:auto;
	font-size: 16px;
}
ul {margin: 0px 0 10px 30px; }
li {margin:0;padding:0 0 0 3px;}
li a {margin:0 0 0 0px; padding: 0;}
h1,.header1 {
	font-family : Arial,Helvetica,sans-serif;
	color : #03381E;
	font-size : 30px;
	font-weight : bold;
}
.header2 {
	font-family : Arial,Helvetica,sans-serif;
	color : #FFFFFF;
	font-size : 12px;
}

h3,.header3 {
	font-family : Arial,Helvetica,sans-serif;
	color : #000000;
	font-size : 18px;
	font-weight : bold;
	margin:0;padding:0;
}
a { background:transparent;
	color : #552222;
	font-size : 16px;
	text-decoration: none;display:inline;
}
a:link, a:visited {text-decoration: none;}

a:hover {
	text-decoration: underline;
	color : #004929;
}
a:active { text-decoration: none;}

img, #sidebar img {margin:0;padding:0;border:0;}

.clear {clear:both;}

#wrapper { margin: 0 auto; padding:0 0 0 34px;
	width: 802px;height:100%; 
	background:#004929;color: #000;	
}

#header	{
	position:absolute;top:0; margin:0; padding:0;
	width: 780px;background-color:#00322A;vertical-align:top;
	}	
#header a, #header img {margin:0;padding:0; border:0;float:left;}
#view {position:absolute;left:180px;top:47px;border:0;}

#wrapperbody	{
	margin:auto;
	position:relative;
	top:0px;
	width:760px;
}	

#pagebody	{
	position:absolute;margin:124px 0 0 0;
	padding:0;
	border: 0;
	text-align: left;
	color: #000;
	background:url(../img/bg1.png)  repeat-y;
	clear: both;
	width: 760px;
	height:auto;
}	

#sidebar {
	float:left;
	margin:0;padding:0;
	background-color:#FAE5B1;color:#FFFFFF;
	width: 180px;
	height:100%;
}	
#content { float:right;
	margin:0;padding:10px;
	background:#ffffff;
	text-align: left;vertical-align:top;
	width:580px;height:auto;
	/* voice-family: "\"}\""; */ 
    /* voice-family:inherit; */
	width:560px;}
html>body #content {width:560px;}

div.empty { position: relative; top:100%;
	clear:both;height:1px;width:750px;background:transparent;
	padding:0;margin:0 auto;}
.hide {display:none;}
#lesson #content {padding:0;margin:0 0 0 0;width:580px;height:auto;vertical-align:top;position:absolute; top:0px;left:180px;}
#lesson #content img {margin:5px 0 10px 3px;border:0;}
#lesson #authorframe {margin:15px 0 0 0;padding:0 0 0 0;position:absolute; width:570px;height:460px;z-index:1; }
#lesson #bioframe {margin:15px 0 0 0;padding:0 0 0 0;position:relative; top:0px; width:570px;height:460px;z-index:1; overflow:hidden; border:none; }
#soundframe {background:#fff;width:18px; height:18px; margin:0;}
#short #content {
	height:650px; margin:0;padding:10px;width:580px;
	/* voice-family: "\"}\""; */
	/* voice-family:inherit; */
	width:560px;}
html>#short #content {width:560px;}

/* will probably have to massage this */
#author #content {padding:10px;margin:0;width:575px;height:700px;vertical-align:top;
/* voice-family: "\"}\""; */
/* voice-family:inherit; */
	width:555px;}
html>body #author #content {width:555px;}
#author #authorframe {position:absolute;top:30px;margin:0;padding:10px 0;background:#FFF;width:555px;height:675px; z-index:1;}
#authorinfo { margin:0;padding:10px 0px 0px 10px; background:#FFF;text-align:left;}
#authorinfo img {margin:0 15px 5px 0; float:left;}
#authorinfo ul {margin:10px;padding:5px;}
#authorinfo ul em {}
#authorinfo em a {text-decoration:underline;}
#nav {
	line-height:19px;
	width: 180px;
	margin:0;padding: 5px 0 0 0;
	text-align: left;
}
.materials #nav {
	background:   url(../img/materials_back.gif) transparent repeat-y;  }
.training #nav {
		background: url(../img/training_back.gif) #FAE5B1 repeat-y;  }	
.culture #nav {
	background:   url(../img/culture_back.gif) transparent repeat-y;  }
.ynlc #nav {
		background: url(../img/ynlc_back.gif) #FAE5B1 repeat-y;  }	
.languages #nav {
	background:   url(../img/language_back.gif) transparent repeat-y;  }

#nav a { 
	width:125px;padding: 0 0 0 10px;margin:0 0 0 35px; 
	text-decoration:none;font-size:12px;
	color:#FFF;
	display:block;
	}

#nav h4 {
	font-size : 13px;
	font-weight: normal;
	color:#FFF;
	margin: 0 0 2px 0px;
	padding: 0;
	text-align: center;
	}

#sidebar h2 { 
	color: #FFFFFF;
	font-size:14px;
	font-weight: bold;font-style:normal;
	margin: -5px 0 0 0; padding:40px 0 0 0;/*make padding top larger if want more colour in sidebar */
	vertical-align: bottom;
	text-align:center; 
	width:180px;
    
  }

#lesson #sidebar h2 {padding:0 0 0 0;}
.materials #sidebar h2 {
	background:   url("../img/logombg.gif") repeat-y;
}
.training #sidebar h2, .training #menuspacer {
	background:   url("../img/logotbg.gif")  repeat-y;
}
.culture #sidebar h2 {
	background:   url("../img/logocbg.gif")  repeat-y;
}
.languages #sidebar h2, .training #menuspacer {
	background:   url("../img/logolbg.gif")  repeat-y;
}
.ynlc #sidebar h2 {
	background:   url("../img/logoybg.gif")  repeat-y;
}
/* hover for specific pages */
.ynlc #nav a:hover, .ynlc .current {background:#6E96C1;text-decoration: none;}
.languages #nav a:hover, .languages .current {background:#F48A4E;text-decoration: none;}
.culture #nav a:hover, .culture .current {background: #CCA817;text-decoration: none;}
.materials #nav a:hover, .materials .current  {background: #D76B8D;text-decoration: none;}
.training #nav a:hover,.training .current {background:#4B9838;text-decoration: none;}

.ynlc #nav .current, .ynlc #nav .current:hover {background:#fff;color:#004670;text-decoration: none;}
.languages #nav .current, .languages #nav .current:hover {background:#fff;color:#70300F;text-decoration: none;}
.culture #nav .current, .culture #nav .current:hover {background:#fff;color:#705A01;text-decoration: none;}
.materials #nav .current,.materials #nav .current:hover {background:#fff;color:#72003A;text-decoration: none;}
.training #nav .current, .training #nav .current:hover {background:#fff;color:#396E29;text-decoration: none;}

#section {margin:0 0 0 60px;padding:0;color:#fff;list-style:circle outside; }
#section li {margin:0;padding:0 0 0 5px;  }
#section li a {margin:0 0 0 -10px;padding:0 0 0 5px; width:110px;}
#content #start {margin: 0 auto;}
#content #index {width:100%; margin:0 auto; clear:right; margin-top:10px;}
#index td {vertical-align:top; margin:0; padding:0; text-align:left;}
em strong, strong a {font-weight:bold; font-size:16px;}
.smfont {font-size:11px; margin:10px 0;}

#big li {margin:0; padding:10px 0;}
#big {margin:0; padding:20px 0 20px 20px;}

.byline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	padding-top: 12px;
	padding-bottom: 18px;
}

#nav #diff {margin-top: 10px;}
#nav h5 {
	font-size : 14px;
	font-weight: normal;
	color:#FFF;
	margin: 2px 0px 0px 25px;
	padding: 0;
	text-align: left;
}
#nav2 {
	line-height:19px;
	width: 140px;
	margin:0;padding: 5px 20px 0 20px;
}
#nav2 a {
	text-decoration:none;font-size:12px;
	color:#FFF;
}
.materials #nav2 {
	background: url(../img/materials_back.gif) transparent repeat-y;
}
.materials #nav2 a:hover {background: #D76B8D;text-decoration: none;}
.materials #nav2 .currentnat,.materials #nav .currentnat:hover {float: left;background:#fff;color:#72003A;text-decoration: none;}
.materials #nav2 .currenteng,.materials #nav .currenteng:hover {float:right;background:#fff;color:#72003A;text-decoration: none;}
#nav2 h4 {
	font-size : 14px;
	font-weight: normal;
	color:#FFF;
	margin: 0 0 2px 0px;
	padding: 0;
	text-align: center;
}
#nav2 h5 {
	font-size : 14px;
	font-weight: normal;
	color:#FFF;padding: 0 0 0 10px;margin:0 0 0 25px; 
}
.nat {
	float: left;
}
.eng {
	float:right;
}
.materials #nav2 .current,.materials #nav .current:hover {
background:#fff;color:#72003A;text-decoration: none;
}
.culture #sidebar,.culture #sidebar h4,.culture #sidebar h2,.culture #sidebar a,.culture #sidebar li { color:#663300; }
.culture #sidebar h4 { font-style:oblique; padding-bottom:2px; font-weight:bold }
#didyouknow { background:#ffffff; padding:10px 0 0 10px;}
#didyouknow p {  font-family: Arial, Helvetica, sans-serif; font-size: 18px;}
img.topleft {float:left; margin:0px 15px 5px 0px;}