body {
background-color: #F5F5F5;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
color:#564b47;
margin: 20px 180px  20px 180px;
text-align: center;
}
#content {
width: 100%;
padding: 10px;
text-align: left;
background-color: #fff;
overflow: auto;
}

h2 {
color: gray;
}

.ndc {
	text-decoration:none;
	}

.usernote {
background-color: white;
}

.mrg {
	margin-left: 15px;
	}

.plg {
font-size: medium;
}

.save {
color: red;
font-weight: bold;	
}

.submitbtn {
	background-color:#FFAA2A;
}

input {
	font-family: Arial;
}

/* <signin>*/
.sign-in {
  width: 335px;
  float: left;
}
.signin-box {
  margin: 12px 0 0;
  padding: 20px 25px 15px;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
}
.signin-box label {
  display: block;
  margin: 0 0 1.5em;
}
.signin-box input[type=text],
.signin-box input[type=password] {
  display: block;
  width: 100%;
  height: 32px;
  font-size: 15px;
}
.signin-box .email-label,
.signin-box .passwd-label {
  font-weight: bold;
  margin: 0 0 .5em;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.signin-box input[type=submit] {
  display: inline-block;
  min-width: 70px;
  margin: 0 1.5em 1.2em 0;
  height: 32px;
  font-size: 13px;
}
.btn {
   border: 1px outset #A7A6AA;
   background-color: white;
   padding: 5px;
}
/* </signin> */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

/*nav bar*/
.menu{
	width: 100%; /* The menu should be the entire width of it's surrounding object, in this case the whole page */
	background-color: #333;} /* dark grey bg */
 
.menu ul{
	margin: 0;
	padding: 0;
	float: left;}
 
.menu ul li{
	display: inline;} /* Makes the link all appear in one line, rather than on top of each other */
 
.menu ul li a{
	float: left; 
	text-decoration: none; /* removes the underline from the menu text */
	color: #fff; /* text color of the menu */
	padding: 10.5px 11px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */
	background-color: #333;}
 
.menu ul li a:visited{ /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: #fff;
	text-decoration: none;}
 
.menu ul li a:hover, .menu ul li .current{
	color: #fff;
	background-color:#000000;} /* change the background color of the list item when you hover over it */

.active {color: red;}
	
/*table */

table, td, th
{
    border-color: #600;
    border-style: solid;
}

table
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

td,th
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    background-color: #F5F5F5;
}

.lipad {
	padding-bottom: 5px;
	}