/* CSS Document */
*	{margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }

html	{background-color: #000000;height: 100%;}

body 	{position: relative; background-image: url(../images/bg_body_top.jpg); background-repeat: no-repeat; margin-left: auto;	margin-right: auto;	width: 690px; padding-top: 133px; padding-left: 310px; padding-bottom: 175px;}
	
h1	{margin-bottom: 15px;}
	
h2	{margin-bottom: 15px; color: #cc3300;}

h3	{margin-bottom: 0px; color: #000000;}
	
p	{margin-bottom: 15px;}

a img	{border: none;}

button	{background-color: #cc3300; color: #ffffff; border: 1px solid #CC3300;}

/*navigation*/
#mainNaviList	{position: absolute; top: 0px; left: 28px;	list-style-type:none; z-index: 1000; width: 1000px;}
#mainNaviList li	{display: block; float: left; position: relative; width: 114px; padding-top: 5px; padding-bottom: 5px; margin-left: 5px; background-image: url(../images/bg_navi_main.gif);	background-repeat: no-repeat; background-position: left bottom; }
#mainNaviList li a { display: block;color: #FFFFFF; font-weight: bold; text-align: center; text-decoration: none; font-size: 11px; white-space: nowrap; }
#mainNaviList > li.active	{padding-top: 7px; padding-bottom: 6px; background-image: url(../images/bg_navi_main_hover.gif);}
#mainNaviList > li.active > a	{ color: #CC3300;}

#mainNaviList li ul	{position: absolute; top: 28px; left: -13px; display: none;}
#mainNaviList li ul	li {width: 133px; vertical-align: middle; background-image: url(../images/bg_navi_sub_top.gif); background-repeat: no-repeat; background-position: top left; padding-bottom: 0px; margin-bottom: -1px;}
* html #mainNaviList li ul	li	{margin-bottom: 0px;}

#mainNaviList li ul	li a	{display: block; white-space: normal; color: #000000; font-weight: normal; text-align: center; background-image: url(../images/bg_navi_sub_bottom.gif); background-repeat: no-repeat; background-position: bottom left; padding-left: 5px;padding-right: 5px; padding-bottom: 5px;}
#mainNaviList li ul	li a:hover	{color: #CC3300}

#mainNaviList li ul	li ul	{display: none;}
/* /navigation*/

/* content*/
#contentarea1	{width: 525px; padding-right: 15px; overflow: auto; float: left}
#contentarea1 a	{padding-left: 15px; margin-right: 5px; background-image: url(../images/bg_content_link.gif); background-repeat: no-repeat; background-position: 0px 3px; color: #034EA2; text-decoration: none; font-weight:bold;}
#contentarea1 a:hover	{color: #CC3300;}



#contentarea1 ul	{margin-top: 5px; margin-left: 15px; margin-bottom: 15px; list-style:outside; list-style-image:url(../images/content_li_image.gif);}
#contentarea1 ol	{margin-top: 5px; margin-left: 30px; margin-bottom: 15px; list-style:outside;} 
#contentarea1 ul li, #contentarea1 ol li	{margin-bottom: 5px;}

.contentTable	{margin-top: 5px;margin-bottom: 15px;}
.contentTable th	{padding-top: 2px; padding-bottom: 2px; text-align: right; color: #ffffff!important;}
.contentTable td	{padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #cc3300; vertical-align: top; white-space: normal;}

.imgTable td	{padding-right: 15px; vertical-align: bottom; padding-bottom: 20px;}
.imgTable td img	{border: 1px solid #CCCCCC}

#contentarea2	{margin-left: 10px;float: left; width: 130px; font-size: 0.7em; }
#contentarea2 ul	{margin: 0px;margin-left: 15px;padding: 0px;list-style-image: url(../images/arrow_navi_sub.gif);}
#contentarea2 ul li	{margin-bottom: 3px;padding: 0px;}
	
#contentarea2 a {text-decoration: none; color: #000000; font-weight: bold;}
#contentarea2 a:hover {color: #cc3300;}

#flashBannerContainer	{position: absolute; width: 710px; height: 45px; top: 28px; right: 20px;}
#imageViewer	{position: absolute; top: 220px; left: 50px; width: 200px;}
#pageImage	{margin-bottom: 10px;}
#imageTitle	{clear: both; font-size: 11px; padding-top: 3px;}

.imageLink	{display: block; float:left; width: 13px; margin-right: 2px; padding-top: 2px; padding-bottom: 3px; padding-left: 5px; color: #000000; font-size: 10px; background-image: url(../images/image_link_bg.gif); background-repeat: no-repeat; text-decoration: none;}

.imageLinkActive	{display: block; float:left; width: 13px; margin-right: 2px; padding-top: 2px; padding-bottom: 3px; padding-left: 5px; color: #ffffff; font-size: 10px; background-image: url(../images/image_link_bg_active.gif); background-repeat: no-repeat; text-decoration: none;}
	
#zoomContainer{position: absolute; bottom: 40px; left: 0px; width: 1000px; text-align: center; color: #cc3300; font-weight: bold; z-index:100; display: none; }
	
#logoContainer{position: absolute; left: 15px; bottom: 3px;}
	

	
#contactLink	{position: absolute;left: 860px;bottom: 200px;z-index:100;font-size: 11px;color: #000000;text-decoration: none;background-image: url(../images/arrow_navi_sub_blue.gif);background-repeat: no-repeat;	padding-left: 17px;	font-weight: bold;}
#galleryLink	{position: absolute;left: 860px;bottom: 180px;z-index:100;font-size: 11px;color: #000000;text-decoration: none;background-image: url(../images/arrow_navi_sub_blue.gif);background-repeat: no-repeat;	padding-left: 17px;	font-weight: bold;}
	
#naviFunctionContainer	{position: absolute;right: 30px;bottom: 20px;z-index:100;list-style:none;margin: 0px;padding: 0px;}
#naviFunctionContainer li	{display: inline;margin-left: 40px;}
#naviFunctionContainer a	{font-size: 10px; text-decoration: none;color: #000000;	}
#naviFunctionContainer a:hover	{color: #cc3300;}
	
#naviPoint	{position: absolute;display: none;z-index:1000;}