/* Remove blockness of forms for ease of use. */
form {
  display: inline;
}

/* Global link settings */
a {
	color: #333;
}

a:link {
}

a:visited {
	color: #333;
}

a:hover {
	color: #333;
}

/* Global options and required centering. */

img {
  border: 0;
}

body {
	margin: 0px; 
	padding: 0px;
	text-align: center;
	background-color: #000;
}

body, input, select, td, th {
	font-size: 11px;
	/* font-family: "Times New Roman", Times, serif; */
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
}

/* 
  All page data goes within this section in order to set the width and 
  centering appropriately.
*/
	
#Content {
	width: 780px;
	margin: 0px auto;
	text-align: left;
}

/* Page header data. */

#Header {
  margin-top: 5px;
}

#HeaderNav {
  width: 400px;
  text-align: right;
  float: right;
  color: #fff;  
}

#HeaderNav a {
	color: #fff;
}

#HeaderNav a:link {
	text-decoration: none;
}

#HeaderNav a:visited {
	text-decoration: none;
	color: #fff;
}

#HeaderNav a:hover {
	text-decoration: underline;
	color: #fff;
}

#HeaderSearch {
  margin-top: 10px;
}

/* Used to create a header bar for navigation or title sections, etc. */

.titlebar, .headerbar {
  height: 22px;  
  background: transparent url(/images/navbar/navback.gif) repeat-x;
}

.headerbar {
  text-align: center;
  font-weight: bold;
  color: #333;
  line-height: 22px;  
}

/* Secondary header bar */

.subbar {
  height: 22px;
  line-height: 22px;
  background-color: #ccc;
  text-align: center;
}

/* Top navigation bar */

#NavBar {
  border: 1px solid #ccc; 
  padding-left: 119px;
}

#NavBar ul {
  margin: 0;
  padding: 0;
}

#NavBar ul li {
  display: inline;
}

#NavBar ul li div {
  float: left;
}

#NavBar ul li div a {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
  background-position: top left;
  background-repeat: no-repeat;
}

#NavBar ul li div a:hover {
  background-position: 0 -22px;
}

#NavBar ul li div a span {
  display: none;
}

/* Main content box. All individual page data goes in side this element. */

#InnerContent {
  padding: 20px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;  
  background-color: #fff;
}

/*
  Content on the pages should be placed in the appropriate column.
*/
.rcolumn {
  float: right;
  width: 320px;
}

.lcolumn {
  float: left;
  width: 400px;
}

/* Page footer data */
#Footer {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
}

#FooterNav {
  width: 400px;
  float: right;
  text-align: right;
  color: #fff;
}

#FooterNav a {
	color: #fff;
}

#FooterNav a:link {
	text-decoration: none;
}

#FooterNav a:visited {
	text-decoration: none;
	color: #fff;
}

#FooterNav a:hover {
	text-decoration: underline;
	color: #fff;
}

#FooterCopy {
  font-size: 9px;
}

/* msgs display informational messages to the user on page loads. */

#msgs {
  width: 390px;
  text-align: center;
  font-weight: bold;
  border: 1px solid #ccc;
  padding: 5px;
  margin-bottom: 5px;
}

#msgs .msg {

}

/*
  Page forms are forms placed directly on the page without an enclosing 
  border.
*/

.page_form {
  background-color: #f7f7f7;
}

.page_form div.row {
  clear: both;
  padding-top: 5px;
}

.page_form span.label {
  float: left;
  width: 128px;
  text-align: right;
  font-weight: bold;
  padding: 1px;
}

.page_form span.input {
  float: right;
  width: 258px;
  text-align: left;
  padding: 1px;
}

.page_form div.spacer {
  clear: both;
}

/*
  Side forms are forms placed directly on the page to the right side
  without an enclosing border.
*/

.side_form {
  background-color: #f7f7f7;
}

.side_form div.row {
  clear: both;
  padding-top: 5px;
}

.side_form span.label {
  float: left;
  width: 88px;
  text-align: right;
  font-weight: bold;
  padding: 1px;
}

.side_form span.input {
  float: right;
  width: 218px;
  text-align: left;
  padding: 1px;
}

.side_form div.spacer {
  clear: both;
}

/* 
  Boxes are used to create standard width box elements usually containing
  box_form elements and a titlebar.
*/
  
.box {
  background-color: #f7f7f7;
}

.side_box {
  background-color: #f7f7f7;
  margin-bottom: 5px;
}

.inner_box {
  border: 1px solid #ccc;
}

.pad_box {
  padding: 5px;
}

/* 
  Box forms are for forms enclosed in the standard size box rather than 
  set directly on the page.
*/

.box_form {
}

.box_form div.row {
  clear: both;
  padding-top: 5px;
}

.box_form span.label {
  float: left;
  width: 128px;
  text-align: right;
  font-weight: bold;
  padding: 1px;
}

.box_form span.input {
  float: right;
  width: 256px;
  text-align: left;
  padding: 1px;
}

.box_form div.spacer {
  clear: both;
}

/* 
  Side box forms are for forms enclosed in the standard size box rather than 
  set directly on the page. They are also placed on the right of the page
  and are slightly smaller.
*/

.side_box_form {
}

.side_box_form div.row {
  clear: both;
  padding-top: 5px;
}

.side_box_form span.label {
  float: left;
  width: 88px;
  text-align: right;
  font-weight: bold;
  padding: 1px;
}

.side_box_form span.input {
  float: right;
  width: 216px;
  text-align: left;
  padding: 1px;
}

.side_box_form div.spacer {
  clear: both;
}

/* Used to highlight an invalid element usually in forms. */
.invalid_row {
  background-color: #b20000;
}

/* Used to place error text, usually in response to an invalid form entry. */
.status_row {
  color: #b20000;
}

.good_row {
  color: #060;
}

/* Used to make sure floating elements get enough height. */
.clear {
  clear: both;
}

/* Bolded header */
.secheader {
  font-weight: bold;
  font-size: 13px;
}