/* CSS Document for TCDA */

body {
	background: #e7fbf8 url(../image/body_bg.png) repeat-x;
}

/* general */

H1 {
	font: 22px/26px verdana, helvetica, arial, sans-serif;
	color: #058;
	font-weight: bold;
	padding-bottom:2px;
}

H2 {
font: 18px/20px verdana, helvetica, arial, sans-serif;
font-weight: bold;
padding-top:2px;
}

H3 {
font: 14px/18px verdana, helvetica, arial, sans-serif;
font-weight: bold;
}

H4 {
font: 12px/16px verdana, helvetica, arial, sans-serif;
font-weight: bold;
}

.thinborder, 
.thinborder th,
.thinborder td {
border:1px solid #aaa;
border-collapse:collapse;
padding:3px;
}

.thinborder th {
background-color:#e7fbf8;
font-weight:bold;
text-align:center;
padding:3px;
}

CAPTION {
font-weight:bold;
font-size:14px;
}

A,
A:visited {
	color:#058;
}

A:hover {
	color:#a00;
}

UL {
	padding-left:1em;
	margin-left:1em;
}

/* entire page */
#all {
	margin: 5px auto;
	border:0px solid #920;
	width:900px;
}

/* header */
#tcda_header {
	position: relative;
	width:100%;
	height:131px;
	margin:0px;
	z-index:500;
}
#tcda_header #header_top {
	height:100px;
}
#header_top #headtitle {
	position: absolute;
	top:40px;
	left:210px;
	font: 32px/32px verdana, lucida, arial, helvetica, sans-serif;
	font-weight:bold;
	color:#022;
}
#header_top #tcda_logo {
	position: absolute;
	top: 10px;
	left: 0px;
	margin-left:5px;
	width:175px;
}
#header_top #tcda_search {
	position: absolute;
	top:-5px;
	right:0px;
	font: 11px/11px arial, helvetica, sans-serif;
	text-align:right;
}
#header_top #tcda_search form {
	margin-top:0px;
	font: 11px/11px arial, helvetica, sans-serif;
}
#header_top #tcda_search form label {
	display:none;
}
#header_top #tcda_search form input {
	font: 11px/11px arial, helvetica, sans-serif;
}
#header_top #tcda_search form input#qa {
	width:15em;
}


/* top menu bar */
.menu_top {
	position:relative; 
	padding-left:0px; 
	font:1em/1em lucida, arial, sans-serif; 
	font-weight:bold;
	font-size:85%;
}
.menu_top ul {
	margin:0;
	padding:0;
	list-style:none;
	line-height:30px;
	height:30px;
}
.menu_top ul li {
	float:left;
	position:relative;
	padding:0;
	margin:0;
	margin-right:2px;
}
.menu_top ul li a {
	display:block; 
	padding:0px 20px;
	background-color:#e7fbf8;
	border:1px solid #a0cbd2;
	height:30px; 
	line-height:30px;
	color:#036;
	text-decoration:none;
  	-moz-box-shadow: inset 0 10px 20px #ddf; /* Firefox */
  	-webkit-box-shadow: inset 0 10px 20px #ddf; /* Safari */
  	box-shadow: inset 0 10px 20px #ddf; /* CSS3 */
	z-index:100;
}
.menu_top ul li.current a {
	background-color:#fff;
	border-bottom:1px solid #fff;
  	-moz-box-shadow: inset 0 15px 20px #e7fbf8; /* Firefox */
  	-webkit-box-shadow: inset 0 15px 20px #e7fbf8; /* Safari */
  	box-shadow: inset 0 15px 20px #e7fbf8; /* CSS3 */
}

.menu_top ul li.current:hover a,
.menu_top ul li.current a:hover,
.menu_top ul li:hover a,
.menu_top ul li a:hover {
	background-color:#eee;
	border-bottom:1px solid #eee;
  	-moz-box-shadow: inset 0 10px 20px #fff; /* Firefox */
  	-webkit-box-shadow: inset 0 10px 20px #fff; /* Safari */
  	box-shadow: inset 0 10px 20px #fff; /* CSS3 */
}
.menu_top ul li ul {
	display:none;
	list-style:none;
	padding-bottom:0px;
	position:absolute;
	top:32px;
	left:0;
	margin:0px;
	padding:0px;
	border:0px solid #000;
	z-index:50;
}
.menu_top ul li ul li {
	margin:0;
}
.menu_top ul li:hover ul,
.menu_top ul li a:hover ul {
	display:block;
}
.menu_top ul li.current:hover ul li a,
.menu_top ul li.current a:hover ul li a,
.menu_top ul li:hover ul li a,
.menu_top ul li a:hover ul li a {
	display:block; 
	width:10em;
	height:2.5em; 
	line-height:2.5em;
	padding-left:20px; 
	text-align:left;
	border-width:0;
	background-color:#eee;
	font-weight:normal;
	-moz-box-shadow: none; /* Firefox */
  	-webkit-box-shadow: none; /* Safari */
  	box-shadow: none; /* CSS3 */
}
.menu_top ul li:hover ul li a:hover,
.menu_top ul li a:hover ul li a:hover {
	text-decoration:underline;
  	-moz-box-shadow: inset 10px 0 10px #ddd; /* Firefox */
  	-webkit-box-shadow: inset 10px 0 10px #ddd; /* Safari */
  	box-shadow: inset 10px 0 10px #ddd; /* CSS3 */
}



