/* CSS Document */
/* Common*/
body{ background:url(../images/pg-bg.png); margin:0; padding:0; font: 12px Arial, Helvetica, sans-serif; color:#666666;}
a{font: 12px Arial, Helvetica, sans-serif; color:#8d77a6}
.textsmall{font: 10px Arial, Helvetica, sans-serif; color:#666666}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
h1{ font-size:20px; font-weight:bold; margin:0; color:#333333}

#main-container{ width:900px;}
/* Top nav*/
#top-nav-container{ height:58px; width:100%; margin:0; background-color:#8d77a6;}
#low-nav-container{ height:20px;  margin:0; bottom:0; position:absolute; background-color:#FFFFFF;}
#top-nav-container img{ float:left;}
#top-nav-container .active{ background-color:#684f84; height:35px; padding-left:0px; padding-right:0px;}
#top-nav-container ul li{ margin-right:6px; float:left; padding-top:22px; margin-top:0; display:block;}
#top-nav-container ul{ margin-top:0; margin-bottom:0;}
/* dropdown menus. */
#navbar {float:left;  font-weight:bold;}
#navbar ul li{ padding:0; margin:0; }
#navbar li {list-style: none; float:left; display:block;}
#navbar li a {display: block; padding: 3px 5px 19px 5px; color: #fff; text-decoration: none;}
#navbar li a:hover {color: #E6E6E6;}
#navbar li ul {display: none;}
#navbar li:hover ul, #navbar li.hover ul {display: block; position: absolute; margin:0; padding:0;}
#navbar li:hover li, #navbar li.hover li {float: none;}
#navbar li:hover li a, #navbar li.hover li a {background-color: #000; color: #fff; padding:3px 7px; font-weight:normal;}
#navbar li li a:hover {background-color: #D0BFD7; color:#5C5162;}
/* left column*/
.page-left-bgimage{background:url(../images/pg-left-image.png) no-repeat; width:262px; min-height:578px;}
.left-nav{background-color:#000000; font-size:14px; color:#FFFFFF; padding:26px 20px; margin:27px 0 0 31px; line-height:19px; text-align:right;}
.left-nav a{ text-decoration:none; color:#FFFFFF;}
.left-nav strong{color:#9780bf;}
/* Right column*/
.rt-container{ width:638px; background:url(../images/content-bg.png) repeat-y #FFFFFF; min-height: 578px;}
.top-container, .content-container{ margin-top:27px; width:638px;}
.top-container { height:284px;}
.top-text-container{ width:199px; padding:35px 5px 0 20px; margin:0;}
.top-text-container ul{ list-style-image:url(../images/orange-bullet.png); font-weight:bold; margin:0; padding:0;}
.top-text-container ul li a{color:#764A74; text-decoration:none;}
.top-text-container ul li a:hover{color:#000; text-decoration:none;}
.pg-content{ width:388px; padding:0 0 30px 25px; text-align:left;}
.pg-content ul{ padding:0; margin:10px 0 0 20px;}
.pg-content li{ list-style:url(../images/dash-bullet.gif); padding:0;}
.pg-content a{ color:#777677; text-decoration:none;}
.cg-content{ width:560px; padding:0 0 30px 25px; text-align:justify;}
.cg-content ul{ padding:0; margin:10px 0 0 20px;}
.cg-content li{ list-style:url(../images/dash-bullet.gif); padding:0;}
.cg-content a{ color:#777677; text-decoration:none;}
/* Sub headings, Divider*/
.sub-heading{font-size:17px; font-weight:bold; color: #764A74;}
.sub-heading ul{ float:right; padding:0; margin:0; background-color:#006666;}
.sub-heading ul li{ float:right;  padding:0; margin:0;  background-color:#006666;}

.divider{border-bottom:#D1C1D8 dotted 1px; }
/* 2 columns*/
.main-row{ width:388px; padding-top:10px;}
.main-rowcont{ width:600px; padding-top:10px; padding-bottom:5px;}
.left-column{width:250px; padding:0 0 2px 0;}
.left-columnnews{width:380px; padding:0 0 2px 0;}
.right-columnnews{width:160px; padding:0 0 2px 0;}
.right-column{ width:115px; padding-top:30px; text-align:right;}
.right-columncont{ width:225px; padding-top:45px; text-align:right;}
#footer-left{ color:#878787; width:220px; float:left; padding-left:15px; font-size:10px;}
#footer-right{ float:right; padding-right:15px;}
#footer-right a{color:#878787; text-decoration:none; font-size:10px;}
#content-container{ margin:auto; padding-top:15px;  height:80px; border-bottom:#D1C1D8 dotted 1px; }
#partner-logo{ float:left; text-align:center; padding-top:5px; width:200px;}
.top-logo-container{ width:199px; padding:85px 5px 0 20px; margin:0;}
.top-blank-container{ width:199px; min-height:100px; padding:25px 5px 0 20px; margin:0;}
/* Show hide text*/
#panel, #panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8, #panel9  {display: none;}
.slide {margin: 0; padding: 0;}