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

body{
margin:0;
padding:0;
/*background-image:url(../images/bg.gif);*/
background-repeat:repeat-x;
/*background-color:#485e73;*/
background-color:#E8E6E6;
font-family:Arial, Helvetica, sans-serif;
}
img{
behavior: url(inc/pngHack.htc);
border:0px;
margin:0;
}
#menu-wrapper{
margin:0 auto;
padding:0px;
width:781px;
height:47px;
background-image:url(../images/bg_menu.jpg);
background-repeat:repeat-x;
}
#logo{
position:absolute;
z-index:1px;
padding:0px 0px 0px 15px;
}
#banner-wrapper{
margin:0 auto;
padding:0px;
width:781px;
}
#content-wrapper{
margin:0 auto;
padding:0px;
width:781px;
}
#content-wrapper td{
color:#000;
font-size:14px;
text-decoration:none;
}
#content-wrapper a{
color:#000;
font-size:14px;
text-decoration:none;
}
#content-wrapper a:hover{
color:#FF9900;
font-size:14px;
text-decoration:underline;
}
#content-wrapper ul{
margin:0;
}
#content-wrapper li{
margin:0;
padding:0px 0px 5px 0px;
font-size:14px;
color:#000;
line-height:18px;
}
h2{
margin:0px;
padding:10px 0px 0px 0px;
font-size:16px;
color:#000;
}
h3{
margin:0px;
padding:23px 0px 0px 0px;
font-size:16px;
color:#000066;
border-bottom:1px dotted #000;
}
h3 a{
margin:0px;
padding:0px;
color:#000;
text-decoration:none;
}
p{
margin:0;
padding:0;
font-size:14px;
color:#000000;
line-height:18px;
color:#000;
text-align:justify;
}
#bottom-wrapper{
margin:0 auto;
padding:0px;
width:781px;
height:30px;
/*background-color:#000000;*/
text-align:center;
color:#000;
font-size:12px;
}

/*============================= Menu ===================================== */
.menu {
padding:10px 0px 0px 0px;
font-family:"Trebuchet MS";
width:650px;
background:url(images/bg_toplinks.gif) no-repeat left top;
float:right;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0px 0px 0px 0px;
margin:0;
list-style-type:none; 
height:30px; 
}

/* 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:30px;
line-height:30px;
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, .menu a:visited {
display:block;
float:left;
height:100%;
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#fff;
padding:0px 7px 0px 8px;
margin:0px 0px 0px 0px;
}
/*.menu span a{
display:block;
float:left;
height:100%;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
background-color:#000000;
padding:0px 12px 0px 12px;
margin:0px;
}*/
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
display:block;
background-color:#b520c4; 
background-image:none;
color:#FFFFFF;
width:12em;
height:100%;
line-height:1em; 
padding:0.5em 1.5em;
font-weight:bold;
font-size:12px;
border-top:1px solid #CCCCCC;
}
/*.menu ul table ul a, .menu ul table ul a:visited  {
width:14em; 
w\idth:12em;
}*/


/* 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;}
* html .menu a:hover {position:relative;}

/* style the third level background */
/*.menu ul ul ul a, .menu ul ul ul a:visited {background:#ccc;}*/
/* style the fourth level background */
/*.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#ddd;}*/
/* style the sub level 1 background */
/*.menu ul :hover a.sub1 {background:#ccc;}*/
/* style the sub level 2 background */
/*.menu ul ul :hover a.sub2 {background:#ddd;}*/

/* style the level hovers */
/* first */
.menu a:hover {color:#FF9900;background:url(images/bg_link_hover.gif) repeat-x left top;}
.menu :hover > a {color:#FFFFFF;background:url(images/bg_link_hover.gif) repeat-x left top;}
/* second */
.menu ul ul a:hover{color:#000;background:#ccc;}
.menu ul ul :hover > a {color:#000;background:#ccc;}
/* third */
/*.menu ul ul ul a:hover {background:#ddd;}
.menu ul ul ul :hover > a {background:#ddd;}*/
/* fourth */
/*.menu ul ul ul ul a:hover {background:#eee;}*/


/* 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:30px;left:0;width:14em;}

/* position the third level flyout menu */
/*.menu ul ul ul{left:14em;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 12px 0px; background:transparent url(images/trans.gif); left:0;}
/* keep the third level hidden when you hover on first level list OR link */
/*.menu ul :hover ul ul{visibility:hidden;}*/
/* keep the fourth level hidden when you hover on second level list OR link */
/*.menu ul :hover 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;}*/
/* make the fourth level visible when you hover over third level list OR link */
/*.menu ul :hover ul :hover ul :hover ul {visibility:visible;}*/