/* main content section */
#main {
	position:relative;
	margin:0;
	padding:2em;
	min-height:700px;
	font: 12px/20px lucida, verdana, arial, helvetica, sans-serif;
	background-color: #fff;
	border:1px solid #7abfce;
	z-index:10;
}


/* footer */
#footer {
	text-align:center;
}
#footer a {
	text-decoration:none;
}
#footer #sponsor {
	font: 13px/20px arial, helvetica, sans-serif;
	color:#000;
}
#footer #sponsor a img{
	margin:10px 5px 10px 5px;
}
#footer #bottom {
	margin-top:10px;
	font: 11px/18px arial, helvetica, sans-serif;
	color:#333;
}


/* image block on front page */
#highlight_box {
	position:relative;
	height:300px;
	width:898px;
	margin:-1em 0 1em -2em;
/*	background:#000 url(../home/image/h1.jpg) no-repeat; */
}

.bigItem {
	position:absolute;
	right:0px;
	color: #fff;
	font-size:18px;
	line-height:20px;
	width:275px;
	height:60px;
	padding: 0px 0px 0 0;
	text-align: right;
	background-color: #888;
	-webkit-border-radius: 30px 0 0 30px;
	-moz-border-radius: 30px 0 0 30px;
	border-radius: 30px 0 0 30px;
	/*behavior: url(border-radius.htc);*/
}
.bigItem a {
	display:block;
	color: #eef;
	text-decoration:none;
	width: 245px;
	height: 60px;
	padding: 10px 30px 0px 00px;
}

.bigItem a span {
	font-size:13px;
	color: #fff;
}
.bighid {
	position:absolute;
	right:0px;
	width:245px;
	height:60px;
	padding: 0px 30px 0 0;
	-webkit-border-radius: 30px 0 0 30px;
	-moz-border-radius: 30px 0 0 30px;
	border-radius: 30px 0 0 30px;
}

/*.bigItem a:hover {
	color:#000;
}*/
.bigItem .twoline {
}

.bigItem .oneline {
	font-size:24px;
}

#big_backer {
	position:absolute;
	bottom:0px;
	right:0px;
	background-color: #333;
	width:245px;
	height:182px;
}

.b1 {
	bottom:0;
}
.b2 {
	bottom:62px;
}
.b3 {
	bottom:124px;
}

/* bottom ad on front page */
.ad {
	clear:both;
	margin:60px auto 0 auto;
	height:70px;
}
.ad .ad_item {
	float:left;
	width:150px;
	height:68px;
	padding:5px;
	margin:0px 4px 0px 4px;
	border:1px solid #ccc;
	text-align:center;
}
.ad .ad_item .ad_text {
	font: 0.8em/1em Arial, Helvetica, sans-serif;
	margin-top:3px;
}


.special_note {
padding:10px 0 0px 0;
margin:0;
font-weight:bold; 
font-size:20px; 
color: #FF9900;
}

.special_note a {
text-decoration:none;
color: #FF9900;
}




.title_menu {
display:block;
font: 13px/18px verdana, helvetica, arial, sans-serif;
color: #069;
font-weight:bold;
margin:15px 0px 0px 2px;
}

.small_menu {
display:block;
font: 11px/16px verdana, helvetica, arial, sans-serif;
color: #069;
font-weight:bold;
margin:15px 0px 0px 2px;
}

.small_menu a {
width:30px;
}

.title_menu a,
.small_menu a {
text-decoration:none;
margin:0px 10px 0px 10px;
text-decoration:underline;
}

.title_menu a:hover,
.small_menu a:hover {
text-decoration:underline;
}

.title_menu a:visited,
.small_menu a:visited {
color:#058;
}

.title_menu a.current,
.small_menu a.current {
color: #058;
text-decoration:none;
}


.search h2 {
padding:3px 5px 0px 5px;
margin-bottom:0px;
}

.main_left {
float:left;
width:420px;
}

.img_right_box {
float:right;
width:250px;
border:1px solid #efe;
background-color:#fff;
margin-bottom:20px;
}

.img_right_box .link_title {
font-weight:bold;
padding:2px;
text-align:center;
background-color:#efe;
}

