/***********************************************/
/* screen.css                                  */
/***********************************************/

body{
font-family: Verdana,Arial,Helvetica,Georgia,sans-serif;
font-size: 0.9em;
color: #000;
line-height: 1.6em;
background-color: #ffe;
padding: 0;
width: 100%;
margin: 0;
min-width: 800px;
max-width: 1600px;
min-height: 600px;
direction: ltr;
/* background: #fff url(../images/bg.gif) repeat top left; */
/* border: 1px solid #000; */
/* margin: 1.5% 1.5%; */
}

a{
color: #fd9;
text-decoration: none;
cursor: pointer;
}

a:link{
color: #fd9;
text-decoration: none;
}

/*
a:visited{
color: #009900;
text-decoration: none;
}
*/

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

h1{
font-family: Verdana,Arial,sans-serif;
font-size: 120%;
/* color: #334d55;  */
color: #000;
margin: 0;
padding: 4px 0 0 0;
}

h2{
font-family: Verdana,Arial,sans-serif;
font-size: 116%;
color: #000;
margin: 0;
padding: 0;
}

h3{
font-family: Arial,sans-serif;
font-size: 100%;
color: #334d55;
margin: 0;
padding: 0;
}

h4{
font-family: Arial,sans-serif;
font-size: 100%;
font-weight: normal;
color: #333;
margin: 0;
padding: 0;
}

h5{
font-family: Verdana,Arial,sans-serif;
font-size: 100%;
color: #334d55;
margin: 0;
padding: 0;
}

label{
font-family: Arial,sans-serif;
font-size: 100%;
font-weight: bold;
color: #334d55;
}


img {
border: 0;
}

table {
border: 0;
/*
cell padding: 0;
cell spacing: 0;
*/
}


thead tr th {
   color: #0d6;
   text-align:left;
   font-weight: bold;
   font-size: 110%;
   padding: 6px 0 6px 14px;
   background: #fff url(../images/table-header.gif) no-repeat top left;
   border-bottom: 1px solid #555;
}

thead tr th:hover {
   color: #fc0;
}

tfoot tr th {
   height: 0.3em;
   color: #00f;
   text-align:left;
   font-weight: bold;
   padding: 4px 0 15px 8px;
   background: #fff;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/*
#masthead{
background-color: #666;
border-bottom: 1px solid #cccccc;
width: 100%;
}
*/

#masthead{
/* background-color: #e4e2bc; */
/* border-bottom: 1px solid #666; */
width: 100%;
font-weight: normal;
font-size: 0.8em;
}

#masthead table {
/*   padding: 3px; */  
background-color: #ffe; /* #e9eca4; */
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: 2px;
/* background-color: #e4e2bc; */
border-bottom: 1px solid #666;
padding: 3px;
}

#masthead a{
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
font-size: 90%;
color: #000;
/* outline: #000 solid thin; */
}

#masthead a:hover {
color: #33c;
text-decoration: underline;
}

#masthead h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 180%;
/* color: #334d55;  */
color: #000;
margin: 0;
padding: 4px 0 0 0;
}

#masthead h4 {
color: #930;
letter-spacing: 0.3em;	
}

#masthead h5 {
background-color: #036;
color: #ccc;
padding: 10px;
/*
#dtField{
background: transparent url(../images/menu_item.gif) no-repeat center right;
*/
}

#navTable {
background-color: #ccc;	
}

.mhlt {
width: 50%;
text-align: left;
padding: 5px;
}

.mhrt {
width: 50%;
text-align: right;
padding: 5px;
}

.center, .ct {
text-align: center;
}

.left, .lt {
text-align: left;
}

.right, .rt {
text-align: right;
}

.translucent, .trans, .trans label {
color: #bbb;
}

.translucent input, .trans input {
filter:alpha(opacity=20);   /* Internet Explorer           */
-moz-opacity:0.20;          /* Mozilla 1.6 and below       */
opacity: 0.20;              /* newer Mozilla and CSS-3     */
}


