body {
    font-family:  "Lucida Grande", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 900px;
    margin: 0 auto;
}

/* Roster Header CSS Code */

.logos {
    background-color: #fff;
}

.header {
    margin-top: 10px;
    margin-bottom: 15px;
    /*border: 1px solid #999999;*/
}

.header a {
    text-decoration: none;
    padding-right: 15px;
}

.header a:link {
    color: #336;
}

.header a:hover {
    color: #99cc66;
}

.header a:visited {
    color: #c60;
}

.logout a:link {
    color: #9c6;
}

.logout a:hover {
   color: #9ff;
}

.logout a:visited {
   color: #9c6;
}

#kerbheadertext {
    font-family:  "Lucida Grande", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    background-color: #cc6600;
    padding: 2px;
}

#headertext {
    font-family:  "Lucida Grande", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    background-color: #99cccc;
    padding: 2px;
}
/* Key */

.key {
    color: #999;
    width: 80%;
    text-align: right;
}

.key li {
    margin-right: 10px;
    display: inline;
}

/* Homepage CSS Code */

#errormessage {
   color: #cc3300;
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 20px;
}

#commitchanges {
   color: #cc3300;
   font-weight: bold;
   border: 1px solid #993333;
   padding: 5px;
}

.homecontent {
    padding-bottom: 10px;
}

.homecontenthead, .formcontenthead th {
    border: 1px solid #ffffff;
    background-color: #99cc66;
    text-align: left;
    color: #fff;
}

.formcontent {
    width: 80%;
    padding-bottom: 30px;
}

.addusercontent {
    width: 70%;
    padding-bottom: 30px;
    color: #666;
    font-weight: bold;
}

.searchstyle {
   vertical-align: top;
   border-right: 1px solid #ccc;
   padding-bottom: 20px;
}

.homenewsstyle {
    margin: 0pt 10%;
    padding-left: 10px;
    padding-bottom: 20px;
    font-size: 11px;
    color:  #666;
    vertical-align: top;
}

#disclaimer {
    color: #666;
}

/*  Forms CSS */

#adduserform {
    margin: 0pt 10%;
    color: #666;
}

.usercontent {
    width: 70%;
    padding-bottom: 30px;
}

#countries {
    margin-left: 15px;
}

.formtext {
    font-family:  "Lucida Grande", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #636;
    border-bottom: 1px solid #ccc;
}

.note {
    padding-left: 10px;
    font-weight: normal;
}

.note a:link {
    color: #603;
}

#fieldpadding {
    margin-right: 10px;
}

#formfields {
    padding: 0 0 20px 40px;
}

#formfields p {
    margin-right: 20px;
    color: #666;
    font-weight: bold;
}

#groupselection {
    color: #666;
    margin-right: 20px;
    padding: 0 0 20px 40px;
}

.tidbit {
    color: #666;
}

.note {
   color: #666;
   font-weight: bold;
}
#phoneformfields {
    margin-right: 20px;
    color: #666;
    font-weight: bold;
}

#authorformfields {
    margin-right: 20px;
    color: #666;
    font-weight: bold;
}

#passwordfields {
    color: #666;
    padding: 5px 0 20px 15px;
    font-weight: bold;
}


/* Page Styles */

#newsstyle {
    padding-left: 10px;
    padding-bottom: 20px;
    color:  #666;
}

#supportstyle {
    padding-left: 10px;
    padding-bottom: 20px;
    color:  #666;
}

#logoutstyle,
#userstyle,
#supportstyle {
    padding-bottom: 20px;
}

#logoutstyle,
#supportstyle  p {
    margin-right: 20px;
    color: #666;
}

#loginstyle {
    padding-bottom: 20px;
    padding-top: 20px;
    color: #666;
}

#passwordcontent {
    padding-bottom: 20px;
    color: #666;
}

#userstyle {
   padding: 20px 0 20px 40px;
   color: #666;
}

#adduserstyle table {
    color: #666;
    padding: 20px 0 20px 40px;
}

#userstyle th {
    padding: 5px 0 10px 5px;
    color: #036;
    border-bottom: 1px solid #ccc;
}

#userstyle td {
  padding: 5px 10px 5px 20px;
}

#adduserstyle td {
  padding: 5px 10px 5px 20px;
}

#adduserstyle p {
  color: #666;
}

#buttons {
    padding-left: 33%;
}

.councilnames li {
    list-style: none;
    padding: 5px;
}

.attachzlist li {
   padding: 5px;
}

.caption {
  font-size: 11px;
  font-weight: bold;
}

.nobullet {
    list-style: none;
}

.memreqdetails {
    list-style: none;
}

.memreqdetails li {
    padding: 5px;
}

.actions {
    padding: 5px;
}

.actions li {
    padding: 3px;
}

.roles th {
    text-align: left;
    color: #336;
}

#memberinformation {
    border-top: 1px solid #ccc;
    padding-bottom: 15px;
}

#memberinformation .name1 {
    font-family:  "Lucida Grande", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    background-color: #669999;
    padding: 2px;
}

#memberinformation .name2 {
    font-family:  "Lucida Grande", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    background-color: #93bcbc;
    padding: 2px;
}

#memberinformation .name3 {
    font-family:  "Lucida Grande", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    background-color: #98afb5;
    padding: 2px;
}

