/***************************************************************
 * TITLE: Common Stylesheet for TDAC                           * 
 * URI  : tdac.css *
 * MODIF: 2003-01-05 1608 +0800                                *
 ***************************************************************/


/* ###### Browser-specific Styles ###### */

/* For IE & Mozilla-based browsers: */

.LHS {
  margin-left: 2.5mm;
  float: left;
  clear: left;
}

.RHS {
  margin-right: 2.5mm;
  float: right;
  clear: right;
}

/* For Mozilla-based (CSS2-fully compliant) browsers only: */

[class~="LHS"] {
  margin-left: 5mm;
}

[class~="RHS"] {
  margin-right: 5mm;
}




/* ###### Body Text ###### */

body {
  background-color: #ffffff;
  color: #000000;
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size: 95%;
  margin: 0; 
}

h1, h2, h3 {

  font-family: "trebuchet ms", tahoma, sans-serif;

}

h1 {
  font-weight: bold;
  font-size: 140%;
  border-bottom: 1px solid;
  padding-bottom: 0.5ex;

    }

h2 {
  font-weight: bold;
  font-size: 120%;
  border-bottom: 0px solid;
  padding-bottom: 0.5ex;
  
  }

h3 {
  text-indent: 0px;
  font-weight: bold;
  font-size: 100%;
  border-bottom: 0px solid;
  padding-bottom: 0ex;
 
  }


img {
  border: 0;

  }

q {
  font-family: tahoma, verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  border: 2px dotted;
  margin: 0 1em 1ex 1em;
  padding: 0.5ex 0.5ex 0.5ex 1ex;
  width: 9em;
  float: left;
}

acronym {
  background-color: inherit;
  color: teal;
  border-bottom: 1px dashed teal;
  cursor: help;
}

code {
  font-family: "lucida console", monospace;
  font-size: 90%;
}

#bodyText {
  text-align: left;
  line-height: 1.5em;
  margin: 10mm 13em 0 13em;
  padding: 0 1em 1ex 1em;
}

#bodyText p {
  padding-bottom: 1ex;
  color: #000000;
  
}

#bodyText a {
  text-decoration: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

#bodyText a:hover {
  border-bottom: none;
}

#bodyText .topOfPage {
  font-size: 90%;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;border: none;
  padding-left: 1ex;
  padding-right: 1ex;
  float: right;
}

.smallCaps {
  font-variant: small-caps;
}




/* ###### Header ###### */


#header {
  border-bottom: 1px solid;
  background-image: url("../images/tdac_banner.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  height: /*5em*/ 75px;
  margin-bottom: 0mm;
  /*padding: 1em 2.5mm 0 5mm;*/
}


.headerTitle {
  font-size: 300%;
  font-weight: bold;
  line-height: 2em;
  display: none;
}


.headerLinks {
  text-align: right;
  padding: 2em 2.5mm 0 5mm;
}

.headerLinks * {
  text-decoration: none;
  font-weight: bold;
  font-size: 85%;
  padding-right: 1ex;
}

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




/* ###### topnav bar ###### */

#topnav {
	background: #999966;
	border-bottom: 2px solid #666600;
	margin: 0px 0px 12px;
	padding: 0px;
	width: 100%;
	text-align: center; 
	}


/* ###### buttons ###### */

#buttons {
	margin:0;
	padding: 0 0 0 12px;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
	font-weight:bold;
	}
	
#buttons UL {
	list-style-type: none;
	/*/*/margin: 0;
	white-space: nowrap;
	padding: 0;
	border: none;

	} 

#buttons LI {
	display: block;
	margin: 0;
	padding: 0;
	float:left;
	width:auto;
	}
	
#buttons a {
	color: #333300;
	display:block;
	width:auto;
	text-decoration:none;
	background: #999966;
	margin:0;
	padding: 2px 10px;
	border-left: 1px solid #ffff99;
	border-top: 1px solid #ffff99;
	border-right: 1px solid #666600;
	border-bottom: 1px solid #666600;
	}
	
#buttons a:hover, #buttons A:active {
	background: #cccc99;
	border-left: 1px solid #666600;
	border-top: 1px solid #666600;
	border-right: 1px solid #ffff99;
	border-bottom: 1px solid #ffff99;
	}

#buttons A.here:link, #buttons A.here:visited {
	position:relative;
	z-index:102;
	background: #BBBBBB;
	font-weight:bold;
	}





/* ###### Side Box ###### */

.sideBox {
  border-top: 2px solid;
  border-bottom: 2px solid;
  width: 10em;
  margin-top: 5mm;
}

.sideBox div {
  font-weight: bold;
  border-bottom: 1px dashed;
  padding: 0.5ex 0.5em 0.5ex 0.75em;
}

.sideBox span {
  color: black;
  text-decoration: none;
  line-height: 1.25em;
  display: block;
  padding: 1ex 0.5em 1ex 0.75em;
  font-size: 85%;
  height: 275px;
  overflow: auto;
}

.sideBox a, .sideBox a:hover, {
  color: black;
  text-decoration: none;
  line-height: 1.25em;
  display: block;
  padding: 1ex 0.5em 1ex 0.75em;
}




/* ###### Footer ###### */

#footer {
  padding-top: 0.75ex;
  padding-bottom: 0.75ex;
  border-top: 2px solid;
  border-bottom: 2px solid;
  clear: left;
}

#footer div {
  font-size: 85%;
  line-height: 1.25em;
  text-align: center;
  padding-right: 3mm;
}

#footer a:hover {
  text-decoration: none;
}


.footerLHS {
  float: left;
  clear: left;
  padding-left: 3mm;
}


/* ###### list ###### */

ul {
	color: #000000;
	list-style-position: outside;
	list-style-type: square;
	
	}



/* ###### form ###### */



.form {
       width:90%;
       border-bottom:2px solid;
       padding:10px 10px 10px 10px;
	   font-family:Verdana, Helvetica, sans-serif;
       
       }

.form_header {
       width:90%;
       border-top:2px solid;
	   border-bottom: 1px dotted;
       padding:5px 0px 5px 10px;
	   text-align: center;
       font-family:Arial, Helvetica, sans-serif;
       font-weight:bold;
       font-size:1em;
       color:#FFFFFF;

       }

input {
       font-family:Arial, Helvetica, sans-serif;
       font-size:1em;
       margin-bottom:10px;
       }

label {
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:bold;
     font-size:.8em;
	 
       }
	  
fieldset {
	    border:1px solid;
	    padding:10px 15px 10px 15px;
         
          }

legend {
	  font-family:Arial, Helvetica, sans-serif;
        font-size:1em;
        font-weight:bold;
       	  
	  }	  	  
	  
/*
.form_button {

	color: #333300;
	font-weight:bold;
	background: #999966;
	border-left: 1px solid #ffff99;
	border-top: 1px solid #ffff99;
	border-right: 1px solid #666600;
	border-bottom: 1px solid #666600;

	}  
*/	

/* ###### fine-print ###### */

.hrdc {
  font-size: 60%;
  text-align: left;
}