@charset "utf-8";

/* CSS Document */



#NavBar {

  font-family: Arial, Helvetica, sans-serif;

  font-size: small;

  font-weight: bold;

  color: #ca9b33;

  background-color: #003300;

  float: none;

  height: 40px;

}

#NavBar ul {

  margin: 0px;

  list-style-type: none;

  font-family: Arial, Helvetica, sans-serif;

  text-align: center;

  padding-top: 12px;

  padding-right: 0px;

  padding-bottom: 12px;

  padding-left: 0px;

}

#NavBar ul li a:hover {

  font-family: Arial, Helvetica, sans-serif;

  color: #000000;

  background-color: #FFFFFF;

}

#NavBar ul li a {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: bold;

  color: #FFFFFF;

  text-decoration: none;

  float: none;

  clear: both;

  margin: 0px;

  padding-top: 10px;

  padding-right: 5px;

  padding-bottom: 10px;

  padding-left: 5px;

}

#NavBar ul li {

  display: inline;

  padding-top: 5px;

  padding-right: 0px;

  padding-bottom: 0px;

  padding-left: 0px;

  margin-top: auto;

  text-align: justify;

}

#Container #Middle ul li {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: 14px;

  font-weight: bold;

  color: #003300;

}



#Container #Middle a {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 16px;

  color: #003300;

}



#Container #Middle a:hover {

  color: #FFFFFF;

  background-color: #666666;

  font-family: Arial, Helvetica;

}



#Container {

  width: 900px;

  background-color: #ffffff;

  position: relative;

  visibility: visible;

  margin-right: auto;

  margin-left: auto;

  float: none;

  padding-top: 10px;

  padding-bottom: 10px;

  overflow: hidden;

  left: auto;

  right: auto;

}

#Container  #Emergency {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: 14px;

  margin-top: 10px;

  margin-right: auto;

  margin-bottom: 10px;

  margin-left: auto;

  border-top-width: 1px;

  border-right-width: 1px;

  border-bottom-width: 1px;

  border-left-width: 1px;

  border-top-style: dashed;

  border-right-style: dashed;

  border-bottom-style: dashed;

  border-left-style: dashed;

  visibility: visible;

  clear: both;

  display: none;

  background-color: #CCCC66;

  padding-top: 5px;

  padding-right: 5px;

  padding-bottom: 5px;

  padding-left: 5px;

}



#RecentUpdate/* Three Column Configuration */

{

  visibility: visible;

  width: 250px;

  float: left;

  margin: 10px;

}

#Rigth {

  background-color: #CCCCCC;

  visibility: visible;

  width: 250px;

  padding:10px;

  float: right;

}

#Middle {

  padding-top: 10px;

  padding-right: 200px;

  padding-left: 200px;

  font-family: Arial, Helvetica, sans-serif;

  padding-bottom: 15px;

}

/* End of Three Columns Configuration */



/* Two Column Configuration */

#TwoColumnRight {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  float: right;

  width: 600px;

  margin: 10px;

}

#Welcome {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

}

#Container #TwoColumnRight #HotTopics li {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: 14px;

  list-style-position: outside;

  list-style-image: url(images/arrow.gif);

  list-style-type: square;

  font-weight: bold;

  margin-bottom: 10px;

}

#Container #TwoColumnRight #HotTopics li li{

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: 12px;

  list-style-position: outside;

  list-style-image: url(images/Square%20Bullet.gif);

  list-style-type: square;

  font-weight: bold;

  margin: 0px;

}

#Container #TwoColumnRight #Community img {

  float: left;

}

#Container #TwoColumnRight a:hover {

  color: #FFFFFF;

  background-color: #666666;

}

#Container #TwoColumnRight a {

  color: #000066;

  text-decoration: none;

}







.sublist {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: small;

  color: #333300;

  list-style-position: outside;

  list-style-image: url(images/Square%20Bullet.gif);

  list-style-type: decimal;

}





#Container #RecentUpdate li {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: 14px;

  font-weight: bold;

  list-style-position: outside;

  list-style-image: url(images/Square%20Bullet.gif);

  margin-bottom: 10px;

}