#memberroles {
  padding-left: 25px;
}

.rolestext {
  padding: 10px;
}

.reportgeneration {
    padding-bottom: 15px;
}

.reportgeneration li {
    list-style-type: none;
    padding: 5px;
}

.instituteselect {
    margin-top: 10px;
    margin-left: 50px;
}

.namelist {
    padding-bottom: 15px;
}

.namelist li{
    padding: 10px;
    list-style-type: none;
}

.racedef dd {
   padding: 5px;
}

#emaillists th {
    padding: 5px;
    text-align: left;
    color: #336;
    font-size: 13px;
}

#emaillists {
    padding-left: 10px;
}

#memberinfo {
    padding-left: 20px;
}

#memberinfo p {
    font: 12px/22px "Lucida Grande", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}

.sidebar {
    border-right: 1px solid #ccc;
}

.institutionname {
    font-size: 13px;
    color: #036;
    font-weight: normal;
}

.username {
    text-align: left;
    font-size: 14px;
}

.classification {
    font-weight: bold;
}

.usercontent {
    padding: 20px;
    width: 80%;
}

#submitbutton {
   position: absolute;
   right: 30%;
}

/*  Special Navigation for Administrative Interfaces */
#navcontainer {
    padding-top: 10px;
}

#navlist {
    border-bottom: 1px solid #ccc;
    padding-bottom: 19px;
    padding-left: 10%;
}

#navlist ul, #navlist li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#navlist a:link, #navlist a:visited {
    background: #ffc;
    border: 1px solid #ccc;
    color: #963;
    float: left;
    font-size: small;
    font-weight: normal;
    line-height: 14px;
    margin-right: 8px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

#navlist a:link#current, #navlist a:visited#current {
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #369;
}

#navlist a:hover { color: #f00; }

body.section-1 #navlist li#nav-1 a,
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a {
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #000;
}

#navlist #subnav-1,
#navlist #subnav-2,
#navlist #subnav-3,
#navlist #subnav-4 {
    display: none;
    width: 90%;
}

body.section-1 #navlist ul#subnav-1,
body.section-2 #navlist ul#subnav-2,
body.section-3 #navlist ul#subnav-3,
body.section-4 #navlist ul#subnav-4 {
    display: inline;
    left: 10px;
    position: absolute;
    top: 95px;
}

body.section-1 #navlist ul#subnav-1 a,
body.section-2 #navlist ul#subnav-2 a,
body.section-3 #navlist ul#subnav-3 a,
body.section-4 #navlist ul#subnav-4 a {
    background: #fff;
    border: none;
    border-left: 1px solid #ccc;
    color: #999;
    font-size: smaller;
    font-weight: bold;
    line-height: 10px;
    margin-right: 4px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

#navlist ul a:hover {
    color: #c63 !important;
}

#contents {
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    clear: both;
    margin: 0px;
    padding: 15px;
}

.divider {
  border-right: 1px solid #ccc;
}

/*  General Styles Everywhere */
a:link {
    color: #0066cc;
}

a:hover {
    color: #3399ff;
}

a:visited {
    color: #cc6633;
}

h1 {
    font-family:  "Lucida Grande", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #336;
}

h2 {
    font-family:  "Lucida Grande", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #069;
}

h3 {
    font-family:  "Lucida Grande", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #06c;
}



/* Roster List CSS Code */
.listhead th {
    border: 1px solid #ffffff;
}

.listhead img {
   vertical-align: middle;
}

.listhead a:link {
   color: #fff;
}

.listhead a:hover {
   color: #636;
}

.listhead a:visited {
   color: #fff;
}

.list {
   width: 100%;
   padding-bottom: 20px;
}

.list img {
   padding: 2px;
}

.list th {
    text-align: left;
}

.status th {
    width: 3%;
}

.name th {
    width: 20%;
}

.institution  th {
    width: 20%;
}

.email  th {
    width: 20%;
}

.phone th {
    width: 20%;
}

.altrowcolor {
    background-color: #f3f5f7;
}

.altrowcolor2 {
    background-color: #eef4e4;
}

.example {
    background-color: #ccc;
    color: #036;
    padding: 5px;
    text-align: center;
}

/* Roster Footer Code */

#footer {
   font-size: 10px;
   border-top: 1px solid #999999;
}

#footer img {
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 50px;
}

.psulogo {
   margin-left: 15px;
}

/* FAQs Styles*/

.faq_question {
    font-weight: bold;
}

.faq_reply {
  margin-left:30px;
  color: black;
}

.one_smaller{
    font size=-1;
}

table.sample {
	border-width: 1px;
	border-spacing: 3px;
	border-style: outset;
	border-color: grey;
	border-collapse: separate;
	background-color: white;
	margin:3px 0px 10px 0px;
	font-size:100%;

}
table.sample th {
	border-width: 1px;
	padding: 4px;
	border-style: outset;
	border-color: #E9CFEC;
	background-color: white;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khmtl-border-radius: 3px;
}

table.sample td {
	border-width: 1px;
	padding: 4px;
	border-style: outset;
	border-color: #E9CFEC;
	background-color: white;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-khmtl-border-radius: 3px;
}

.blue{
	color:blue;
}

.red {
	color:red;
}