@charset "utf-8";
/* CSS Document */

body {
margin:0;
padding:0;
font-family:Tahoma;
font-size:11px;
color:#000000;
background:#dad3cd url(../images/bg_body.gif) repeat-x left top;
}
a {
color:#000000;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
h1 {
background:url(../images/bg_header.gif) no-repeat left top;
width:241px;
height:30px;
vertical-align:middle;
line-height:30px;
font-size:14px;
font-family:Tahoma;
font-weight:bold;
color:#FFFFFF;
padding:0px 0px 0px 20px;
margin:0;
}
h2 {
font-size:16px;
font-family:Tahoma;
font-weight:bold;
color:#524b99;
margin:0px 0px 10px 0px;
border-bottom:1px #524b99 solid;
line-height:28px;
}

h3 {
font-size:14px;
font-family:Tahoma;
font-weight:bold;
color:#524b99;
margin:0px 0px 10px 10px;
}

.link-purple {
color:#504998;
}
.link-orange {
color:#FF9900;
}
/*--------------- Top Table ----------------**/
.tbl-top {
margin:8px auto 0px auto;
width:820px;
}
.bg-quick-links {
background:url(../images/bg_quick_link.gif) no-repeat left top;
width:499px;
height:84px;
}
/*--------------- Top Links ----------------**/
.tbl-links {
margin:5px auto;
width:820px;
}
/*--------------- Top Content ----------------**/
.tbl-content {
margin:0 auto;
width:820px;
}
.tbl-content p{
text-align:justify;
margin:10px 0px;
font-size:11px;
color:#000000;
line-height:14px;
padding:0px 8px;
}
.bg-content {
background-color:#FFFFFF;
}
.tbl-content-inside {
margin:0px 9px 0px 10px;
}
.pad-top {
padding-top:10px;
}
.who {
float:left;
width:261px;
margin:0px 9px 0px 0px;
}
.courses {
float:left;
width:261px;
margin:0px 9px 0px 0px;
}
.contact-bts {
float:left;
width:261px;
}

.bul-purple {
margin:10px 0px 0px 10px;
padding:0;
list-style:none;
}
.bul-purple li {
font-size:11px;
font-weight:bold;
color:#504998;
background:url(../images/bul_box_purple.gif) no-repeat 0em 0.4em;
padding:0px 0px 18px 12px;
}
.bul-purple li a {
color:#504998;
}
.bul-orange li a:hover {
text-decoration:underline;
}
.bul-course {
margin:10px 0px 0px 10px;
padding:0;
list-style:none;
}
.bul-course li {
font-size:11px;
color:#504998;
background:url(../images/bul_box_purple.gif) no-repeat 0em 0.4em;
padding:0px 0px 18px 12px;
}
.bul-course li a {
color:#504998;
}
.bul-course li a:hover {
text-decoration:underline;
}
.content-inside {
float:left;
width:522px;
margin:0px 18px 0px 0px;
}
/*--------------- Top Footer ----------------**/
.tbl-footer {
margin:5px auto 0px auto;
width:820px;
height:41px;
background:url(../images/bg_btm.gif) no-repeat left top;
color:#504998;
padding:0px 15px;
}
/**--------------- Menu Style -------**/
.menu {
font-family:Tahoma;
width:820px;
background:url(../images/bg_top_links.gif) no-repeat left top;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0px 0px 0px 25px;
margin:0;
list-style-type:none; 
height:41px; 
}
/* style the sub-level lists */
.menu ul ul {
width:15em;
}
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
float:left;
height:41px;
line-height:41px;
margin:0px 0px 0px 0px;
}
/* style the sub level list items */
.menu ul ul li {
display:block;
width:12em;
height:auto;
position:relative;
}
/* style the links for the top level */
.menu a {
display:block;
float:left;
height:100%;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
padding:0px 36px 0px 36px;
margin:0px 0px 0px 0px;
background:url(../images/i_link_bar.gif) no-repeat right top;
}
.menu span a {
display:block;
float:left;
height:100%;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
padding:0px 26px 0px 26px;
margin:0px 0px 0px 0px;
background:none;
}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
display:block;
background-color:#e3ddff; 
background-image:none;
color:#443e79;
width:12em;
height:100%;
line-height:1em; 
padding:0.6em 1.5em;
font-weight:normal;
font-size:11px;
border-top:1px solid #CCCCCC;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
position:absolute; 
left:0; 
top:0; 
font-size:1em; 
z-index:-1;
}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative; text-decoration:none;}
* html .menu a:hover {position:relative; text-decoration:none;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e3ddff;}

/* style the level hovers */
/* first */
.menu a:hover {color:#443e79;/*background:#b520c4;*/ text-decoration:none;}
.menu :hover > a {color:#443e79;/*background:#b520c4;*/ text-decoration:none;}
/* second */
.menu ul ul a:hover{color:#FFFFFF;background:#c8c1ea; text-decoration:none;}
.menu ul ul :hover > a {color:#FFFFFF;background:#c8c1ea; text-decoration:none;}
/* third */
.menu ul ul ul a:hover {background:#c8c1ea; text-decoration:none;}
.menu ul ul ul :hover > a {background:#c8c1ea; text-decoration:none;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:41px;left:0;width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:15em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding:0px 0px 0px 0px; background:transparent url(../images/trans.gif); text-decoration:none;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; text-decoration:none; }