#HotTopics{

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  float: left;

  width: 250px;

  padding-right: 10px;

}

#Community{

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  float: right;

  width: 310px;

  padding-left: 10px;

  padding-right: 10px;

}

#Container #RecentUpdate h1 {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: 16px;

  font-weight: bolder;

  text-transform: uppercase;

  text-align: center;

  color: #003300;

}

#Container #TwoColumnRight #HotTopics h1 {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: 16px;

  font-weight: bolder;

  color: #003300;

  text-align: center;

  text-transform: uppercase;

}

#Container #TwoColumnRight #Community h1 {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: 16px;

  font-weight: bolder;

  text-transform: uppercase;

  color: #003300;

  text-align: left;

}



#Container #TwoColumnRight #Welcome h1 {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: 16px;

  font-weight: bolder;

  text-transform: uppercase;

  color: #003300;

}

#Container #TwoColumnRight #Welcome p {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: 14px;

  line-height: 150%;

}





/* End of Two Column Configuration */



#Header {

  clear: both;

  margin-right: auto;

  margin-left: auto;

  padding-bottom: 10px;

  background-image: url(images/HCCS%20title.png);

  background-repeat: no-repeat;

  background-position: center center;

  height: 100px;

  width: 900px;

  padding-top: 10px;

  background-color: #ffffff;

}

#Container #Header #Login {

  height: 30px;

  width: 350px;

  float: right;

}





#Footer {

  width: 900px;

  margin-right: auto;

  margin-left: auto;

  background-color: #99ccff;

  clear: both;

  border-top-width: 5px;

  border-top-style: solid;

  border-top-color: #E16629;

}

#MainContent {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: medium;

  background-color: #FFFFFF;

  width: 900px;

  margin-right: auto;

  margin-left: auto;

  padding-top: 10px;

  padding-bottom: 15px;

}

#Container #MainContent h2 {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: large;

  font-weight: bold;

  color: #330000;

}



#MainContent .TableHeader {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: medium;

  font-weight: bold;

  color: #003300;

  text-align: center;

}

#Container #Rigth h2 {

  text-indent: 15px;

}



#Container #Rigth img {

  float: left;

  padding-left: 10px;

}

.title {

  font-family: Arial, Helvetica, sans-serif;

  font-size: large;

  color: #660000;

}

.intro {

  font-family: NSimSun;

  font-size: 14px;

  color: #003300;

  font-weight: bold;

  text-align: left;

}

#MainContent a {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: 14px;

  font-weight: bold;

  color: #003300;

  text-align: center;

}

#Middle a {

  font-size: 12px;



}

#Container #RecentUpdate a {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  color: #000066;

  text-decoration: none;

}



#Container #RecentUpdate a:hover {

  color: #FFFFFF;

  background-color: #666666;

}



#Container #TwoColumnRight #Community h2 {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: 14px;

  font-weight: bold;

}

#Container #Middle h1 {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  text-align: center;

  font-size: 14px;

}

#Container #MainContent h1 {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: large;

  font-weight: bold;

  text-transform: uppercase;

  margin-bottom: 10px;

  text-align: center;

}

#Container #MainContent p {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: 14px;

}

#Container #Emergency h1 {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: 16px;

  font-weight: bold;

  text-transform: uppercase;

  color: #990000;

  text-align: center;

}

#Container #Emergency a {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  color: #000066;

  text-decoration: none;

}

#Container #Emergency a:hover {

  color: #FFFFFF;

  background-color: #666666;

}

#Container #Footer h1 {

  font-family: Arial, Helvetica, sans-serif, NSimSun;

  font-size: 14px;

  text-align: center;

  font-weight: bold;

  margin-top: 10px;

}

.UserWelcome {

  font-size: 12px;

  font-weight: bolder;

  color: #003300;

  text-align: center;

}

#Container #signinleft #signinleftbottom label {

  width: 120px;

  text-align: left;

  float: left;

}



#Container #Header #SignInButton {

  margin-right: auto;

  margin-left: auto;

  height: 22px;

  width: 72px;

  top: 35px;

  position: relative;	

}

