/* Main tags */

*{ margin:0; padding:0; }
img { border:0; }
html, body { width:100%; height:auto; font-family: Arial, verdana, sans-serif; margin:0px; font-size:100%;  color:#333; background-color:#fff;}
p { margin-bottom:1em; }
ul, ol { margin-bottom:1em; list-style-position:inside; }
h1 { font-size:2em; margin:1.25em 0; }
h2 { font-size:1.75em; margin:1em 0; }
h3 { font-size:1.4em; margin:0.875em 0; }
h4 { font-size:1.25em; margin:0.75em 0; }
h5 { font-size:1em; margin:0.63em 0; }
h6 { font-size:0.875em; margin:0.5em 0; }

a { color:#333;text-decoration:none; }
a:visited { color:#333;text-decoration:none; }
a:hover { color:#333; text-decoration:underline;  }
a:focus {  }

/* WYSIWYG styles */

.strongText{ font-weight:bold; }
.uppercaseText{ text-transform:uppercase; }
.smallText{ font-size:90%; }

/*Navigations*/

#mainnavigation ul {}
#mainnavigation ul li {}
#mainnavigation ul li a {}
#mainnavigation ul li a:hover {}

#footernavigation ul {}
#footernavigation ul li {}
#footernavigation ul li a {}
#footernavigation ul li a:hover {}

/* Used in the FAQs to hide the answers (which are in <DIV> tags) when the page loads up */
.answer { display:none; }

/* Layout*/
#pagewidth { position:relative; display:block; width:964px;margin:0 auto 0 auto;font-size:0.75em; }
#header  {position:relative;float:left;width:940px;background:url(../../images/topbanner-bg.gif) repeat-y top;padding:0 12px;height:120px;}
#logo {float:right;width:82px; padding-left:10px;}
#header #ticker {float:left;background:url(../../images/ticker-bg.gif) repeat-x top;width:828px;height:22px;line-height:22px;padding:0 10px;font-size:0.9em;}
#header #ticker img {margin:0 5px;}
.feed {float:left;width:510px;height:22px;line-height:22px;}
#header h1 span{display:none;}
#header h1 {  position:absolute;left:450px;top:30px;padding:0px;width:392px;height:25px;}
#content  {float:left;width:964px;padding:0;display:block;position:relative;}
#rightcoltop {float:left;background:url(../../images/rightpanel-top2.gif) no-repeat top;width:246px;height:16px;}
#rightcolbottom {float:left;background:url(../../images/rightpanel-bottom.gif) no-repeat top;width:246px;height:16px;}
.padd {padding:0 20px 20px 20px;display:block;position:relative;}
#maincontent {float:left;width:713px;min-height:600px;display:block;position:relative;}
#rightcol {float:left;width:233px;background:url(../../images/rightpanel-bg2.gif) repeat-y top;padding:0 0 0 13px;display:block;position:relative;}
#homepagepaneltop {display:block;position:relative;float:left;background:url(../../images/homepanel-top.gif) no-repeat top;width:709px;height:11px;}
#homepagepanel img {padding:2px 0 0 10px;}
#homepagepanel {display:block;position:relative;float:left;width:709px;background:url(../../images/homepanel-bg.gif) repeat-y top;padding:0 0 0 0;text-align:center;}
#homepagepanelbottom {display:block;position:relative;float:left;background:url(../../images/homepanel-bottom.gif) no-repeat top;width:709px;height:11px;}
#latesttop {display:block;position:relative;background:url(../../images/latestinfo-top.gif) no-repeat top;width:214px; height:73px; float:left;}
#latestinfo {display:block;position:relative;background:url(../../images/latestinfo-bg.gif) repeat-y top;width:194px;min-height:180px;float:left;padding:0 10px;}
#latestinfo p span.date {background:#8b3b92;color:#FFF;font-weight:bold;font-size:0.9em;}
#latestinfo p {background:#8b3b92;color:#FFF;font-size:1.1em;}
#latestinfo a:link, #latestinfo a:visited {color:#fff}
#latestinfobottom {display:block;position:relative;background:url(../../images/latestinfo-bottom.gif) no-repeat top;width:214px; height:16px; float:left;margin-bottom:10px;}
#navigation {float:left;width:928px;background:url(../../images/nav-bg.gif) no-repeat top;padding:1px 16px 0 20px;min-height:40px;}
#navigation ul li {float:left;list-style:none;font-weight:bold;}
#news {}

#footer-top {background:url(../../images/footer-top.gif) no-repeat top;width:960px; height:15px; float:left;}
#footer { float:left;width:920px;padding:3px 20px 0 20px; background:url(../../images/footer-bg.gif) repeat-y top;}
#footer-bottom {background:url(../../images/footer-bottom.gif) no-repeat top;width:960px; height:15px; float:left;}


.li-bg {display:block;background:url(../../images/home_bg.gif) no-repeat top;width:51px;height:26px;margin:0;padding:0;float:left;}
.li-bg-3 {display:block;background:url(../../images/who_bg.gif) no-repeat top;width:95px;height:26px;margin:0;padding:0;float:left;}
.li-bg-4 {display:block;background:url(../../images/what_bg.gif) no-repeat top;width:89px;height:26px;margin:0;padding:0;float:left;}
.li-bg-5 {display:block;background:url(../../images/cp_bg.gif) no-repeat top;width:142px;height:26px;margin:0;padding:0;float:left;}
.li-bg-6 {display:block;background:url(../../images/on_bg.gif) no-repeat top;width:107px;height:26px;margin:0;padding:0;float:left;}
.li-bg-7 {display:block;background:url(../../images/ce_bg.gif) no-repeat top;width:165px;height:26px;margin:0;padding:0;float:left;}
.li-bg-8 {display:block;background:url(../../images/news_bg.gif) no-repeat top;width:55px;height:26px;margin:0;padding:0;float:left;}
.li-bg-9 {display:block;background:url(../../images/jobs_bg.gif) no-repeat top;width:112px;height:26px;margin:0;padding:0;float:left;}
.li-bg-10 {display:block;background:url(../../images/contact_bg.gif) no-repeat top ;width:93px;height:26px;margin:0;padding:0;float:left;}

.list-0, .list-10 {background:#b03b82;}
.list-3 {background:#347186;}
.list-4 {background:#b60402;}
.list-5 {background:#2e884a;}
.list-6 {background:#27598c;}
.list-7 {background:#f19001;}
.list-8 {background:#82324f;}
.list-9 {background:#4e258b;}

.size_one { padding:1px; border:1px solid #ddd; font-size:0.9em; }
.size_two { font-size:1.11em; }
.size_three { font-size:1.33em; }



/* Drop Down Navigation */
.menu {width:928px; height:26px; font-size:0.85em; position:relative; z-index:100;padding:0;margin:0;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:928px; w\idth:927px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;float:left;}
.menu ul li {float:left;padding:0;margin:0 1px 0 0;}
.menu ul ul {width:149px;height:30px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;list-style: none;list-style-position: outside;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; float:left; height:26px; padding:0 10px 0 14px; line-height:26px;}/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {float:left;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {}
/* style the second level hover */
.menu ul ul a.drop:hover{ }
.menu ul ul :hover > a.drop {}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {color:#fff;}
/* style the third level hover */
.menu ul ul ul a:hover {color:#fff}


/* 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:26px;left:0; width:150px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:26px;t\op:26px;}

/* position the third level flyout menu */
.menu ul ul ul{left:170px; top:0px; width:150px;}

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

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { color:#fff; height:auto; line-height:1em; padding:5px 10px; width:150px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:150px;}

/* style the top level hover */
.menu a:hover{color:#fff; background:none;text-decoration:underline;}
.menu :hover > a{color:#fff;background:none;text-decoration:underline;}

.menu ul ul a:hover{color:#fff; background:none;text-decoration:underline;}
.menu ul ul :hover > a {color:#fff;background:none;text-decoration:underline;}


/* 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; }
/* 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;}