body
	{
		margin: 0;
		padding: 0;
		font: 75% Verdana, arial, hevetica, sans-serif;
		text-align: center;
		color: #333;
		background-color: #E6E6E6;
}

 p
    {
	    margin: 0 0 8px 0
}

 a
    {  
	    color: #007dc6;
}

 a:visited 
 	{ 
		color: #d50045; 
}

 a:hover, a:active
	{
		color: #d50045;
}

 em 
    {  
	    color: #007dc6;
}

 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: 5px 0 5px 0;
}

 h4
	{
		color: #7bbe4a;
		font: 120% Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-weight: bold;
}

 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;
		height: 600px;
		height: 100%;
		text-align: left;
		background-color: #fff;
		border: 1px solid #007cc0;
}

#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(../images/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(../images/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 0 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(../images/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(../images/p_nt_r.gif);
}

#menu li.croner
	{
	    display: block;
		width: 98px;
		line-height: 12px;
		margin: 4px 0 4px 7px;
		padding: 0;
}

#menu li.croner a
	{
	    color: #007cc0;
	    display: block;
		width: 98px;
		border: 1px solid #007cc0;
		margin: 0;
		padding: 24px 0 0 0;
		background-image: url(../images/p_croner_s.gif);
}

#menu li.croner a:hover
	{
	    color: #fff;
	    display: block;
		width: 98px;
		border: 1px solid #007cc0;
		margin: 0;
		padding: 24px 0 0 0;
		background-image: url(../images/p_croner_r.gif);
}

#menu li.cpd
	{
	    display: block;
		width: 100px;
		border: 1;
		height: 47px;
		margin: 4px 0 4px 7px;
		padding: 0;
}

#menu li.cpd a
	{
	    display: block;
		width: 100px;
		border: 0;
		height: 47px;
		margin: 0;
		padding: 0;
		background-image: url(../images/l_cpd_s.gif);
}

#menu li.cpd a:hover
	{
	    display: block;
		width: 100px;
		border: 0;
		height: 47px;
		margin: 0;
		padding: 0;
		background-image: url(../images/l_cpd_r.gif);
}

#contents
	{
	    font-size: 90%;
	    border: 0;
		margin: 12px 12px 20px 12px;
		background-color: white;
}

#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(../images/box_header.gif);
}

#contents .box
	{
	padding: 4px 4px 4px 4px;
	border-top: 5px solid #a5cbe7;
	border-bottom: 1px solid #a5cbe7;
	border-left: 1px solid #a5cbe7;
	border-right: 1px solid #a5cbe7;
	margin: 0 0 8px 5px;
	background-color: #fff;
}

#contents .box2
	{ 
	    color: #fff;
	    padding: 4px 4px 4px 4px;
	    border: 0;
		margin: 1px;
		background-color: #7bbe4a;
}

#contents .box3
	{ 
	padding: 4px 4px 4px 4px;
	border-top: 5px solid #d50045;
	border-bottom: 1px solid #d50045;
	border-left: 1px solid #d50045;
	border-right: 1px solid #d50045;
	margin: 0 0 8px 5px;
	background-color: #fff;
}

#contents ul
	{
		margin: 0 0 8px 0;
		padding: 0;
		line-height: 135%;
}

#contents li
	{
        list-style-type: none; 
		background-image: url(../images/bullet.gif);
		background-repeat: no-repeat;
		padding: 0 0 0 18px;
		margin: 0 0 0 10px;
}

#contents li a
	{
		font-weight:bold;
		text-decoration: none;
		color: #73B2D6;
}

#contents li a:hover
	{
		font-weight:bold;
		text-decoration: underline;
		color: #007CC0;
}

.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%;
		align: center;
}

#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(../images/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(../images/i_blearning_r.gif);
		background-repeat: no-repeat;
}
	
#header
	{
		height: 84px;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: 4px 4px;
		border-bottom: 10px solid #007cc0;
		position: relative;
}
	
#coltag
    {
		float: right;
		margin-right: 6px;
		margin-top: 6px;
		z-index: 2;
		position: relative;
}
	
#date 
	{
		margin-right: 6px;
		margin-top: 67px;
		float: right;
		COLOR: #007cc0;
		z-index:1;
		position: absolute;
		right:6px;
}

#headerlink
	{
		height: 84px;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: 4px 4px;
		border-bottom: 10px solid #007cc0;
		position: absolute;
}

#flash
	{
	border-top:10px;
	border-top-style: none;
	border-top-width: 10px;
	border: #ffffff;
	border-top-color: #ffffff;
}

#menu li.support
	{
	    display: block;
		width: 98px;
		line-height: 12px;
		margin: 4px 0 4px 7px;
		padding: 0;
}

#menu li.support a
	{
		color: #fff;
		display: block;
		width: 98px;
		border: 1px solid #007cc0;
		margin: 0;
		padding: 82px 0 2px 0;
		background-image: url(../images/jc_logo.gif);
		background-repeat: no-repeat;
}

#menu li.support a:hover
	{
		color: #fff;
		display: block;
		width: 98px;
		border: 1px solid #007cc0;
		margin: 0;
		padding: 82px 0 2px 0;
		background-image: url(../images/jc_logo.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: 90px 0 2px 0;
		background-image: url(../images/i_blearning_s.gif);
		background-repeat: no-repeat;
}

#menu li.register a:hover
	{
	    display: block;
		width: 98px;
		border:  1px solid #007cc0;
		margin: 0;
		padding: 90px 0 2px 0;
		background-image: url(../images/i_blearning_r.gif);
		background-repeat: no-repeat;
}

#bookcover
    {
	    float: right;
		padding: 5px;
	}

#coverleft
    {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
	}

#coverright
    {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
	}
#menu li.resources
	{
	    display: block;
		line-height: 12px;
		margin: 0;
		padding: 0;
		background-color: #7bbe4a;
		width: 114px;
	}
#menu li.resources a
	{
	    color: #fff;
	    display: block;
		border: 1px solid #007cc0;
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-color: #7bbe4a;
		width: 114px;
	}
#menu li.resources a:hover
	{
	    color: #fff;
	    display: block;
		border: 1px solid #007cc0;
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-color: #7bbe4a;
		width: 114px;
	}