body
	{
	margin: 0;
	padding: 0;
	font: 75% Verdana, arial, hevetica, sans-serif;
	text-align: center;
	color: #333;
	background-color: #ebbc0f;
	background-image: url(../media/soundstart-bacgground.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	}

 p
    {
	    margin: 0 0 8px 0;
	}
	
 a:link 
    {  
	    color: #007dc6;
    }
 a:visited { color: #d50045; }
 a:hover, a:active
	{
		color: #d50045;
	
	}
 em 
    {  
	    color: #d50045;
    }
 h1
	{
		color: #d50045;
		font: 200% Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-weight: bold;
		margin: 0 0 8px 0;
	}
	
	
 h2
	{ 
		color: #7bbe4a;
		font: 160% Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-weight: bold;
		margin: 0 0 5px 5px;
	}
	
	
 h3
	{
		color: #7bbe4a;
		font: 130% Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-weight: bold;
		margin-top: 0;
	}
 h4
	{
		color: #7bbe4a;
		font: 120% Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-weight: bold;
		margin: 0 0 8px 0;
	}
 h5
	{
		color: #fff;
		font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-weight: bold;
		margin: 0;
		padding: 6px 0 0 4px;
	}
 h6
	{
		color: #fff;
		font: 75% Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-weight: bold;
		margin: 0;
		padding: 6px 0 0 4px;
	}	
#container
	{
		margin: 10px auto;
		width: 651px;
		text-align: left;
		background-color: #fff;
		border: 1px solid #007cc0;
	}
	
#header
	{
		height: 96px;
		background-image: url(../media/ntdl_logo.gif);
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: 4px 4px;
		border-bottom: 10px solid #007cc0;
		position: relative;
	}
#headerflash {
		float: right; 
}
#date 
    {
	    padding-right: 10px; 
	    float: right; 
	    padding-top: 63px; 
	    color: #007cc0
    }
#headerimage { float: right; }
#menuwrap
	{
	    float: left;
	    width: 116px;
		height: 100%;
		padding: 0;
		margin: 10px 10px 0 8px;
		background-color: white;
	}

#menuheader
	{
		margin: 0;
		width: 120px;
		height: 24px;
		border: 0;
		padding: 0;
		background-image: url(../media/navheader.gif);
	}
#menu
	{
	    width: 116px;
		margin: 0 0 15px 0;
		border: 1px solid #007cc0;
		padding: 1px;
		background-color: #fff;
	}	
#menu ul
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		line-height: 145%;
	}
	

#menuheader2
	{
		margin: 0;
		width: 120px;
		height: 24px;
		border: 0;
		padding: 0;
		background-image: url(../media/navheader2.gif);
	}
#menu2
	{
	    width: 116px;
		margin: 0 0 15px 0;
		border: 1px solid #F0892D;
		padding: 1px;
		background-color: #fff;
	}
#menu2 ul
	{
	    
		margin: 0;
		padding: 0;
		list-style-type: none;
		line-height: 145%;
	}


#menu li
	{
	    font-size: 90%;
		text-align: center; 
		display: block;
		width: 114px;
		margin: 0;
		padding: 0;
		border: 1px solid #fff;
		background-color: #75b0d3;
	}
#menu li a
	{
	    text-decoration: none;
		color: #fff;
	}
#menu li a:hover
	{
		text-align: center; 
		display: block;
		width: 114px;
		margin: 0;
		padding: 0;
		border: 0;
		background-color: #007dc6;
	}
#menu2 li.stu
	{
	    font-size: 90%;
		text-align: center; 
		display: block;
		width: 114px;
		margin: 0;
		padding: 0;
		border: 1px solid #fff;
		background-color: #FFCA0C;
	}
#menu2 li.stu a
	{
		text-decoration: none;
		color: #000;
	}
#menu2 li.stu a:hover
	{
		text-align: center; 
		display: block;
		width: 114px;
		margin: 0;
		padding: 0;
		border: 0;
		background-color: #F0892D;
	}
#menu li.nt
	{

		width: 100px;
		border: 0;
		margin: 4px 0 4px 7px;
		padding: 0;
	}
#menu li.nt a
	{
	    color: #007cc0;
	    display: block;
		width: 98px;
		border:  1px solid #007cc0;
		margin: 0;
		padding: 40px 0 0 0;
		background-image: url(../media/p_nt_s.gif);
	}
#menu li.nt a:hover
	{
	    display: block;
		width: 98px;
		border:  1px solid #007cc0;
		margin: 0;
		padding: 40px 0 0 0;
		background-image: url(../media/p_nt_r.gif);
	}