#Container #signinleft/* CSS for php online registration */

{

  float: left;

  width: 400px;

  margin-left: 20px;

}

#Container #signinleftbottom {

  width: 378px;

  padding-right: 10px;

  padding-left: 10px;

  border: 1px solid #003300;

  margin-bottom: 20px;

}

.signinright {

  width: 400px;

  float: left;

  margin-left: 5px;

}



.registration {

  width: 600px;

  margin-left: auto;

  margin-right: auto;

  float: none;

  border: thin ridge #003300;

  margin-top: 50px;

  margin-bottom: 50px;

}

.registrationselect {

  width: 260px;

  margin-top: 10px;

  margin-right: auto;

  margin-left: auto;

  margin-bottom: 20px;

}

.registrationselectcb {

  margin-right: auto;

  margin-bottom: 30px;

  margin-left: auto;

  margin-top: 30px;

  width: 400px;

  display: block;

}







.signinrightbottom {

  width: 388px;

  padding-right: 10px;

  border: 1px solid #003300;

}

.shortradio {

  width: 20px;

}







b {

  color: #FF0000;

}

.textlabel {

  width: 200px;

  text-align: left;

  float: left;

}

.smallbutton {

  width: 100px;

  margin-left: auto;

  display: block;

  margin-right: auto;

}

.a1 {

  border:thin solid #660066;

  clear:both;

  font-size:16px;

  font-weight:bold;

  line-height:15px;

  margin:0pt;

  background-color: #003300;

  padding-top: 3px;

  padding-right: 8px;

  padding-bottom: 3px;

  padding-left: 8px;

  color: #999999;

}

.center {

  text-align: center;

}

.radio {

  width: 10px;

}

.checkbox {

  width: 14px;

  margin-right: auto;

  margin-left: 100px;

}



.step1 {

  width: 300px;

}

#Container #studentsignupdiv{

  width: 500px;

  margin-right: auto;

  margin-left: auto;

  border-top-style: ridge;

  border-right-style: ridge;

  border-bottom-style: ridge;

  border-left-style: ridge;

  border-top-color: #003300;

  border-right-color: #003300;

  border-bottom-color: #003300;

  border-left-color: #003300;

  margin-top: 20px;

  padding-left: 20px;

  margin-bottom: 20px;

}

#Container    #studentsignupdiv    #studentsignupreset   {

  float: left;

  margin-right: auto;

  margin-left: auto;

  width: 250px;

}

#Container   #studentsignupdiv #studentsignupsubmit   {

  float: right;

  width: 250px;

  margin-right: auto;

  margin-left: auto;

}



#Container #studentsignupdiv input {

  width: 200px;

}

#Container #studentsignupdiv h2{

  text-align: center;

}



#message {

  display: block;

  margin-right: auto;

  margin-left: auto;

}

.EmailFormButton {

  margin-left: 10em;

  width: 5em;

}



#Container #droppolicy {

  width: 400px;

  margin-right: auto;

  margin-left: auto;

  border-top-style: none;

  border-right-style: none;

  border-bottom-style: none;

  border-left-style: none;

  text-align: center;

  border-top-width: thin;

  border-right-width: thin;

  border-bottom-width: thin;

  border-left-width: thin;

}

#Container #dropcoursetable {

  width: 650px;

  margin-right: auto;

  margin-left: auto;

  margin-bottom: 25px;

  border-top-style: ridge;

  border-right-style: ridge;

  border-bottom-style: ridge;

  border-left-style: ridge;

  border-top-color: #003300;

  border-right-color: #003300;

  border-bottom-color: #003300;

  border-left-color: #003300;

  padding-bottom: 25px;

  clear: both;

  margin-top: 25px;

}



#Container #dropcoursetable h2 {

  font-size: 16px;

  text-align: center;

  font-weight: bold;

}

#Container #dropcoursetable h4 {

  font-size: 14px;

  font-weight: normal;

  text-align: center;

}

.registrationmenufont {

  font-family: "Times New Roman", Times, serif;

  font-size: 12px;

  font-weight: bolder;

  text-align: center;

}