/*********** #navBar link styles ***********/

#navBar{
float: left;
width: 22%;
min-width: 120px;
max-width: 350px;
min-height: 500px;
margin: 0;
padding: 0;
background-color: #e9eca4;
/* background-color: #e4e2bc; */ /* #e4e2bc; */
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}

#navBar h3 {
/* background: transparent url(../images/menu_item.gif) no-repeat center left; */
text-decoration: underline;
padding: 10px 0 0 1px;
letter-spacing: 0.2em;
}

#navBar p {
padding: 0;
margin: 4px;
}

#navBar a {
display: block;
padding: 4px;
color: #930;
}

#navBar a:hover{
color: #e9eca4; /* #e4e2bc; */
background-color: #930;
}


/************** #advert styles **************/

#advert{
padding: 30px 0 10px;
}

#advert img{
display: block;
}

#content{
float: left;
width: 48%;
/* min-width: 400px; */
max-width: 1600px;
min-height: 500px;
padding: 0 3px 0 5px;
}

#contentFillLeft{
  float: left;
  width: 74%;
}

#contentFill{
  width: 95%;
}

#contentWide{
  float: left;
  width: 74%;
}

#contentBackGround{
background: #222 url(../images/backgrd-grid.jpg) repeat;
}

/************** #headlines styles **************/

#headlines{
float: right;
width: 25%;
min-height: 500px;
color: #000;
background-color: #ffe;
padding: 3px 10px 0 0;
margin: 40px 0 0 0;
font-size: 90%;
}

#headlines h1, #headlines h1 a, #headlines h2, #headlines h3, #headlines h5, #headlines h6{
background-color: #ffe;
color: #009;
text-align: center;
padding: 0;
}

#headlines h4 {
color: #930;
padding: 12px 0 0 0;
margin: 0;
font-family: Arial,Helvetica, sans-serif; 
font-weight: bold;
letter-spacing: 0.2em;	
}

#headlines p{
background-color: #ffe;
padding: 2px 2px 12px 0;
margin: 0;
}

#headlines a{
color: #00f;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
background: #777;
color: #fff;
padding: 5px;
}

.header{
background: #777;
color: #fff;
padding: 5px;
}

/************* #globalNav styles **************/

#globalNav{
padding: 0 0 5px 10px;
/* border-bottom: 1px solid #CCC; */
color: #cccccc;
text-align:right;
}

#globalNav img{
display: block;
}

#globalNav a {
font-size: 90%;
color: #fc6;
padding: 0 4px 0 0;
}

#tableNav{
padding: 0;
/* border-bottom: 1px solid #CCC; */
color: #cccccc;
text-align:right;
}

#tableNav img{
display: block;
}

#tableNav a {
font-size: 90%;
color: #fc6;
padding: 0 8px;
}

/*************** #pageName styles **************/

#pageName{
color: #fff;
margin: 0;
padding: 4px 5px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
clear: both;
padding: 10px;
color: #000;
}

#breadCrumb a{
color: #00a;   
}

#breadCrumb  a:hover{
color: #0a0;   
}


.fontsm{
font-size: 60%;
/* vertical-align:text-top; */
}

.font80 {
font-size: 80%;
}

/************** .feature styles ***************/

.feature{
background-color: #ffe;
padding: 20px 40px;
font-size: 80%;
/* line-height: 1.5px; */
}

.feature a{
color: #00a;
}

.feature a:hover{
color: #0a0;   
}

.feature h1{
clear: left;
}

.feature h3{
padding: 30px 0 5px 0;
text-align: center;
clear: left;
}

.feature li {
padding: 3px 0; 
}

.feature li a{
text-decoration: underline;
color: #00a;
}

.feature img{
clear: both;
float: center;
padding: 10px 10px 0 0px;
}

.featureAuthentication {
font-size: 135%;
}

.featureAuthentication, .featureAuthentication h3{
color: #fc0;
padding: 25px;
/*  background-color: #333; */
background-color: #222;
}