.main_right {
float:right;
width:270px;
}

.main_right_box {
float:right;
width:270px;
border:1px solid #ada;
background-color:#efe;
margin-bottom:10px;
}

.main_right_box .link_title {
font-weight:bold;
border-bottom:0px solid #096;
padding:2px;
text-align:center;
background-color:#ada;
}

.main_right_box .link_list {
padding:0.6em .6em 0.5em .6em;
}

.main_right_box ul {
list-style:square;
font-family:Arial, Helvetica, sans-serif;
}

.main_right_box ul li{
margin-bottom:.3em;
}

.main_right_box_nav {
float:right;
width:auto;
background-color:#fff;
margin-left:5px;
margin-bottom:20px;
}

.main_right_box_nav .link_title {
font-weight:bold;
border-bottom:1px solid #069;
padding: 2px 1em 2px 1em;
text-align:left;
background-color:#069;
color:#fff;
-moz-border-radius:0px;
}

.main_right_box_nav .link_list {
padding:0.6em .6em 0.5em .6em;
font-weight:normal;
background-color:#eef;
}

.main_left_box_nav {
float:left;
width:auto;
background-color:#fff;
margin-left:5px;
margin-bottom:20px;
}

.main_left_box_nav .link_title {
font-weight:bold;
border-bottom:1px solid #069;
padding: 2px 1em 2px 1em;
text-align:left;
background-color:#069;
color:#fff;
-moz-border-radius:0px;
}

.main_left_box_nav .link_list {
padding:0.6em .6em 0.5em .6em;
font-weight:normal;
background-color:#eef;
text-align:center;
}

.main_left_box_nav .link_list a {
margin:0 2em 0 2em;
}

.main_box_nav {
background-color:#fff;
margin-left:5px;
margin-bottom:20px;
}

.main_box_nav .link_title {
font-weight:bold;
border-bottom:1px solid #069;
padding: 2px 1em 2px 1em;
text-align:left;
background-color:#069;
color:#fff;
-moz-border-radius:0px;
}


.textbox {
border:1px solid #555;
margin:5px;
padding:10px;
}

.textbox legend {
font: 14px/20px verdana, helvetica, arial, sans-serif;
font-weight: bold;
margin:0px 10px 0px 10px;
color:#22a;
}

.photobox {
border:1px solid #ddd;
padding:10px;
margin-bottom:15px;
/*background-color:#eeeeee;*/
}

.photobox legend {
display:none;
}

.photobox .ptitle {
margin:2px 2px 8px 2px;
font:14px/16px verdana, helvetica, arial, sans-serif;
font-weight:bold;
color:#a00;
}

.img_left {
float:left;
margin-right:10px;
}

.img_right {
float:right;
margin-left:10px;
}

.poweredby,
.poweredby a {
font-size:10px;
color:#555;
}

.top a {
text-decoration:none;
}

.top a:hover {
text-decoration:underline;
}

.smaller_lighter {
font-size:smaller;
font-weight:lighter
}

/* for board page */
.leftboard {
float:left;
width:27%;
padding-top:1.5em;
}

.rightboard {
float:right;
width:70%;
}

/* end of board page */


/* history - past present page */
.pres {
float:left;
height:450px;
width:100%;
/*border:1px solid #f00;*/
}

.pres_left {
float:left;
width:255px;
height:100%;
padding-left:5px;
line-height:2.2em;
/*border:1px solid #eee;*/
}

.pres_mid {
float:left;
width:250px;
border:1px solid #096;
background-color:#fff;
margin:0 40 0 40px;

}

.pres_mid .link_title {
font-weight:bold;
border-bottom:1px solid #096;
padding:2px;
text-align:center;
background-color:#efe;
}

.pres_right {
float:left;
width:250px;
height:100%;
padding-left:75px;
line-height:2.2em;
/*border:1px solid #eee;*/
}




.pastlogobar {
}
.pastlogobar td {
text-align:center;
    padding:10px 20px;
}
/* end of history - past present page */

/* Member Search */

.login {
margin-left:120px;
padding:20px;
border:1px solid #000000;
}

.toprow {
text-align: center;
font: 14px/30px bold verdana, arial, helvetica, sans-serif;
color: #a00;
background-color: #eee;
}

/* End of Member Search */

/* Beginning of Works page */
.xborder, 
.xborder th,
.xborder td {
border:1px solid #aaa;
border-width:1px 0px 1px 0px;
border-collapse:collapse;
padding: 10px 5px 10px 5px;
text-align:center;
}

.xborder th {
background-color:#efe;
font-weight:bold;
text-align:center;
padding:3px;
}

.xborder {
border-width:1px 0px 2px 0px;
}

a .pagetop ,
a:visited .pagetop {
color:blue;
padding-top:5px;
padding-bottom:5px;
}
/* End of Works Page */