BODY {
font-family : arial, helvetica; 
color : #000000; 
font-size : 8.5pt; 
} 
TD {
font-family : arial, helvetica; 
color : #000000; 
font-size : 8.5pt; 
} 
A:link {
color : #E23130; 
font-weight : bold; 
text-decoration : none; 
} 
A:visited {
color : #E23130; 
font-weight : bold; 
text-decoration : none; 
} 
A:hover {
color : #E23130; 
font-weight : bold; 
text-decoration : underline; 
} 
A:active {
color : #E23130; 
font-weight : bold; 
text-decoration : underline; 
} 

.header-gray {
font-family : verdana, arial, helvetica; 
color : #959595; 
font-size : 7.5pt; 
font-weight : normal; 
} 
.header-gray A:link {
color : #959595; 
font-weight : normal; 
text-decoration : none; 
} 
.header-gray A:visited {
color : #959595; 
font-weight : normal; 
text-decoration : none; 
} 
.header-gray A:hover {
color : #959595; 
font-weight : normal; 
text-decoration : underline; 
} 
.header-gray A:active {
color : #959595;  
font-weight : normal; 
text-decoration : underline; 
} 

.header-red {
font-family : verdana, arial, helvetica; 
color : #FFFFFF; 
font-size : 7.5pt; 
font-weight : bold; 
} 
.header-red A:link {
color : #FFFFFF; 
font-weight : bold; 
text-decoration : none; 
} 
.header-red A:visited {
color : #FFFFFF; 
font-weight : bold; 
text-decoration : none; 
} 
.header-red A:hover {
color : #FFFFFF; 
font-weight : bold; 
text-decoration : underline; 
} 
.header-red A:active {
color : #FFFFFF;  
font-weight : bold; 
text-decoration : underline; 
} 

.breadcrumb {
font-family : verdana, arial, helvetica; 
color : #FF7300; 
font-size : 8pt; 
font-weight : normal; 
} 
.breadcrumb A:link {
color : #FF7300; 
font-weight : normal; 
text-decoration : none; 
} 
.breadcrumb A:visited {
color : #FF7300; 
font-weight : normal; 
text-decoration : none; 
} 
.breadcrumb A:hover {
color : #FF7300; 
font-weight : normal; 
text-decoration : underline; 
} 
.breadcrumb A:active {
color : #FF7300;  
font-weight : normal; 
text-decoration : underline; 
} 

.menu {
font-family : arial, helvetica; 
color : #29568F; 
font-size : 9pt; 
font-weight : bold; 
} 
.menu A:link {
color : #29568F; 
font-weight : bold; 
text-decoration : none; 
} 
.menu A:visited {
color : #29568F; 
font-weight : bold; 
text-decoration : none; 
} 
.menu A:hover {
color : #29568F; 
font-weight : bold; 
text-decoration : underline; 
} 
.menu A:active {
color : #29568F;  
font-weight : bold; 
text-decoration : underline; 
} 

H1 {
font-family : times, times new roman; 
font-size : 17pt; 
color : #B11A3B; 
font-weight : normal; 
padding-top : 0px; 
padding-bottom : 0px; 
} 

H2 {
font-family : arial, helvetica; 
font-size : 12pt; 
color : #000000; 
font-weight : bold; 
} 

.highlight {
font-family : arial, helvetica; 
font-size : 10pt; 
color : #E23130; 
font-weight : bold; 
} 

.footer-menu {
font-family : arial, helvetica; 
color : #E23130; 
font-size : 8pt; 
} 
.footer-menu A:link {
color : #E23130; 
font-weight : normal; 
text-decoration : none; 
} 
.footer-menu A:visited {
color : #E23130; 
font-weight : normal; 
text-decoration : none; 
} 
.footer-menu A:hover {
color : #E23130; 
font-weight : normal; 
text-decoration : underline; 
} 
.footer-menu A:active {
color : #E23130; 
font-weight : normal; 
text-decoration : underline; 
} 

.footer {
font-family : arial, helvetica; 
color : #C6C8CA; 
font-size : 8pt; 
} 
.footer A:link {
color : #C6C8CA; 
font-weight : normal; 
text-decoration : none; 
} 
.footer A:visited {
color : #C6C8CA; 
font-weight : normal; 
text-decoration : none; 
} 
.footer A:hover {
color : #C6C8CA; 
font-weight : normal; 
text-decoration : underline; 
} 
.footer A:active {
color : #C6C8CA; 
font-weight : normal; 
text-decoration : underline; 
} 

