body {
	background:#EBEBEB;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
}
.navbar {
	float:right;
}
.navbar li {
	display: block;
	position: relative;
	line-height: 24px;
}
.navbar li:hover {
	cursor: pointer;
}
.navbar li ul.dropdown-about {
	min-width:120px; /* Set width of the dropdown */
	background:#008dbb;
	display:none;
	position:absolute;
	z-index:999;
	left:0;
	padding-left:10px;
	border-bottom:solid 1px #000000;
	border-right:solid 1px #000000;
}
.navbar li ul.dropdown-service {
	min-width:200px; /* Set width of the dropdown */
	background:#008dbb;
	display:none;
	position:absolute;
	z-index:999;
	left:0;
	padding-left:10px;
	border-bottom:solid 1px #000000;
	border-right:solid 1px #000000;
}
.navbar li:hover ul.dropdown-about{
	display: block;	/* Display the dropdown */
}
.navbar li:hover ul.dropdown-service{
	display: block;	/* Display the dropdown */
}
.navbar li ul.dropdown-about li{
        display: block;
    }
.navbar li ul.dropdown-service li{
        display: block;
    }
.left {
	float:left;
}
div#content{
  text-align: justify;
  text-justify: inter-word;
}
img {
	border:none;
}
ul, li {
	margin:0;
	padding:0;
	list-style:none;
}
form {
	margin:0;
	padding:0;
}
a {
	color:#0088B5;
	font-weight:bold;
}
a:hover {
	color:#0078A0;
}
#container {
	width:930px;
	padding:15px;
	-moz-border-radius:13px;
	background:#fff;
	margin:10px auto;
	overflow:auto;
}
#content {
	width:930px;
	overflow:auto;
}
#content a{
	text-decoration:none;
	font-weight:normal;
	color:#666;
}
#content h2{
	color:#006C91;
}
#commander-list {
	width:890px;
	padding:20px;
	background:#f7f7f7;
	float:left;
	-moz-border-radius:10px;
}
#header{
	width:930px;
	height:55px;
}
.logo {
	margin:15px;
	float:left;
}
.banner img{
	width:930px;
}
ul#toplinks {
	float:right;
	color:#999;
	margin:0;
	padding:0;
	list-style:none;
}
ul#toplinks li {
	float:right;
	margin:3px 0 0 10px;
}
ul#toplinks a {
	color:#999;
	font-weight:normal;
}
ul#toplinks a:hover {
	color:#666;
	font-weight:normal;
}
#nav {
	padding:0;
	width:910px;
	background:#008DBC url(../system_theme_image/bg_nav.png) repeat-x bottom;
	padding:9px 0 10px 20px;
	-moz-border-radius:10px;
	color:#fff;
	height:12px;
	margin:15px 0;
}
#admin-title {
	padding:0;
	width:910px;
	background:#008DBC url(../system_theme_image/bg_nav.png) repeat-x bottom;
	padding:9px 0 10px 20px;
	-moz-border-radius:10px;
	color:#fff;
	height:12px;
	margin:15px 0;
	clear:left;
}
#nav li {
	padding-right:20px;
	float:left;
	display:block;
}
#nav a {
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}
#nav a:hover {
	color:#33CCFF;
}
#footer {
	width:960px;
	text-align:center;
	margin:10px auto;
	padding-bottom:15px;
	clear:both;
}
#footer a {
	color:#999;
	font-weight:normal;
}
#topbox {
	width:890px;
	padding:0px 20px 10px 20px;
	-moz-border-radius:10px;
	background:#00ACE6 url(../system_theme_image/bg_fptopbox.png) repeat-x bottom;
	overflow:auto;
	color:#fff;
}
#topbox h4 {
	color:#fff;
	font-size:20px;
	letter-spacing:-1px;
	margin:0;
	padding:0 0 5px 0;
}
#topbox input {
	border:1px solid #0093C4;
	padding:3px 3px;
	width:230px;
}
#topbox select {
	margin-left:3px;
}
#topbox .btn {
	padding:3px 5px;
	background:#004055;
	color:#fff;
	border:none;
	-moz-border-radius:3px;
	position:absolute;
	margin-left:5px;
	cursor:pointer;
	width:60px;
	font-size:11px;
}
#topbox .btn:hover {
	background:#005773;
}
#tbleft {
	float:left;
	width:450px;
	padding:15px 0 0 10px;
}
#tbleft .tld {
	width:75px;
}
#tbright {
	font-size:12px;
	float:left;
	width:390px;
	padding-left:15px;
}
#tbright #boxleft {
	float:left;
	width:600px;
}
#tbright input {
	width:145px;
	margin:0px 0 0 5px;
}
#tbright p {
	float:right;
	margin:0;
	padding:0;
}
#tbright p.link {
	float:left;
	margin:13px 0 0 10px;
	font-size:11px;
	padding:0;
}
#tbright a {
	color:#fff;
	text-decoration:underline;
}
ul#promobox {
	width:930px;
	position:relative;
	float:left;
	margin-bottom:15px;
}
ul#promobox p {
	margin:0;
	padding:0;
}
ul#promobox li {
	width:270px;
	padding:20px 10px 20px 20px;
	float:left;
	background:#008DBC url(../system_theme_image/bg_promo1.png) repeat-x bottom;
	margin:15px 15px 0 0;
	-moz-border-radius:10px;
	color:#fff;
}
ul#promobox ul {
	margin:0 0 10px 0;
}
ul#promobox li ul li {
	margin:5px 0 0 0;
	background:url(../system_theme_image/bullet.png) no-repeat left center;
	padding:0 0 0 10px;
	width:250px;
}
ul#promobox li h3 {
	line-height:1;
	color:#fff;
	letter-spacing:-1px;
	font-size:18px;
	float:left;
	margin:0;
	padding:0 0 3px 0;
}
ul#promobox li .pricebox {
	line-height:1;;
	text-align:center;
	padding-right:10px;
}
.pricebox img {
	width:250px;
	border-style: solid;
	border-width: 4px;
	border-color: white;
}
ul#promobox li .pricebox .lrg {
	line-height:1;
	letter-spacing:-1px;
	font-size:35px;
	font-weight:bold;
	margin:0;
	padding:0;
}
ul#promobox a {
	background:#004055;
	color:#fff;
	float:right;
	margin:15px 10px 0 0;
	padding:5px 10px;
	text-decoration:none;
	-moz-border-radius:5px;
	font-weight:normal;
}
#purchase-more a, .activity-more {
	background:#004055;
	color:#fff;
	float:left;
	margin:15px 10px 0 0;
	padding:5px 10px;
	text-decoration:none;
	-moz-border-radius:5px;
	font-weight:normal;
}
ul#promobox a:hover, #purchase-more a:hover, a.activity-more:hover {
	background:#005773;
	color:white;
}
ul#promobox li.two {
	background:#00ACE6 url(../system_theme_image/bg_promo2.png) repeat-x bottom;
}
ul#promobox li.three {
	margin-right:0;
	background:#09C1FF url(../system_theme_image/bg_promo3.png) repeat-x bottom;
}
#newsbox{
	width:575px;
	padding:20px;
	background:#f7f7f7;
	float:left;
	-moz-border-radius:10px;
}
#newsbox p,#commander-list p {
	margin:0;
	padding:0;
}
#newsbox h5,#commander-list h5,#commander{
	font-size:25px;
	letter-spacing:-1px;
	color:#006C91;
	margin:0;
	padding:0;
	line-height:1;
}
#newsbox h6 ,#commander-list h6 {
	font-size:14px;
	letter-spacing:-1px;
	color:#006C91;
	margin:0;
	padding:0;
	line-height:1;
	margin-bottom:2px;
}
#newsbox li,#commander-list li {
	margin-top:15px;
	line-height:1.5em;
}
#newsbox .rss a {
	float:right;
	margin:3px 8px 0 0;
	color:#999;
	font-weight:normal;
}
#quotes {
	width:260px;
	padding:20px;
	float:right;
	background:#008dbb url(../system_theme_image/bg_promo1.png) repeat-x bottom;
	-moz-border-radius:10px;
	color:#fff;
}
#quotes img{
	width:150px;
	border-style: solid;
	border-width: 4px;
	border-color: white;
}
#quotes div{
	width:260px;
	text-align:center;
}
#quotes hr{
	margin:10px 0px 10px 0px;
}
#quotes p {
	margin:0;
	padding:0;
}
#quotes h3 {
	line-height:1;
	letter-spacing:-1px;
	font-size:18px;
	margin:0;
	padding:0;
}
#quotes ul {
	margin-top:17px;
}
#quotes li {
	margin:5px 0 0 0;
	background:url(../system_theme_image/bullet.png) no-repeat left center;
	padding:0 0 0 10px;
	font-size:13px;
}
#quotes li a{
	font-weight:normal;
}
#quotes a {
	text-decoration:none;
	color:#fff;
	padding:0;
	margin-top:15px;
}
#password {
	margin-left:15px;
}
#procure p{
	clear:left;
}
.tab {
	position: relative;
	line-height: 14px;
	padding: 10px;
	float:left;
	color:#ffffff;
	background-color:#b0b0b0;
	border-radius: 3px;
	margin-right:3px;
	margin-bottom:5px;
	cursor:pointer;
}
.active {
	position: relative;
	line-height: 14px;
	padding: 10px;
	float:left;
	color:#ffffff;
	background-color:#008dbb;
	border-radius: 3px;
	margin-right:3px;
	margin-bottom:5px;
	cursor:pointer;
}
#index_procure{
	margin-top:10px;
}
#index_procure h6{
	margin-bottom:5px;
}
#person, #activity{
	clear: left;
	margin-top: 10px;
}
#person img{
	margin-right: 5px;
}
#person li{
	margin-top: 0px;
}
.tab-content{
	padding: 10px;
	border-radius: 3px;
	border:solid 1px #b0b0b0;
	clear:left;
	min-height:200px;
}
.index-tab-content{
	padding: 0px;
	clear:left;
	min-height:200px;
}
.date{
	color:#008dbb;
	font-weight:bold;
}
.tab-content a{
	text-decoration:none;
	color:#666;
	font-weight:normal;
}
.index-tab-content a, #person a{
	text-decoration:none;
	color:#666;
	font-weight:normal;
}
.index-tab-content li{
	margin-bottom: -15px;
}
.delete{
	font-weight:bold;
	color:red;
	cursor: pointer;
}
#commander-list h5 {
	margin-bottom: 10px;
}
.f_commander {
	width: 920px;
	text-align: center;
}
.f_commander img{
	width: 150px;
}
#activity img {
	display: block;
	float: left;
	width:120px;
	border-style: solid;
	border-width: 4px;
	border-color: #ffffff;
	margin-right: 10px;
}
#activity div {
	clear:left;
}

