/* 
#012145   dark blue
#e8aa51   orange
#D3DAAE   tan
*/

body {
   background-color: white;
   font-size: 10pt;
   width: 95%;
}

/* define default font/color for all items */
h1, h2, h3, h4, textarea, select, input, table, td, th, p, div, span, li {
   font-family: Verdana, Arial, lucida, sans-serif;
   color: black;
}

/* for the RJC logo in the header */
.header_logo {
}

/* for the random image in the middle */
.header_img {
   position:absolute;
   top: 10;
   right:auto:
   bottom:auto;
   left:60%;
}

/* for the quicklinks on the top-based nav menu */
.qlhdr {
   border: 1px black solid;
   vertical-align:top;
   position:absolute;
   top: 10;
   right:5%;
   bottom:auto;
   left:auto;
   height:auto;
   color: #012145;
   padding: 7px;
   font-size: 10pt;
   font-weight:900;
}

/* for the navigation links on the left-column based layout */
.navhdr {
   color: #012145;
   font-size: 10pt;
   font-weight:900;
   background-color:#D3DAAE;
   border:solid 1px #012145;
}
.navhdr_alt {
   color: #012145;
   font-size: 10pt;
   font-weight:900;
}


.nav2hdr {
   color: #e8aa51;
   width:100%;
   font-size: 9pt;
   font-weight:900;
}

/* rollower for navigation */
a.rollover {   padding-top: 0px;
                padding-bottom: 0px;
                color: #e8aa51 !important; 
                text-align: left;
                font-weight: 700 !important;
                }
.rollover a:hover { background-color: #e8aa51;
                padding-top: 0px;
                padding-bottom: 0px;
                color: #012145 !important; 
                text-align: left;
                font-weight: 700 !important;
                }

/* the selected navigation tab in the top based nav system */
.navsel a{
   display:block;
   color: #012145;
   background-color:#D3DAAE;
   text-decoration:none;
   font-size: 9pt;
   border:none;
   margin:  0px 0px 0px 0px;
   white-space: nowrap;
   font-weight: 700 !important;
   padding: 0px 20px 0px 20px;
}

/* the nonselected navigation tabs in the top based nav system */
.navnotsel a{
   padding: 0px 20px 0px 20px;
   margin:  0px 0px 0px 0px;
   text-decoration:none;
   display:block;
   color:white;
   background-color: #012145;
   font-size: 9pt;
   white-space: nowrap;
   font-weight: 700 !important;
}

/* general link prefs */
a {color:#012145;}
a.hlink {color:white;}

/* menu links in the top-based nav system */
a.menulink {
   color: #012145;
   font-size: 8pt;
   white-space: nowrap;
   font-weight: 700 !important; 
}

/* quicklinks in the left based system */
a.quicklink {
   color:#e8aa51;
   font-size: 10pt;
   white-space: nowrap;
   font-weight: 700 !important;
}

/* style for footer links */
a.navlinkg {
   color: white;
   font-size: 10pt;
}
/* menu links in the left-column nav system */
a.navlink {
   color: #e8aa51; 
   font-size: 9pt; 
   white-space: nowrap;
   font-weight: 700 !important;
}

/* links in roster pop up */
a.rospopup { color:black; }

/* */
.desc {
   font-size: 9pt;
   color: black;
   margin-bottom: 5px;
   margin-left: 0px;
   margin-top: 0px;
}

.nobr {  white-space:nowrap; }

/* attempt at CSS layout for Admin menu in roster */
.roscell {
  display:table-cell;
  float:none;
  vertical-align:middle;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  padding: 2px;
  margin: 0px;
  border-spacing:20px;
}

/* submit button style for roster */ 
input.submit {
     margin:0px 5px 0px 5px !important;
     padding: 0px 0px 0px 0px !important; 
     font-size: 8pt;
     cursor: pointer;
     background-color: white;
     border: 1px solid #012145;  
}

/* P definitions */
p {
   font-size: 10pt;
   margin-bottom: 5px;
   margin-left: 0px;
   margin-top: 0px;
}
p.center { text-align: center; }
p.indent { margin-left: 8px; }
.green { color: green; }
.red { color: red; }
.error { color: red; }

hr {
   margin-bottom: 0;
   margin-top: 0;
}

pre{
   font-family: fixed;
   font-size: 10pt;
   margin-bottom: 0;
   margin-top: 5px;
}

div.subtoc {
   padding: 0em; 
   border: solid thin; 
   margin: 1em 0; 
   background: #dddddd;
}

div.searchresult {      
   padding: 0em;    
   color: blue;  
   border: solid thin;  
   margin: 1em 0;
   background: #dddddd;
}

form {
   font-size: 8pt;
  /* display:inline; */
}

textarea, select, input {
   font-size: 8pt;
   margin-bottom: 0;
   color: #012145;
   margin-top: 0;
}

ul, li {
   font-size: 10pt;
   margin-top: 0;
}

li.small{
   font-size: 8pt;
}

td.nav {
   color: #e8aa51;
   font-size: 8pt;
   white-space:nowrap;
}

img { border:0; }

td.navsel {border: solid 1px #D3DAAE; margin:  0px 0px 0px 0px; padding: 0px 0px 0px 0px !important;text-align:center; }
td.navnotsel { margin:  0px 0px 0px 0px; border:solid 1px #D3DAAE; padding: 0px 0px 0px 0px !important; text-align:center;}
td.navline2 {font-size: 8pt !important; border:#D3DAAE; background:#D3DAAE; padding: 0px 0px 0px 0px !important;}
td.mainnav {
   font-size: 9pt  !important;
   font-weight: bold;
   border:#D3DAAE;
   color:#D3DAAE;
   background: #012145;
   padding: 0px 0px 0px 0px;
}

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

td {
   font-size: 8pt !important;
   padding: 2px 3px 2px 3px;
/*    border: 1px #012145; */
}

th {      
  /* border: 1px  #012145; */
   font-size: 8pt;
   font-weight: bold;
   padding: 1px 1px 1px 1px;
}

th.rh { text-align:center; font-weight:bold; font-size: 9pt; color: #012145; background: #D3DAAE; }
th.rhi { text-align:center; font-weight:bold; font-size: 9pt; color: #D3DAAE; background: #012145; }

td.center {
   text-align:center;
   padding: 1px 1px 1px 1px;
}

@media handheld {
    #handheldhide {
        display: none;
    }
}

.light-box
{
        background-color: #ffffff;
        border-width: 1px;
        border-style: solid;
        border-color: #012145; 
        font-size: 9pt;
        color: #012145;
}

td.header {
   font-size: 9pt;
   margin-bottom: 0;
   margin-top: 0;
   background: #012145;
}

h1 {
   font-size: 11pt;
   font-weight:bolder; 
   width:100%;
   color: #012145; 
   border:solid;
   border-width:1px;
   border-color:#012145;
   background: white;
   margin-bottom: 2;
   margin-top: 0;
   margin-left:0;
   padding:1pt;
}

h2 {
   font-size: 10pt;
   font-weight: normal;
   width:100%;
   color: white;
   border:solid;
   border-width:1px;
   border-color:#012145;
   background:#012145;
   margin-bottom: 2;
   margin-left:0;
   margin-top: 0;
   padding:1pt;
}

h3 {
   font-size: 9pt;
   font-weight: normal;
   color: white;
   background:#012145;
   margin-bottom: 0;
   margin-top: 0;
}

h4 {
   font-size: 10pt;
   font-weight: bold;
   color: black;
   margin-bottom: 0;
   margin-top: 0;
}

span.bold {
   font-weight: bold;
}