.formfield {
font-family : arial; 
font-size : 9pt; 
color : #E23130; 
background-color : #FFFFFF; 
border : solid ; 
border-width : 1px; 
} 
.formselect {
font-family : arial; 
font-size : 8pt; 
color : #E23130; 
background-color : #FFFFFF; 
border : solid ; 
border-width : 1px; 
} 
.submit {
font-family : verdana; 
color : #FFFFFF; 
font-size : 10.5px; 
font-weight : bold; 
padding-left : 1px; 
padding-right : 1px; 
padding-top : 1px; 
padding-bottom : 1px; 
background-color : #83838D; 
} 

.registerformfield {
font-family : arial; 
font-size : 8pt; 
color : #4782A4; 
background-color : #FFFFFF; 
border : solid ; 
border-width : 1px; 
} 
.registerformselect {
font-family : arial; 
font-size : 8pt; 
color : #4782A4; 
background-color : #FFFFFF; 
border : solid ; 
border-width : 1px; 
} 
.maindiv
{
background: #ffffff;
position:absolute;
top:50;
left:400;
}

#bullet-list li {list-style:url(images/bullet.gif); margin:10 0 0 0px}
#check-list li {list-style:url(images/check.gif); margin:10 0 0 0px}

/* ENGLISH SECTION */

.nav-menu-english {
font-family : arial, helvetica; 
color : #2884AA; 
font-size : 8.5pt; 
font-weight : normal; 
} 
.nav-menu-english A:link {
color : #2884AA; 
font-weight : normal; 
text-decoration : none; 
} 
.nav-menu-english A:visited {
color : #2884AA; 
font-weight : normal; 
text-decoration : none; 
} 
.nav-menu-english A:hover {
color : #2884AA; 
font-weight : normal; 
text-decoration : underline; 
} 
.nav-menu-english A:active {
color : #2884AA;  
font-weight : normal; 
text-decoration : underline; 
} 

/* All <ul> tags in the menu including the first level */
.nav-menu-sub-english, .nav-menu-sub-english ul {
 margin: 0;
 padding: 0;
 width: 175px;
 list-style: none;
}

/*
 Submenus (<ul> tags) are hidden and absolutely positioned across from their parent.
 They don't *have* to touch their parent menus, but is' a good idea as CSS-only fallback
 mode requires menus to touch/overlap (when JS is disabled in the browser).
*/
.nav-menu-sub-english ul {
 display: none;
 position: absolute;
 top: 0px;
 left: 175px;
}

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.nav-menu-sub-english li {
 position: relative;
 margin-bottom: 0px;
}
.nav-menu-sub-english ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.nav-menu-sub-english a {
 display: block;
 padding-left: 3px;
 text-decoration: none;
}

/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.nav-menu-sub-english a:hover, .nav-menu-sub-english a.highlighted:hover, .nav-menu-sub-english a:focus {
 color: #F9D483;
 background: #2884AA;
 background-color: #2884AA;
 text-decoration: none;
 font-weight: bold;
}
.nav-menu-sub-english a.highlighted {
 color: #F9D483;
 background: #2884AA;
 background-color: #2884AA;
 text-decoration: none;
 font-weight: bold;
}

.nav-menu-sub-english a#level2 {
 padding: 3px;
 color: #41ACD8;
 text-decoration: none;
 font-weight: bold;
}
 .nav-menu-sub-english a#level2:hover, .nav-menu-sub-english a.highlighted#level2, .nav-menu-sub-english a:focus {
 color: #F9D483;
 background: #2884AA;
 background-color: #2884AA;
 text-decoration: none;
 font-weight: bold;
}
.nav-menu-sub-english a#level2on {
 padding: 3px;
 color: #F9D483;
 background: #2884AA;
 background-color: #2884AA;
 text-decoration: none;
 font-weight: bold;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .nav-menu-sub-english a#xyz {
      background-image: url(out.gif);
    }
    .nav-menu-sub-english a#xyz:hover, .nav-menu-sub-english a.highlighted#xyz, .nav-menu-sub-english a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.nav-menu-sub-english a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .nav-menu-sub-english li {
 float: left;
 width: 100%;
}

* html .nav-menu-sub-english li {
 float: left;
 height: 1%;
}
* html .nav-menu-sub-english a {
 height: 1%;
}
/* End Hacks */

/* TESOL SECTION */

