html, body {
margin: 0px;
padding: 0px;
}

font, font.subnav, div, p, li
{ 
color: #000; 
font-size: 11px; 
font-family: Arial, Helvetica, Verdana;
line-height: 15px; 
}

div.description
{ 
color: #000; 
font-size: 11px; 
font-family: Arial, Helvetica, Verdana;
line-height: 15px; 
}

font.quote
{ 
color: #000; 
font-size: 11px; 
font-family: Arial, Helvetica, Verdana;
line-height: 15px; 
}

font.subnavlearn
{ 
color: #C5357C; 
font-weight: bold; 
}

font.subnavcreate
{ 
color: #2F98B5; 
font-weight: bold; 
}

font.subnavchange
{ 
color: #599B33; 
font-weight: bold; 
}

font.address
{ 
color: #FFF; 
font-size: 10px;
}
font.sublearn
{
font-size:10px;
color: #C5357C;
}

div.title
{ 
color: #FFFFFF;
font-size: 20px; 
font-family: Arial, Helvetica, Verdana;
font-weight: normal;
line-height: 22px;
}

h1
{ 
color: #FFFFFF;
font-size: 20px; 
font-family: Arial, Helvetica, Verdana;
font-weight: normal;
line-height: 22px;
}

h1.red
{
color: #FF0000;
}

h1.senan
{
color: #EE701C;
}


h1.black
{
color: #000000;
}

h1.learn
{
color: #C5357C;
}
h1.change
{
color: #559B33;
}

h1.create
{
color: #2F98B5;
}

a
{ 
color: #000; 
font-size: 11px; 
font-family: Arial, Helvetica, Verdana; 
line-height: 15px; 
}

a.subnav
{
text-decoration: none 
}

a.subnav:hover
{ 
color: #CCCCCC; 
}

a.address
{ 
color: #FFF; 
font-size: 10px; 
font-family: Arial, Helvetica, Verdana; 
line-height: 13px; 
}

td.bg_left
{
background-image: url(images/bg_left.gif); 
background-repeat: repeat-y; 
background-position: top right; 
}

td.bg_left_learn
{
background-image: url(images/bg_left_learn.gif); 
background-repeat: repeat-y; 
background-position: top right; 
}

td.bg_left_learn_PPF
{
background-image: url(images/bg_left_learn_PPF.gif); 
background-repeat: repeat-y; 
background-position: top right; 
}

td.bg_left_create
{
background-image: url(images/bg_left_create.gif); 
background-repeat: repeat-y; 
background-position: top right; 
}

td.bg_left_change
{
background-image: url(images/bg_left_change.gif); 
background-repeat: repeat-y; 
background-position: top right; 
}

td.bg_right
{
background-image: url(images/bg_right.gif); 
background-repeat: repeat-y; 
background-position: top left; 
}

td.bg_right_learn
{
background-image: url(images/bg_right_learn.gif); 
background-repeat: repeat-y; 
background-position: top left; 
}

td.bg_right_learn_PPF
{
background-image: url(images/bg_right_learn_PPF.gif); 
background-repeat: repeat-y; 
background-position: top left; 
}

td.bg_right_create
{
background-image: url(images/bg_right_create.gif); 
background-repeat: repeat-y; 
background-position: top left; 
}

td.bg_right_change
{
background-image: url(images/bg_right_change.gif); 
background-repeat: repeat-y; 
background-position: top left; 
}

td.bg_main
{
background-image: url(images/bg_main.jpg); 
background-repeat: no-repeat; 
background-position: top right;
}

td.bg_main_learn
{
background-image: url(images/bg_main_learn.jpg); 
background-repeat: no-repeat; 
background-position: top right;
}

td.bg_main_create
{
background-image: url(images/bg_main_create.jpg); 
background-repeat: no-repeat; 
background-position: top right;
}

td.bg_main_change
{
background-image: url(images/bg_main_change.jpg); 
background-repeat: no-repeat; 
background-position: top right;  
}

div.navhome {
height: 30px;
width: 32px;
margin:0;
padding:0;
background-image:url("images/home_on.gif");
background-repeat: no-repeat;
background-position: top;
}

div.navlearn {
height: 30px;
width: 36px;
margin:0;
padding:0;
background-image:url("images/learn_on.gif");
background-repeat: no-repeat;
background-position: top;
}

div.navcreate {
height: 30px;
width: 44px;
margin:0;
padding:0;
background-image:url("images/create_on.gif");
background-repeat: no-repeat;
background-position: top;
}

div.navchange {
height: 30px;
width: 47px;
margin:0;
padding:0;
background-image:url("images/change_on.gif");
background-repeat: no-repeat;
background-position: top;
}

div.navcontact {
height: 30px;
width: 52px;
margin:0;
padding:0;
background-image:url("images/contact_on.gif");
background-repeat: no-repeat;
background-position: top;
}

div.navhome a, div.navhome a:link, div.navhome a:visited, div.navlearn a, div.navlearn a:link, div.navlearn a:visited, div.navchange a, div.navchange a:link, div.navchange a:visited, div.navcreate a, div.navcreate a:link, div.navcreate a:visited, div.navcontact a, div.navcontact a:link, div.navcontact a:visited {
display:block;
}

div.navhome img, div.navlearn img, div.navchange img, div.navcreate img, div.navcontact img {
width:100%;
height100%;
border:0;
}

div.navhome a:hover img, div.navlearn a:hover img, div.navchange a:hover img, div.navcreate a:hover img, div.navcontact a:hover img {
visibility:hidden;
}


