/* CSS Document */
body{padding:0px; background: #39a621; margin:0px; color:#707070; font-size: small; font-family:Century Gothic, Apple Gothic, sans-serif;}
div, p, ul, h2, h3 {padding:0px; margin:0px;}
img {padding: 0 5px 0 5px;}
ul{list-style-type:none;}
h1 {font-size: 120%;color: #63867b; margin-top:0; padding-top:10px;}
h2 {font-size: 115%;color: #63867b; margin-top:0; padding-top:10px;}
h3 {font-size: 110%;color: #63867b; margin-top:0; padding-top:10px;}
h4 {font-size: 105%;color: #63867b; margin-top:0; padding-top:10px;}
h5 {font-size: 100%;color: #63867b; margin-top:0; padding-top:10px;}
h1, h2, h3, h4, h5, h6 {font-family:Cambria, Times, Times New Roman, serif;margin-top:0;}
#wrapper {width: 747px;margin: 0 auto;}

/*----TOP PANEL----*/
#topPan{background:url(images/header.gif) 0 0 repeat-x #f4f4f4; width:747px; height:146px; position:relative; margin:0 auto; padding:0px;}
#topPan img{width: 155px; height: 99px; position:absolute; top: 5px; left:0px;}
#topPan h1 {margin: 0; padding: 10px 0 0 0; color: #fff; font-size: 28px;}

#topPan ul{width:700px;  height:32px; position:absolute; top:111px; left:25px;}
#topPan ul li{float:left; height:32px; padding:0; margin: 0 0 0 1px; background: url(images/purp_tab_r.gif) no-repeat right top;
list-style: none;}
#topPan ul li a{display:block; height:21px; background:url(images/purp_tab_l.gif) no-repeat left top;
 color:#fff; font-size: 0.8em; font-weight:bold; text-transform:uppercase;
 text-align:center; text-decoration:none; padding: 7px 11px 0 11px;}
#topPan ul li a:hover {color:#eee;text-decoration:underline;;}

#topPan ul.dropdown{width:480px; height:22px; position:absolute; top:0px; right:0px;}
#topPan ul.dropdown li{float:left; width:79px; height:22px; }
#topPan ul.dropdown li a{display:block; width:79px;background:url(images/vertical-dot.gif) 100% 0 no-repeat #fff; color:#3E3E3E; font-size:11px; text-decoration:none; text-align:center; line-height:22px;} 

#topPan ul li ul li {
	opacity: .9;
	filter: alpha(opacity=90);
	-moz-opacity: .9;

	top: 1px; border-left: 0px dashed #444; background: #000884;margin:0;}
#topPan ul li ul li a {background : none; color: #fff; height: 23px; width: 180px; text-align:left;font-size:80%;}
#topPan ul li.home{float:left;  padding:0; margin: 0 0 0 1px; background: url(images/wht_tab_r.gif) no-repeat right top;}
#topPan ul li a.home{display:block;  background:url(images/wht_tab_l.gif) no-repeat left top; color:#656565; font-size: 0.8em;font-weight:bold; text-transform:uppercase; text-align:center; text-decoration:none; padding: 7px 11px 0 11px;}

	#topPan div, #topPan ul { /* all lists */
		padding: 0;
		list-style: none;
		float : right;
		cursor: default;
	}
	#topPan ul li ul.subnav21 a { width:80px;}
	#topPan ul li ul.subnav18 a { width:80px;}
	#topPan ul li { /* all list items */
		position : relative;
		float: left;
		
		/*line-height : 1.5em;*/
		
	}
	#topPan ul li ul { /* second-level lists */
		position : absolute;
		display: none;
		left: -25px;
		z-index: 1;		
		width:1px;
		/*width: 310px;*/
		top: 27px;
		/*margin-top : -3.4em;*/
		
	}
#topPan ul li ul.submenu22 { /* second-level lists */
		padding-left: 50px;
		
	}
	#topPan ul li:hover ul {
	/* lists nested under hovered list items */
		display: block;
		
	}
	#topPan ul li ul li a:hover, ul li a:hover  {
	/* lists nested under hovered list items */
		background: #31379f;color: #fff;text-decoration:none;}
