/* undohtml.css */

:link,:visited {
     text-decoration: none; 
     color: #0E51B6;
}

/*ul,ol { 

	list-style: none; 

}*/

h1,h2,h3,h4,h5,h6,pre,code {
     font-size: 1em; 
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
     margin: 0;
     padding: 0; 
}

a img,:link img,:visited img {
     border: none; 
}

/*technomic*/

body {
     color: #000033;
     margin-top: 0px;
     background-color: #666564;
     text-align: center;
     /*overflow: scroll; */
}

p {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #003366;
     line-height: 18px; 
}

td {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

th {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

.centered{
     text-align: center; 
}

/*container style*/

#container {
     width: 820px;
     margin-top: 0px;
     margin-left: auto;
     margin-right: auto;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 12px;
     text-align:left;
     background-image: url(images/pattern.gif);
     background-repeat: repeat-y;
     background-position: center; 
}

#masthead {
     background-image: url(images/pagebanner.jpg);
     background-position: center;
     background-repeat: no-repeat;
     width: 820px;
     height: 114px; 
}

#masthead a {
     display: block; 
}

#masthead img {
     border-style: none; 
}

/*content*/

#content { 
}

#navigation {
     width: 820px;
     border: 0px;
     margin-left: auto;
     margin-right: auto; 
}

#navigation a {
     display:block; 
}

#navigation img {
     border-style: none; 
}

#bodyContent {
     margin: 10px; 
}

#intro {
     margin: 10px; 
}

#intro ul {
     margin: 0px;
     padding: 0px;
     color: #666666;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 12px; 
}

#intro li {
     margin-left: 15px;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #666666;
     list-style-position: outside; 
}

#introtext {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #666666;
     line-height: 20px;
     width: 180px;
     margin-top: 10px;
     margin-bottom: 10px;
     float: left; 
}

#introtext h1 {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #333333;
     line-height: 16px;
     margin-top: 10px; 
}

#introtext p {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #666666; 
}

#introtext a {
     color: #003366;
     text-decoration: underline; 
}

#introtext a:hover {
     color: #333333;
     text-decoration: none; 
}

span.box {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #333333;
     border-top-style: dotted;
     border-width: 1px;
     border-top-color: #CCCCCC;
     padding-top: 5px;
     margin-top: 8px;
     display: block; 
}

span.testimonial {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-style: italic;
     font-size: 11px;
     color: #333333;
     line-height: 14px; 
}

span.quotes {
     font-family: Times, serif;
     font-size: 24px;
     color: #333333; 
}

#whatsNew {
     padding: 10px;
     width: 555px;
     border-left: 1px solid #999999;
     padding-left: 10px;
     float: right; 
}

#headingImg {
     border: 1px solid #666666; 
}

#whatsNew h1 {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 18px;
     font-weight: lighter;
     color: #0E51B6;
     line-height: normal;
     margin: 10px;
     padding-bottom: 8px; 
}

#whatsNew h2 {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #003366;
     line-height: normal;
     padding-top: 5px;
     margin: 10px;
     border-top-style: dotted;
     border-width: 1px;
     border-top-color: #CCCCCC; 
}

#whatsNew h3 {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 18px;
     font-weight: lighter;
     color: #0E51B6;
     line-height: normal;
     margin: 10px;
     padding-bottom: 8px;
     padding-top: 8px;
     border-top-style: dotted;
     border-width: 1px;
     border-top-color: #CCCCCC; 
}

#whatsNew p {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-weight: normal;
     color: #003366;
     line-height: 18px;
     margin: 10px;
     padding-bottom: 10px; 
}

#whatsNew ul, li {
     margin-left: 10px;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 12px;
     line-height: 18px;
     font-weight: normal;
     color: #003366;
     list-style-position: outside; 
}

#whatsNew a {
     color: #990000;
     text-decoration: none;
     font-weight: bold; 
}

#whatsNew a:hover {
     color: #999999;
     text-decoration: underline; 
}

span.highlight {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-weight: bold;
     color: #003366;
     line-height: 18px; 
}

.divider {
     color: #999999; 
}

#whatsNew.chinese p {
     font-family: SimHei, Hei, sans-serif;
     font-size: 12px;
     color: #003366;
     line-height: 18px;
     margin: 10px;
     padding-bottom: 10px; 
}

/*footer*/

#footer {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 9px;
     color: #999999;
     line-height: 12px;
     text-align: center;
     border-top: 1px solid #999999;
     clear: both;
     margin-left: 30px;
     padding-top: 5px;
     margin-top: 20px;
     padding-bottom: 10px; 
}

#footer a {
     color: #999999;
     text-decoration: underline; 
}

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

/*site content texts*/

#bodyCopy {
     clear: right; 
}

#bodyCopy p {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #003366;
     line-height: 16px;
     margin-left: 10px;
     padding-bottom: 20px; 
}

#bodyCopy a {
     color: #FF6600;
     text-decoration: underline;
     font-weight: bold; 
}

#bodyCopy a:hover {
     color: #999999;
     text-decoration: none; 
}