@charset "UTF-8";
@import url("base.css");
@import url("extensions.css");


/* header style   */

div#contents_wrapper_head {
	height: 294px;
	margin: 0px auto;
	text-align: center;
	background: url(../images/tp_contents_header_bg.gif) repeat-x;
}
div#container_head {
	position: relative;
	width: 920px;
	height: 112px;
	margin: 0px auto;
}
div#container_head h1 {
	position: absolute;
	display: block;
	width: 80px;
	height: 42px;
	top: 58px;
	left: 0px;
	text-indent: -5000px;
	background: url(../images/tp_header_logo.gif) no-repeat;
}
ul#global {
	position: absolute;
	width: 602px;
	height: 68px;
	top: 44px;
	left: 250px;
}
ul#global li {
	float: left;
}
ul#global li a {
	display: block;
	height: 68px;
	text-indent: -5000px;
}
a#tp_global_01,a#tp_global_04 {
	width: 151px;
}
a#tp_global_02,a#tp_global_03 {
	width: 150px;
}
ul#submenu_top {
	position: absolute;
	width: 200px;
	height: 24px;
	top: 8px;
	left: 700px;
}
ul#submenu_top li {
	float: left;
	font-size: 10px;
	padding: 0px 20px 0 8px;
	background: url(../images/tp_footer_arrow_01.gif) 0px 6px no-repeat;
}

/*contents wrapper*/

div#wrapper_middle {
	margin: 0px auto;
	text-align: center;
	background: #FFF url(../images/tp_middle_bg.gif) 0px bottom repeat-x;
	background-color: #FFF;
	padding-top: 0px;
}
div#container_middle {
	width: 920px;
	margin: 0px auto;
	position: relative;
	text-align: left;
	background: url(../images/tp_sidebar_bg.gif) repeat-y;
}
div#container_left {
	width: 590px;
	float: left;
}
div#contents {
	margin-left: 20px;
	width: 570px;
}

/*sidebar style */

div#container_right {
	float: right;
	width: 290px;
	text-align: left;
}
h3#banner_title {
	display: block;
	width: 290px;
	height:24px;
	background: #FFF;
	text-indent: -5000px;
}

ul#sidebar_banner {
	display: block;
	width: 270px;
	height: 280px;
	background: url(../images/tp_banner_bg.gif) no-repeat;
	padding-top: 18px;
	margin-left: 10px;
}
ul#sidebar_banner li {
	margin-bottom: 18px;
	float: right;
}
a#sidebar_banner_01,a#sidebar_banner_02,a#sidebar_banner_03,a#sidebar_banner_04 {
	display: block;
	width: 235px;
	height: 70px;
	text-indent: -5000px;
	margin-right: 2px;
}

/* tree*/

ul#tree_top {
	width: 590px;
	height: 36px;
	border-bottom: 1px solid #DDD;
	padding-left: 5px;
}
div#tree_bottom_wrapper {
	clear: both;
	padding-top: 20px;
	background: url(../images/tp_tree_bottom_bg.gif) bottom left no-repeat;
}
ul#tree_bottom {
	width: 590px;
	height: 36px;
	border-top: 1px solid #DDD;
	padding-left: 5px;
}
ul#tree_top li,ul#tree_bottom li {
	padding-right: 10px;
	overflow: hidden;
	float: left;
	padding-top: 8px;
}
ul#tree_top li span {
	display: block;
	padding: 0px 2px 2px 10px;
	background: url(../images/tp_tree_arrow.gif) 0px 5px no-repeat;
}
ul#tree_bottom li span {
	display: block;
	padding: 0px 2px 2px 10px;
	background: url(../images/tp_tree_arrow.gif) 0px 5px no-repeat;
}
/*footer*/

div#wrapper_bottom {
	clear: both;
	background: #212121 url(../images/tp_wrapper_bottom_bg.gif) repeat-x;
}
div#submenu_bottom {
	width: 920px;
	height:42px;
	text-align: left;
	margin: 0px auto;
	background: url(../images/tp_footer_submenu_bg.gif) no-repeat;
}
div#submenu_bottom li {
	float: left;
	font-size: 10px;
	padding: 0px 20px 0 8px;
	margin-top: 14px;
	background: url(../images/tp_footer_arrow_01.gif) 0px 6px no-repeat;
}
div#footer {
	position: relative;
	width: 920px;
	text-align: left;
	margin: 0px auto;
	padding-top: 6px;
	background: url(../images/tp_footer_bg.gif);
}
div#footer p {
	font-size: 10px;
	font:Verdana, Geneva, sans-serif;
	text-indent: 0px;
	color: #AAA;
	padding-bottom: 30px;
}
div#footer ul {
	position: absolute;
	width: 220px;
	top: 6px;
	left: 430px;
}
div#footer ul li {
	float: left;
	font-size: 10px;
	padding: 0 20px 0 8px;
	background: url(../images/tp_footer_arrow_02.gif) 0px 7px no-repeat;
}
div#footer ul li a:active {
	color: #CCC;
}
div#footer ul li a:link {
	color: #CCC;
}
div#footer ul li a:visited {
	color: #888;
}
div#footer ul li a:hover {
	text-decoration: underline;
	color: #FFF;
}
p#credo {
	display: none;
}

/*Google Maps Link*/
div#gmap_links {
}
div#gmap_links ul {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 5px 0px;
	height: 24px;
	background: #F3F3F3;
}
div#gmap_links ul li {
	float: right;
	font-size: 10px;
	font-weight: bold;
	padding: 5px 15px 0px 12px;
	background: url(../images/tp_gmaps_arrow.gif) 0px 9px no-repeat;
}
div#gmap_links ul li a {
	display: block;
}