/*----/TOP PANEL----*/

/*----BODY TOP PANEL----*/
#bodytopmainPan{background:#39a621; color:#8D8D8D; float:left; padding: 0px 0 0; clear:both;}
#outline {border-width:1px; border-color:black; border-style:solid;}
#bodytopPan{width:747px;   position:relative; background:#F4F4F4 url(images/bg.gif) repeat-y; color:#707070; margin:0 auto; padding:0px;}
/*#bodytopPan h2{background:#F4F4F4; color:#669999; font-size:24px; height:70px; line-height:70px;}*/
#bodytopPan p{padding:0 0 11px 0;}
#bodytopPan p span{font-weight:bold;}
#bodytopPan p.more{margin:0 0 15px 618px; padding:0px;}
#bodytopPan p.more a{display:block;width:79px; height:28px; background:url(images/button1.gif) 0 0 no-repeat #fff; color:#111; font-size:15px; line-height:28px; text-decoration:none; padding:0 0 0 10px;}
#bodytopPan p.more a:hover{background:url(images/button2.gif) 100% 0% no-repeat #fff; color:#111; text-decoration:none;}
#bodytopPan ul {list-style-position: outside; list-style-type:circle;list-style: circle; margin-left: 25px;}

#centercontent {
	padding: 0;
	}
#content {
	padding: 0 20px;
	margin-bottom: 20px;
z-index: 2;
	}

/*----/BODY TOP PANEL----*/

/*----FOOTER PANEL----*/
#footermainPan{height:104px; background:url(images/foot_bg.gif) bottom no-repeat; color:#000; clear:both;}
#footerPan{position:relative; margin:0 auto;}
#footerPan img.footerlogo{width:186px; height:50px; position:absolute; top:93px; right:0px;}

#footerPan p.html{background:url(images/html-button.gif) 0 0 no-repeat; position:absolute; top:42px; right:115px; width:64px; height:22px; padding:3px;}
#footerPan p.html a{width:55px; height:18px; display:block; font-weight:bold; background:url(images/arrow3.gif) 100% 50% no-repeat; color:#000; text-decoration:none; text-transform:uppercase; padding:2px 0 0 5px;}
#footerPan p.html a:hover{background:url(images/arrow4.gif) 100% 50% no-repeat; color:#000; text-decoration:none;}
#footerPan p.css{background:url(images/css-button.gif) 0 0 no-repeat; position:absolute; top:42px; right:55px; width:53px; height:19px; padding:3px;}
#footerPan p.css a{width:50px; height:18px; display:block; font-weight:bold; background:url(images/arrow5.gif) 90% 50% no-repeat; color:#000; text-decoration:none; text-transform:uppercase; padding:2px 0 0 5px;}
#footerPan p.css a:hover{background:url(images/arrow2.gif) 90% 50% no-repeat; color:#000; text-decoration:none;}
#footerPan p.copyright{color:#000; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; position:absolute; top:65px; left:426px;}
#footerPan p.copyright a {padding-left:0;text-decoration:underline;}
#footerPan p.copyright a:hover {padding-left:0;text-decoration:none; color: #555;}

#footerPan ul{width:500px; position:absolute; top:15px; left:12px;}
#footerPan li{float:left; font:13px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;list-style:none;}
#footerPan a{padding:0 12px 0; color:#000;text-decoration:none;}
#footerPan a:hover{text-decoration:underline;background:none;}

/*--- Just a test--*/
/*- Menu Tabs C--------------------------- */
    #tabsC {
      float:left;
      width:100%;
      background:#EDF7E7;
      font-size:93%;
      line-height:normal;
      }
    #tabsC ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsC li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsC a {
      float:left;
      background:url("images/tableftC.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsC a span {
      float:left;
      display:block;
      background:url("images/tabrightC.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#464E42;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsC a span {float:none;}
    /* End IE5-Mac hack */
    #tabsC a:hover span {
      color:#FFF;
      }
    #tabsC a:hover {
      background-position:0% -42px;
      }
    #tabsC a:hover span {
      background-position:100% -42px;
      }

        #tabsC #current a {
                background-position:0% -42px;
        }
        #tabsC #current a span {
                background-position:100% -42px;
        }
-->