.featureAuthentication a{
color: #0c0;
}

.featureMap {
padding: 15px;
}

/************** .story styles *****************/

.story{
clear: both;
padding: 10px 0 0 10px;
font-size: 80%;
}

.story p{
padding: 0 0 10px 0;
}

/************* #siteInfo styles ***************/

#siteInfo{
background-color: #ffe;
text-align: center;
clear: both;
/* border: 1px solid #cccccc; */
font-size: 75%;
color: #666;
padding: 10px;
}

#siteInfo img{
padding: 4px 4px 4px 10px;
vertical-align: middle;
}

#siteInfo a{
color: #930;
padding: 3px;
}

.activeNavigation a{
background-color: #FF9900;  /* was fc1; #33FF99; #fb0; */
text-decoration: underline;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
color: #000;
}

/************* #search styles ***************/

#search{
padding: 5px 0 5px 10px;
border-bottom: 1px solid #f7c224;
font-size: 90%;
}

#search form{
margin: 0;
padding: 0;
}

#search label{
display: block;
margin: 0;
padding: 0;
}

.btop{
border-top: 1px solid #ccc;
}

.grey {
background-color:#222;
}

.linkIcon {
border: 0;
padding: 0 0 0 4px;
}

.mouseOver{
cursor: pointer;
}

#naviPointers, #naviPointers a {
color: #fc6;
padding: 6px;
/* font-size: 150%; */
font-weight: bold;
}

#currentPage {
text-decoration:overline;
padding: 6px;
color:#0d6;
}

.searchFields label {
color: #fff;
font-size: 90%;
}

.editField {
color: #096;
font-weight: bold;
}

.alert {
color: #FF3333;
}

.name {
width: 22%;
}

.bolder {
font-size: 110%;
font-weight: bold;
font-style: italic;
cursor: pointer;
}
.bolder:hover{
text-decoration: underline;
color: #06f;
background-color:#ff9;
cursor: pointer;
}

.centeralert {
text-align: center;
color: #FF3333;
}

.centergreat {
text-align: center;
color: #009933;
}

#helpOverBackground {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 50;
background-color: #000;     /* the background native color */
filter:alpha(opacity=65);   /* Internet Explorer           */
-moz-opacity:0.65;          /* Mozilla 1.6 and below       */
opacity: 0.65;              /* newer Mozilla and CSS-3     */
visibility: hidden;
}

#helpOverForeground {
padding: 10px;
position: absolute;
left: 20%; /* 250px; */
top: 15%; /* 250px; */
width: 65%; /* 400px; */
height: 65%; /* 200px; */
z-index: 100;
background: #fff;
border: 1px solid #000099;
/*   filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity: 1.0;  */
visibility: hidden;
}

#helpSection{
position: relative;
text-align: justify;
margin: 0;
padding: 5px 0 0 0;
font-size: 90%;
color: #fff;
background-color: #222;
}

#helpSection h3{
font-size: 110%;
color: #fff;
}

#helpSection p{
margin: 0 0 0 5px;
width: 90%;
}

.roleLabel {
color: #06d;
font-weight: bold;
font-size: 110%;
}


.lRow{
   background-color:#fff;
}
/*
.lRow:hover{
   color: #06f;
   background-color:#ff9;
}
*/
.dRow{
   background-color: #ffa; /* #dde; */
}
/*
.dRow:hover{
   color: #06f;
   background-color:#ff9;
}
*/

#lightTable{
   width: 100%;
   background-color: #fff;
}

#lightTable td{
   padding: 4px;
}

.rowHeader {
   color: #000;
   font-weight: bold;
}
.rowHeaderInternal{
   color: #000;
   text-align: left;
   font-weight: bold;
   padding: 2px 0;
}
.rowCategory{
   background: #222 url(../images/caption-background.gif) no-repeat top left;
   color: #ddd;
   text-align:left;
   font-weight: bold;
   padding: 4px 0 2px 6px;
}