/* CSS Document */

body {margin: 0px; padding: 0px; background-color: #eee; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; background-image: url("images/21.png");}
/*h1, div, td {border: 1px solid #000; } */
h1 {margin-top: 0px; font-family: "Optoma", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal;color: #2B3030; text-transform: uppercase;}
h2 {font-family: "Optoma", Arial, Helvetica, sans-serif; color: #333; font-size: 12px; text-transform: uppercase; font-weight: normal;}
input, textarea, select {border: 1px solid #666;}

.main {text-align:center; }
.shadow {width: 780px; padding-bottom: 10px; margin-left: auto; margin-right: auto; background-image: url("images/20.png");}
.center {width: 760px; border: 1px solid #999; margin-left: auto; margin-right: auto;}
.top {border-top: 10px solid #0079be; background-color:#FFF; text-align:left;}
.nav {background-color: #333; width: 200px; font-family: "Optoma", Arial, Helvetica, sans-serif; color: #eee; line-height: 200%; }
.left {padding: 10px 20px; width: 200px;}
.toptxt {padding: 10px 20px; background-color:#FFFFFF; text-align:left;}
.bottomtxt {padding: 10px 20px; background-color:#eee;}
.body {background-color:#999; border-bottom: 10px solid #0079be; line-height:170%; text-align:left;}
.bottom {font-size: 10px; text-align:left; width: 760px; padding: 10px; margin-left: auto; margin-right: auto;}
.logo {padding: 25px 20px;}
.picture {background-image: url("images/rotate/rotate.php");}

ul {margin-top: 10px;}
ul li {list-style-image:  url("images/li.gif");}

.nav ul li {list-style-image: none;}
.nav ul li a:link {color: #fff; text-decoration: none;}
.nav ul li a:visited {color: #fff; text-decoration: none;}
.nav ul li a:active {color: #3399FF; text-decoration: underline;}
.nav ul li a:hover {color: #3399FF; text-decoration: none;}

*html .nav ul li {
	font-size: 11px;
        line-height: 180%
	}
*html p, td, div  {
	font-size: 12px;
       	}

.mission {font-size: 14px; font-style:italic; color: #333; line-height: 200%;}
.mission a:link {color: #333; line-height: normal; text-decoration: underline; margin-left: 20px;}
.mission a:visited {color: #333; line-height: normal; text-decoration: underline; margin-left: 20px; font-weight: normal;}
.mission a:hover {color: #3399FF;}

a:link  {color: #3399FF; text-decoration: none;}
a:visited {color: #666; text-decoration: none;}
a:active {color: #3399FF; text-decoration: none; }
a:hover {color: #99CCFF; text-decoration: none;}

.cat-item a:link  {color: #fff; text-decoration: none;}

.left a:link  {color: #fff; text-decoration: none;}
.left a:visited {color: #000; text-decoration: none;}
.left a:active {color: #fff; text-decoration: none; }
.left a:hover {color: #99CCFF; text-decoration: none;}

.bread {font-size: 10px; height: 20px; background: #fff; margin-top: 0px; padding-left: 5px; color: #fff;}

.moodle  {position: absolute; margin-top: 80px; margin-left: 700px; color: #000; font-size: 10px; text-align: center;}
.moodle a:link {color: #000;}
.moodle a:visited  {color: #000;}

.case {background-color:#fff; color:#000; height: 80px; width: 460px; margin: 0px 10px 10px 0px; display: block; border: 1px solid #666;}
.case p {margin: 5px; font-size: 11px;}
.case img {float: left; margin-right: 5px; border: none;}
.case h3 {font-size: 11px; font-weight: bold; display: inline; margin: 0;}

.wpng-page-list-table {font-size: 12px;}
.wpng-page-list-time {display: none;}