#menu li.blearning
	{
	    display: block;
		width: 98px;
		line-height: 12px;
		margin: 4px 0 4px 7px;
		padding: 0;
	}
#menu li.blearning a
	{
	    color: #fff;
	    display: block;
		width: 98px;
		border: 1px solid #007cc0;
		margin: 0;
		padding: 90px 0 2px 0;
		background-image: url(../media/i_blearning_s.gif);
		background-repeat: no-repeat;
	}
#menu li.blearning a:hover
	{
	    color: #fff;
	    display: block;
		width: 98px;
		border: 1px solid #007cc0;
		margin: 0;
		padding: 90px 0 2px 0;
		background-image: url(../media/i_blearning_r.gif);
		background-repeat: no-repeat;
	}
#menu li.register
	{

		width: 100px;
		border: 0;
		margin: 4px 0 0 7px;
		padding: 0;
	}
#menu li.register a
	{
	    color: #fff;
		font-weight: bold;
	    display: block;
		width: 98px;
		border:  1px solid #007cc0;
		margin: 0;
		padding-top: 2px;
	}
#menu li.register a:hover
	{
	    display: block;
		width: 98px;
		border:  1px solid #007cc0;
		margin: 0;
		padding-top: 2px;
	}
#contents
	{
	    font-size: 90%;
	    border: 0;
		margin: 12px 12px 20px 144px;
	}
#promo
	{
		color: #d50045;
		font: 133% Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-weight: bold;
		margin: 0 0 8px 0;
	}
#coltag
    {
	    float: right;
		margin-right: 12px;
		margin-top: 35px;
	}
#imdragon
    {
	    float: right;
		margin-right: 6px;
		margin-top: 14px;
	}
#cddragon
    {
	    float: left;
		margin-right: 6px;
		margin-top: 14px;
	}
#author
    {
	    float: left;
		margin-right: 4px;
	}
#boxwrapper
	{ 
	    padding: 0;
	    border: 1px solid #000;
		margin: 0 0 8px 5px;
		background-color: #000;
	}
#contents .boxheader
	{ 
	    padding: 4px 8px 4px 6px;
	    border: 0;
		margin: 0 0 0 5px;
		background-image: url(../media/box_header.gif);
	}
#contents .box
	{ 
	    padding: 4px 4px 4px 4px;
	    border-top: 5px solid #73B2D6;
		border-bottom: 1px solid #73B2D6;
		border-left: 1px solid #73B2D6;
		border-right: 1px solid #73B2D6;
		margin: 0 0 8px 5px;
		background-color: #fff;
	}
#form1
    {
	    border: 0;
		color: #0768a9;
		font-weight: bold;
		background-color: #e5f0f8;
	}
#contents .box th
	{ 
		color: #fff;
		background-color: #75B0D3;
		font-weight: bold;
		padding: 2px;
	}
#col1
	{ 
		color: #fff;
		font-weight: normal;
		padding: 2px;
		align:left;
	}
#contents .box td
	{ 
		background-color: #eaf7fa;
	}	

#contents .box2
	{ 
	    color: #fff;
	    padding: 4px 4px 4px 4px;
	    border: 0;
		margin: 1px;
		background-color: #7bbe4a;
	}
#contents ul
	{
		margin: 0 0 8px 0;
		padding: 0;
		line-height: 135%;
	}
#contents li
	{
        list-style-type: none; 
		background-image: url(../media/bullet.gif);
		background-repeat: no-repeat;
		padding: 0 0 0 18px;
		margin: 0 0 0 10px;
	}
#contents li a
	{
		text-decoration: none;
		color: #000;
	}
#contents li a:hover
	{
		text-align: center; 
		display: block;
		width: 110px;
		margin: 0;
		padding: 0;
		border: 0;
		background-color: #660099;
	}
#cd
	{
		float: right;
		padding: 0 6px 0 0;
		margin: 0;
	}

.imagefloat
	{
		float: left;
		padding: 1px 1px 0 0;
		margin: 0 0 0 2px;
	}
.imagefloat2
	{
		float: left;
		padding: 0 6px 0 0;
		margin: 0;
	}
	
 #footer
	{
	    width: 646px;
		color: #007cc0;
		border: 1px solid #007cc0;
		background-color: #fff;
		text-align: center;
		padding: 5px 0 5px 5px;
		margin: 0px 10px 5px 10px;
		font-size: 80%;
	}
	
#char1
    {
	    float: right;
		margin-top: 24px;
		padding: 4px;
	}
	
#char2
    {
	    float: left;
		margin-top: 24px;
		padding: 4px;
	}