.nav-menu-tesol {
font-family : arial, helvetica; 
color : #9C7345; 
font-size : 8.5pt; 
font-weight : bold; 
} 
.nav-menu-tesol A:link {
color : #9C7345; 
font-weight : bold; 
text-decoration : none; 
} 
.nav-menu-tesol A:visited {
color : #9C7345; 
font-weight : bold; 
text-decoration : none; 
} 
.nav-menu-tesol A:hover {
color : #9C7345; 
font-weight : bold; 
text-decoration : underline; 
} 
.nav-menu-tesol A:active {
color : #9C7345;  
font-weight : bold; 
text-decoration : underline; 
} 

/* TRANSLATIONS SECTION */

.nav-menu-translations {
font-family : arial, helvetica; 
color : #3D8737; 
font-size : 8.5pt; 
font-weight : normal; 
} 
.nav-menu-translations A:link {
color : #3D8737; 
font-weight : normal; 
text-decoration : none; 
} 
.nav-menu-translations A:visited {
color : #3D8737; 
font-weight : normal; 
text-decoration : none; 
} 
.nav-menu-translations A:hover {
color : #3D8737; 
font-weight : normal; 
text-decoration : underline; 
} 
.nav-menu-translations A:active {
color : #3D8737;  
font-weight : normal; 
text-decoration : underline; 
} 

/* All <ul> tags in the menu including the first level */
.nav-menu-sub-translations, .nav-menu-sub-translations ul {
 margin: 0;
 padding: 0;
 width: 175px;
 list-style: none;
}

/*
 Submenus (<ul> tags) are hidden and absolutely positioned across from their parent.
 They don't *have* to touch their parent menus, but is' a good idea as CSS-only fallback
 mode requires menus to touch/overlap (when JS is disabled in the browser).
*/
.nav-menu-sub-translations ul {
 display: none;
 position: absolute;
 top: 0px;
 left: 175px;
}

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.nav-menu-sub-translations li {
 position: relative;
 margin-bottom: 0px;
}
.nav-menu-sub-translations ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.nav-menu-sub-translations a {
 display: block;
 padding-left: 3px;
 text-decoration: none;
}

/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.nav-menu-sub-translations a:hover, .nav-menu-sub-translations a.highlighted:hover, .nav-menu-sub-translations a:focus {
 color: #FFD98E;
 background: #3D8737;
 background-color: #3D8737;
 text-decoration: none;
 font-weight: bold;
}
.nav-menu-sub-translations a.highlighted {
 color: #FFD98E;
 background: #3D8737;
 background-color: #3D8737;
 text-decoration: none;
 font-weight: bold;
}

.nav-menu-sub-translations a#level2 {
 padding: 3px;
 color: #4FA601;
 text-decoration: none;
 font-weight: bold;
}
 .nav-menu-sub-translations a#level2:hover, .nav-menu-sub-translations a.highlighted#level2, .nav-menu-sub-translations a:focus {
 color: #FFD98E;
 background: #3D8737;
 background-color: #3D8737;
 text-decoration: none;
 font-weight: bold;
}
.nav-menu-sub-translations a#level2on {
 padding: 3px;
 color: #FFD98E;
 background: #3D8737;
 background-color: #3D8737;
 text-decoration: none;
 font-weight: bold;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .nav-menu-sub-translations a#xyz {
      background-image: url(out.gif);
    }
    .nav-menu-sub-translations a#xyz:hover, .nav-menu-sub-translations a.highlighted#xyz, .nav-menu-sub-translations a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.nav-menu-sub-translations a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .nav-menu-sub-translations li {
 float: left;
 width: 100%;
}

* html .nav-menu-sub-translations li {
 float: left;
 height: 1%;
}
* html .nav-menu-sub-translations a {
 height: 1%;
}
/* End Hacks */

/* FOREIGN LANGUAGES SECTION */

.nav-menu-languages {
font-family : arial, helvetica; 
color : #5B5BA3; 
font-size : 8.5pt; 
font-weight : bold; 
} 
.nav-menu-languages A:link {
color : #5B5BA3; 
font-weight : bold; 
text-decoration : none; 
} 
.nav-menu-languages A:visited {
color : #5B5BA3; 
font-weight : bold; 
text-decoration : none; 
} 
.nav-menu-languages A:hover {
color : #5B5BA3; 
font-weight : bold; 
text-decoration : underline; 
} 
.nav-menu-languages A:active {
color : #5B5BA3;  
font-weight : bold; 
text-decoration : underline; 
}