/* CSS Document */
* {margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #999;}
body {background: url(../images/bg/bg.jpg) repeat-x #ccc;}
ul {list-style: none;}
#wraper {width: 742px; margin: 20px auto 0; overflow: hidden;}
#wraper	 h1 {background: url(../images/bg/logo-trans.png) no-repeat; width: 151px; height: 35px; margin: 0 0 15px 5px;}
		h1 a {display: block; width: 151px; height: 35px; text-decoration: none;}
			h1 a span {visibility: hidden;}
#wraper #headWraper {width: 742px; overflow: hidden; margin-bottom: 10px;}		
	#headWraper #navigation {background: url(../images/bg/navigation.gif) no-repeat; width: 530px; height: 35px; float: left; overflow: hidden;}
		#navigation li {float: left;}
		#navigation > li {margin: 10px 18px 0 10px;}
		#navigation > li + li {margin: 10px 18px 0;}
			#navigation li a {display: block; font-size: 12px; text-decoration: none; color: #fff; padding: 0 0 0 18px;}
			#navigation li a:hover {display: block; background:url(../images/icon/arrow.gif) no-repeat; text-decoration: none; color: #3c3;}
		#navigation li.active {background:url(../images/icon/arrow.gif) no-repeat;}
			#navigation li.active a {color: #3c3;}			
	#headWraper #search {background: url(../images/bg/search.gif) no-repeat; width: 190px; height: 25px; padding: 10px 10px 0; float: right;}
		#search label {color: #fff; font-size: 12px; cursor: help;}
		#search input.txt-input {width: 100px; height: 13px; border: 0; background: #ccc; margin: 0 5px; padding: 1px 0;} 
		#search input.btn-input { background: url(../images/botton/go.gif) no-repeat; border: 0; width: 22px; height: 15px; cursor: pointer;}	
#wraper #contentWraper {width: 742px; clear: both; background: url(../images/bg/cur-top-trans.png) no-repeat; overflow: hidden;}
		#contentWraper h2 {font-size: 24px;}
		#contentWraper p.flash {width: 731px; padding: 5px 0; margin: 0 auto 5px;}
		#contentWraper #leftContent {width: 351px; float: left; overflow: hidden; margin-left: 5px; _margin-left: 3px;}
			#leftContent h2{ background: url(../images/bg/bg-box-detail.gif) no-repeat;	width: 347px; padding: 10px 2px 0;}
			#leftContent p{ background: url(../images/bg/bg-box-detail.gif) 0 100% no-repeat; width: 351px; text-align: center; padding: 10px 0; margin-bottom: 5px;}
		#contentWraper #rightContent {width: 373px; float: right; overflow: hidden; margin-right: 5px; _margin-right: 3px;}
			#rightContent h2{ background: url(../images/bg/bg-box2-detail.gif) no-repeat; width: 369px; padding: 10px 2px 0;}
			#rightContent div{ background: url(../images/bg/bg-box2-detail.gif) 0 100% no-repeat; width: 373px; margin-bottom: 5px; padding: 10px 0; overflow: hidden;}
			#rightContent div h3 {color: #999; font-size: 13px; font-weight: bold; margin: 0 15px;}
			#rightContent div img {float: left; margin: 10px 15px 0;}
			#rightContent div p {margin: 10px 15px 0;}
/* Interior page */
#wraper #contentWraplast {width: 742px; clear: both; overflow: hidden;}	
		#contentWraplast p.curTop{width: 742px; background: url(../images/bg/cur-top-trans.png) no-repeat; overflow: hidden; height: 10px;}
		#contentWraplast #contentDetails {background: url(../images/bg/cur-wraper.png) repeat-y; overflow: hidden;}
		#contentDetails #headInterior {width: 736px; height: 10px; clear: both; background: url(../images/bg/bg-interior-top-trans.png) no-repeat; overflow: hidden;}					
		#contentDetails #contentInterior {width: 736px; clear: both; background: url(../images/bg/bg-interior.png) repeat-y; overflow: hidden;}
			#contentInterior #leftWraper {width: 200px; float: left;}
				#leftWraper li {width: 200px; border-bottom: 1px solid #46d93a;}
					#leftWraper li h2 {padding: 20px 0 10px 14px;}
					#leftWraper li a {display: block; width: 172px; padding: 2px 14px; color: #fff; text-decoration: none; font-size: 13px; font-weight: bold;}
					#leftWraper li a:hover {display: block; width: 172px; background: #46d93a;}
					#leftWraper li ul.subMenu {border: none; width: 200px;}
						#leftWraper li ul.subMenu li {width: 200px; border: none; background: #3ac632; margin: 1px 0;}
						#leftWraper li ul.subMenu li a {display: block; width: 175px; font-size: 11px; padding: 2px 0 2px 25px; color: #006;}
							#leftWraper li ul.subMenu li a:hover {display: block; width: 175px; padding: 2px 0 2px 25px; background: #46d93a; }
					
					#leftWraper li {position: relative; float: left;}
					#leftWraper li ul.subMnu {display: block; width: 200px; position: absolute; right: -200px; top: 0;}
					#leftWraper li ul.subMnu li {width: 200px; background: #3ac632; border-bottom: 1px solid #46d93a;}
					#leftWraper li ul.subMnu li a {display: block; width: 180px; font-size: 11px; padding: 2px 10px; color: #006;}
					#leftWraper li ul.subMnu li a:hover {display: block; width: 180px; background: #46d93a; }
						
			#contentInterior #rightWraper {width: 523px; float: right; padding-right: 5px; overflow: hidden;}
		#contentDetails #footerInterior {width: 736px; height: 15px; margin-top: -3px; clear: both; background: url(../images/bg/bg-interior-down-trans.png) no-repeat; overflow: hidden;}
		
#wraper #contentFooter {width: 732px; clear: both; background: url(../images/bg/cur-down-trans.png) no-repeat; padding: 20px 5px 5px; margin-top: -3px; color: #666; text-align: center;}
#wraper #contentFooter2 {width: 732px; clear: both; padding: 20px 5px 5px; margin-top: -3px; color: #666; text-align: center;}

.txtGreen {color: #3c3;}
.yellow { font-size: 11px font-family : "ms sans serif", geneva, sans-serif; color: #C6C600 }
 
.textbrownbold {
	font-size: 14px;
	color: #663300;
	font-weight: bold;
}

.header {   font-family : "ms sans serif", geneva, sans-serif; color: #330000 ; font-weight: bold; font-size: 12px ;}

a.linkA		{color:#000000; text-decoration:none;font-weight: bold; }
a.linkA:link 		{color:#000000; text-decoration:none; }
a.linkA:visited 	{color:#000000; text-decoration:none;}
a.linkA:alink 		{color:#000000; text-decoration:none; }
a.linkA:hover 		{color:#6600CC; text-decoration:underline;}

