/* CSS Document */

/* Construction Elements */
	#container { width: 700px; margin-left: auto; margin-right: auto; }
	
	#header { width: 700px; height: 91px; position: relative; top: 0px; overflow: hidden; }
		#header-logo { width: 105px; height: 70px; position: relative; top: 12px; left: 12px; overflow: hidden; }
		#header-menu { width: 75px; height: 68px; position: relative; top: -56px; left: 611px; overflow: hidden; }
			.header-menu-item { width: 75px; height: 17px; text-align: right; overflow: hidden; background-image:url(../images/bullet3.gif); background-position: right; background-repeat: no-repeat; }
				.header-menu-item a { color: #666666; padding-right: 9px; padding-top: 1px; font-family: Helvetica, Arial, sans-serif; font-size: 10px; text-decoration: none; display: block; }
				.header-menu-item a:hover { text-decoration: underline; }
				
	#menuboxbg { width: 698px; height: 20px; background-color: #EBECED; position: relative; top: 0px; border: solid 1px #DBE0E3; z-index: 9; }
	#menubox { width: 698px; height: 20px; position: relative; top: -22px; z-index: 10; }
		#menubox a { text-decoration: none; display: block; color: #666666; }
		#menubox a:hover { color: #cb1009; }
		#menubox-corner-ul { width: 6px; height: 6px; background: url(../images/menu-corner-ul.gif); background-repeat: no-repeat; position: absolute; left: -1px; top: -1px; }
		#menubox-corner-ur { width: 6px; height: 6px; background: url(../images/menu-corner-ur.gif); background-repeat: no-repeat; position: absolute; right: -1px; top: -1px; }
		#menubox-corner-ll { width: 6px; height: 6px; background: url(../images/menu-corner-ll.gif); background-repeat: no-repeat; position: absolute; left: -1px; top: 15px; }
		#menubox-corner-lr { width: 6px; height: 6px; background: url(../images/menu-corner-lr.gif); background-repeat: no-repeat; position: absolute; right: -1px; top: 15px; }
		

	#maincontent { width: 698px; height: 531px; background-color: #FFFFFF; position: relative; top: -12px; border: solid 1px #E7E7E7; z-index: 5; }
	#maincontent-subpage { width: 698px; height: 412px; background-color: #FFFFFF; position: relative; top: -12px; border: solid 1px #E7E7E7; z-index: 5; }
	/*#maincontent-aboutus { width: 698px; height: auto; background-color: #FFFFFF; position: relative; top: 117px; border: solid 1px #E7E7E7; z-index: 5; background-color: #996600; }*/
	#maincontent-aboutus { width: 683px; position: relative; height: auto; top: -12px; border: solid #E7E7E7; border-width: 1px 1px 0px 1px; padding-left: 7px; padding-right: 8px; padding-bottom: 10px; padding-top: 12px; }
	
		#content-corner-ul { width: 9px; height: 9px; background: url(../images/content-corner-ul.gif); background-repeat: no-repeat; position: absolute; left: -1px; top: -1px; }
		#content-corner-ur { width: 9px; height: 9px; background: url(../images/content-corner-ur.gif); background-repeat: no-repeat; position: absolute; right: -1px; top: -1px; }
		#content-corner-ll { width: 9px; height: 9px; background: url(../images/content-corner-ll.gif); background-repeat: no-repeat; position: absolute; left: -1px; top: 523px; }
		#content-corner-lr { width: 9px; height: 9px; background: url(../images/content-corner-lr.gif); background-repeat: no-repeat; position: absolute; right: -1px; top: 523px; }
		#content-corner-ll-subpage { width: 9px; height: 9px; background: url(../images/content-corner-ll.gif); background-repeat: no-repeat; position: absolute; left: -1px; top: 404px; }
		#content-corner-lr-subpage { width: 9px; height: 9px; background: url(../images/content-corner-lr.gif); background-repeat: no-repeat; position: absolute; right: -1px; top: 404px; }
		/*#content-corner-ll-aboutus { width: 9px; height: 9px; background: url(../images/content-corner-ll.gif); background-repeat: no-repeat; position: absolute; left: -1px; bottom: -1px; }
		#content-corner-lr-aboutus { width: 9px; height: 9px; background: url(../images/content-corner-lr.gif); background-repeat: no-repeat; position: absolute; right: 0px; bottom: 0px; }*/
		#aboutus-bottom { width: 700px; height: 9px; position: absolute; left: -1px; bottom: -11px; background: url(../images/aboutus-bottom.gif); background-repeat: no-repeat; }
		
		#leftpanel { width: 159px; height: 348px; position: absolute; top: 17px; left: 16px; font-family: Helvetica, Arial, Sans-serif; font-size: 12px; letter-spacing: 0.15mm; line-height: 14px; color: #666666; }
		#rightpanel { width: 495px; height: 306px; position: absolute; top: 17px; left: 187px; overflow:hidden; }
		#imagepanel-subpage { width: 495px; height: 306px; position: absolute; top: 44px; left: 13px; overflow:hidden; }
		#thumbnail-panel-subpage { width: 115px; height: 304px; position: absolute; left: 532px; top: 44px; }
			#thumb-one { width: 54px; height: 55px; position: absolute; left: 0px; top: 0px; overflow: hidden; }
			#thumb-two { width: 54px; height: 55px; position: absolute; left: 61px; top: 0px; overflow: hidden; }
			#thumb-three { width: 54px; height: 55px; position: absolute; left: 0px; top: 63px; overflow: hidden; }
			#thumb-four { width: 54px; height: 55px; position: absolute; left: 61px; top: 63px; overflow: hidden; }
			#thumb-five { width: 54px; height: 55px; position: absolute; left: 0px; top: 126px; overflow: hidden; }
			#thumb-six { width: 54px; height: 55px; position: absolute; left: 61px; top: 126px; overflow: hidden; }
			#thumb-seven { width: 54px; height: 55px; position: absolute; left: 0px; top: 189px; overflow: hidden; }
			#thumb-eight { width: 54px; height: 55px; position: absolute; left: 61px; top: 189px; overflow: hidden; }
			#thumb-nine { width: 54px; height: 55px; position: absolute; left: 0px; top: 252px; overflow: hidden; }
			#thumb-ten { width: 54px; height: 55px; position: absolute; left: 61px; top: 252px; overflow: hidden; }
		#title-subpage { position: absolute; left: 18px; top: 16px; color: #CC0000; font-family: Helvetica, Arial, Sans-serif; font-size: 16px; width: 176px; }
		#image-title-subpage { display: none; position: absolute; left: 15px; top: 361px; width: 219px; height: 16px; font-family: Helvetica, Arial, Sans-serif; color: #003366; font-size: 12px; }
		#image-arrows-subpage { display: none; position: absolute; left: 234px; top: 360px; width: 45px; height: 14px; }
			#arrow-left { position: absolute; left: 0px; top: 0px; height: 14px; }
			#arrow-right { position: absolute; right: 0px; top: 0px; height: 14px; }
				
				
		#banner-aboutus { width: 677px; height: 54px; position: relative; /*left: 10px; top: 12px;*/ background-image:url(../images/banner.jpg); background-repeat: no-repeat; }
			#banner-aboutus-text { width: 445px; height: 15px; font-family: Helvetica, Arial, Sans-serif; font-size: 15px; font-weight: 600; color: #FFFFFF; position: absolute; left: 20px; top: 18px; }
		
		#wrapper-aboutus { position: relative; top: 29px; left: 0px; display: block; padding: 0px; margin: 0px; }
		
		#navigation-aboutus { width: 115px; height: 161px; position: relative; top: 13px; }
			#navigation-aboutus div { font-family: Helvetica, Arial, Sans-serif; font-size: 10px; padding-bottom: 15px; padding-left: 12px; display: block; line-height: 11px; }
				#navigation-aboutus a { text-decoration: none; color: #666666; }
				#navigation-aboutus a:hover { color: #CB1009; }
			.current { background-image: url(../images/arrow.gif); background-position: left top; background-repeat: no-repeat; }

		#content-aboutus { color: #666666; font-family: Helvetica, Arial, Sans-serif; font-size: 12px; line-height: 15px; display: table; position: relative; }
		/*#content-aboutus { width: 480px; position: relative; left: 187px; bottom: 32px; background-color: #66CCFF; max-height: 110%; }*/
		
		#content-aboutus a { color: #FF0000 }
		#content-aboutus a:hover {color: ##FF0000; text-decoration: underline; }
		
			#content-aboutus ul { list-style-image:url(../images/bullet-about.gif); padding-left: 14px; }
		
	#squares { width: 84px; height: 12px; line-height: 14px; font-size: 0px; position: absolute; top: 334px; left: 187px; }
			#squares-one { width: 12px; height: 12px; background-color: #666666; position: absolute; top: 0px; left: 0px; cursor: pointer; overflow: hidden; }
			#squares-two { width: 12px; height: 12px; background-color: #666666; position: absolute; top: 0px; left: 24px; cursor: pointer; overflow: hidden; }
			#squares-three { width: 12px; height: 12px; background-color: #666666; position: absolute; top: 0px; left: 48px; cursor: pointer; overflow: hidden; }
			#squares-four {  width: 12px; height: 12px; background-color: #666666; position: absolute; top: 0px; left: 72px; cursor: pointer; overflow: hidden; }

		#line { width: 664px; height: 0px; line-height: 0px; font-size: 1px; position: absolute; top: 371px; left: 17px; margin: 0px; padding: 0px; border-top: solid 1px #CCCCCC; display: block; }
		
		#lower { width: 664px;  height: 135px; position: absolute; top: 380px; left: 17px; }
			#subhead2-1 { width: 159px; height: 17px; position: absolute; left: 0px; font-size: 12px; overflow: hidden; }
			#subhead2-2 { width: 159px; height: 17px; position: absolute; left: 167px; font-size: 12px; overflow: hidden; }
			#subhead2-3 { width: 159px; height: 17px; position: absolute; left: 334px; font-size: 12px; overflow: hidden; }
			#subhead2-4 { width: 159px; height: 17px; position: absolute; left: 501px; font-size: 12px; overflow: hidden; }
			#lowerimg-1 { width: 163px; height: 118px; position: absolute; top: 17px; left: 0px; overflow: hidden; }
			#lowerimg-2 { width: 163px; height: 118px; position: absolute; top: 17px; left: 167px; overflow: hidden; }
			#lowerimg-3 { width: 163px; height: 118px; position: absolute; top: 17px; left: 334px; overflow: hidden; }
			#lowerimg-4 { width: 163px; height: 118px; position: absolute; top: 17px; left: 501px;overflow: hidden; }
	#footer { width: 700px; height: 85px; position: absolute; top: 670px; }
	#footer-aboutus { width: 700px; height: 85px; position: relative; top: 12px; }
	#footer-subpage { width: 700px; height: 85px; position: absolute; top: 551px; }
		#footer-logo { width: 149px; height: 31px; position: absolute; top: 0px; left: 18px; overflow: hidden; }
		#footer-text { width: 330px; height: 80px; position: absolute; top: 1px; left: 190px; overflow: hidden; }
		
		
		
/* Text Classes */
	.subhead { color: #003366; font-family: Helvetica, Arial, Sans-serif; font-size: 14px; line-height: 16px; letter-spacing: normal; }
	.subhead2 { color: #666666; font-family: Helvetica, Arial, Sans-serif; font-size: 12px; font-weight: 600; padding-left: 4px; }
		.subhead2 a { color: #666666; text-decoration: none; }
		.subhead2 a:hover { color: #CB1009; }
	.footer { color: #666666; font-family: Helvetica, Arial, Sans-serif; font-size: 10px;  padding-left: 4px; }
		.footer a { color: #666666; text-decoration: none; }
		.footer a:hover { color: #CB1009; }
		.links a { text-decoration: none; color: #000000; }
		.links a:hover { color: #CB1009; }
	
	
	
	
	
	
	
/* Menu Code */

	#menubox ul { list-style: none; margin: 0px; padding: 0px; }
	#menubox li { clear: left; position: relative; height: 17px; text-align: center; margin-top: 1px; color: #666666; font-family: Helvetica, Arial, Sans-serif; font-size: 11px; padding-top: 3px; cursor: default; }
		
		#menubox ul li ul { position: absolute; left: 0px; padding-top: 3px;}
		#menubox ul li ul li { position: relative; left: 0px; width: 116px; height: 24px; background: #D8D8D8; margin-top: 0px; border: none; }
		#menubox ul li ul li:hover { color: #CB1009; position: relative; top: 0px; width: 116px; height: 24px; background: #D8D8D8; }
		#menubox ul li ul li.iehover { color: #CB1009; position: relative; top: 0px; width: 116px; height: 24px; background: #D8D8D8; }
		#menubox ul li ul li a { display: block; height: 24px; }

	#menubox .last { margin-right: 0px; }
	
	div#menubox ul ul,
	div#menubox ul li:hover ul ul,
	div#menubox ul ul li:hover ul ul
	{ display: none; }
	
	div#menubox ul ul,
	div#menubox ul li,
	div#menubox ul ul li
	{ behavior: url(css/IEFixes.htc); }
	
	div#menubox ul ul,
	div#menubox ul li.iehover ul ul,
	div#menubox ul ul li.iehover ul ul
	{ display: none; }	
	
	div#menubox ul li:hover ul,
	div#menubox ul ul li:hover ul,
	div#menubox ul ul ul li:hover ul
	{display: block; }
	
	div#menubox ul li,
	div#menubox ul ul li,
	div#menubox ul ul ul li
	{ behavior: url(css/IEFixes.htc); }
	
	
	div#menubox ul li.iehover ul,
	div#menubox ul ul li.iehover ul,
	div#menubox ul ul ul li.iehover ul
	{ display: block; }
	
	
	.one { position: absolute; left: 0px; top: 0px; width: 63px; background-image: url(../images/menu-bg-1.gif); background-repeat: no-repeat; }
	.two { position: absolute; left: 63px; top: 0px; width: 124px; background-image: url(../images/menu-bg-2.gif); background-repeat: no-repeat; }
	.three { position: absolute; left: 187px; top: 0px; width: 120px; background-image: url(../images/menu-bg-3.gif); background-repeat: no-repeat; }
	.four { position: absolute; left: 307px; top: 0px; width: 209px; background-image: url(../images/menu-bg-4.gif); background-repeat: no-repeat; }
	.five { position: absolute; left: 516px; top: 0px; width: 82px; background-image: url(../images/menu-bg-5.gif); background-repeat: no-repeat; }
	.six { position: absolute; left: 598px; top: 0px; width: 102px; background-image: url(../images/menu-bg-6.gif); background-repeat: no-repeat; }