#activity_detial img {
	display: block;
	float: left;
	width:300px;
	border-style: solid;
	border-width: 4px;
	border-color: #ffffff;
	margin: auto;
}

/* Add styles to the form container */
.form-container {
  display: none;
  border: 1px solid #000000;
  background-color: white;
}

.form-container2 {
  margin: auto;
  padding-left: 50px;
  width: 400px;
  border: 1px solid #666;
  background-color: white;
}

/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password], .form-container2 input[type=text], .form-container2 input[type=password] {
  width: 80%;
  padding: 15px;
  margin: 5px 0 10px 0;
  border: solid 1px #ddd;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus, .form-container2 input[type=text]:focus, .form-container2 input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #004055;
  color: white;
  border: none;
  cursor: pointer;
  width: 90%;
  margin-bottom:10px;
  opacity: 0.8;
  height: 30px;
}

.form-container2 .btn {
  background-color: #006699;
  color: white;
  border: none;
  cursor: pointer;
  width: 90%;
  margin-bottom:10px;
  opacity: 0.8;
  height: 30px;
}

.form-container h1, .form-container2 h1{
  font-size:18px;
}

.form-container h1, .form-container label, .form-container2 h1, .form-container2 label{
  color:#000000;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover, .form-container2 .btn:hover, .open-button:hover {
  opacity: 1;
}
#admin_response, #learning_response{
	color:red;
	font-weight:bold;
	margin-bottom:5px;
}

#meeting_item, #learning_item{
	cursor: pointer;
}

#learning ul, #learning ul li{
	padding-left:15px;
}

#learning a{
	text-decoration:none;
	font-weight:normal;
}