.registrationheader {

  font-family: "Times New Roman", Times, serif;

  font-size: 14px;

  font-weight: bold;

  color: #CCCCCC;

  background-color: #003300;

  margin-right: auto;

  margin-left: auto;

  text-align: left;

}

#Container #registrationnavgation {

  margin-top: 20px;

  margin-right: auto;

  margin-bottom: 20px;

  margin-left: auto;

  clear: both;

}

#Container #ecmanagementnavigation {

  margin-top: 20px;

  margin-right: auto;

  margin-bottom: 20px;

  margin-left: auto;

  clear: both;

}

#Container #registrationconfirmation {

  width: 600px;

  margin-top: 15px;

  margin-right: auto;

  margin-bottom: 20px;

  margin-left: auto;

  text-align: center;

  border: thin solid #003300;

}

#Container #registrationconfirmation #form_registrationconfirmation #invoiceheader {

  background-color: #003300;

  margin-top: 0px;

  margin-right: auto;

  margin-left: auto;

  font-weight: bolder;

  color: #FFFFFF;

  padding-top: 2px;

  padding-bottom: 2px;

}

#Container #registrationconfirmation #form_registrationconfirmation #checkno {

  width: 100px;

}

#Container #registrationconfirmation #form_registrationconfirmation #cash {

  width: 30px;

}

#Container #schedule {

  display: block;

  clear: both;

  margin-right: auto;

  margin-left: auto;

  position: relative;

  margin-top: 10px;

  margin-bottom: 10px;

}

#Container #myaccount {

  width: 300px;

  float: left;

  top: 40px;

}

#Container #myaccount #myaccounthead {

  font-weight: bold;

  background-color: #99CCFF;

  color: #000000;

}

#Container #myaccount #myaccountbody {

  font-weight: bold;

  margin-bottom: 20px;

  margin-left: 20px;

}





#Container #myaccountNav {

  background-color: #99CCFF;

  display: block;

  float: right;

  width: 470px;

  clear: both;

  margin-top: 10px;

  margin-bottom: 10px;

}



#Container #invoicedrop {

  width: 300px;

  margin-right: auto;

  margin-left: auto;

  margin-top: 20px;

  margin-bottom: 20px;

}

#Container #waitinglist #leftbutton {

  margin-right: auto;

  margin-left: auto;

  float: left;

}

#Container #waitinglist #rightbutton {

  margin-right: auto;

  margin-left: auto;

  float: right;

}

#Container #HCCSEmail label {

  clear: right;

}

#EmailFormLabel {

  margin-left: auto;

  margin-top: 5px;

  margin-bottom: 5px;

  width: 7em;

  float: left;

  margin-right: auto;

}

#EmailFormBox {

  margin-left: auto;

  margin-top: 5px;

  margin-bottom: 5px;

  float: right;

  clear: none;

  margin-right: auto;

}

#Container #EmailFormBox input {

}

#Container #eceditcourse img {

  float: left;

}

#Container #eceditcourse a {

}



#Container #eceditcourse {

  margin-top: 15px;

  margin-bottom: 15px;

}



#MainContent #Curriculum {

  margin-top: 15px;

  margin-bottom: 15px;

}



#MainContent #Curriculum caption {

  font-size: 1em;

  font-weight: bold;

  color: #3399FF;

  margin-top: 5px;

  margin-bottom: 15px;

}



#MainContent #Curriculum th {

  font-size: 12px;

  font-weight: bold;

  color: #FFFFFF;

  background-color: #003300;

}



#Container #profile {

  margin-top: 10px;

  margin-bottom: 20px;

}#Container #profile h2 {

  font-size: 1em;

  font-weight: bold;

}

#Container #profile h1 {

  font-size: 1.5em;

  font-weight: bold;

  color: #CC9900;

}

#Container #profile td {

  vertical-align: top;

}

#Container #profile p {

  margin: 0px;

}

#Container #profile a {

}

#Container #profile img {

  border-top-width: 0px;

  border-right-width: 0px;

  border-bottom-width: 0px;

  border-left-width: 0px;

}

.blink {

  font-size: 12px;

  color: red;

  display: inline;

}