body {
    margin : 0px;
    padding : 0px;
    font-family : Tahoma, "Lucida Grande", Verdana, helvetica, arial, sans-serif; voice-family : "\"}\""; voice-family : inherit;
    font-size : 11pt;
    text-align : center;
    background-color : #000000;
  background-image : url(/resources/earthnow.jpg) ;
  background-position : 0px 0px ;
  background-repeat : no-repeat ;
  background-attachment: fixed ;

}

/* hierarchy is explicitly defined and in reverse order for rendering stability between browsers */

#wrapper #menu-list #header-navigation {
  padding-top : 0px;
  padding-left : 5px;
/*  float : right; */
}

#wrapper #menu-list {
/*  width: 33%;  */
  float : left; 
  margin: 0 ; 
  margin-bottom : 5px;
  padding: 5px;
/*  border-color: #999999;
  border : 1px dotted;  */

}

#wrapper #breadcrumbs {
  text-align: left;
  padding-left : 2px;
  padding-right : 0;
  padding-top : 27px;
  padding-bottom : 5px; 


/*  clear : left; 
  float : left; */

}

#wrapper #header {
  font-size : 12pt; 
  color : #444444;
  padding-top : 0; 
/* clear : right; */
}

#wrapper #system-name a {
  color : #333399;
  text-decoration : none;
}

#wrapper #system-name {
  text-align : left;
  font-size : 24pt;
  font-weight : normal;
/*  float : left; */
  padding-top : 13px;
  padding-left : 0px; /* was 128 */
}
#wrapper #tag-line {
  color : #3366cc;
  text-align : left;
 padding-left : 2px; /* was 130 */
  font-style : italic; 
}

#wrapper #content-wrapper #inner-wrapper #main #main-content .main-content-padding #register-login {
  text-align: left;
}

#wrapper #content-wrapper #inner-wrapper #main #main-content .main-content-padding .menu-list {
/* application menu */

/*  width: 33%; */
  float : left; 
  display : inline;
  margin: 0 ; 
  margin-bottom : 5px;
/*  padding: 5px; */
  padding-top : 0;
/*  border-color: #999999;
  border : 1px dotted;  */

}


#wrapper #content-wrapper #inner-wrapper #main #main-content .main-content-padding { 
padding: 5px;
  background-image : url(/resources/white-screen-layer-33pct.png) ;
  background-position : top left ;
  background-repeat : repeat ;
}

#wrapper #content-wrapper #inner-wrapper #main #main-content { }

#wrapper #content-wrapper #inner-wrapper #main { }
#wrapper #content-wrapper #inner-wrapper { }

#wrapper #content-wrapper { }

#wrapper {
    position : relative ;
    margin-left : auto ;
    margin-right : auto ;
    width : 8in;
  background-image : url(/resources/white-screen-layer-33pct.png) ;
  background-position : top left ;
  background-repeat : repeat ;

/*  background-image : url(/resources/eye-c-2-129x105.gif) ; 
  background-position : 1px 0px ;
  background-repeat : no-repeat ; */
}

.categories {
    float : left; 
    width : 45%;
    font-size : 85%;
    background : url(/resources/acs-templating/bw-shadow.png) no-repeat bottom right;
    margin-left : 2px;
    margin-top : 12px;
    padding : 0px 6px 6px 0px;
}

.categories-box {
    margin-top : 2px; 
    margin-left : 2px; 
    border : 1px solid #a9a9a9; 
    padding : 5px 5px; 
    background : #f8f8f8;
}

.main-content-padding {
  clear : both;
  text-align : left;
}

#alert-message {
  background-color : #ccff99; 
  padding : 4px;
  padding-top : 6px;
  padding-bottom : 6px;
  font-size : 85%;
}

#alert-message .alert {
  margin-left : 0;
  padding-left : 2px;
  border : none;
}

#login-box {
  border : black 1px solid;
  padding : 4px;
}

#skiptocontent {
  display : none;
}

/* Subsite Name */

#subsite-name { 
  font-weight : bold; 
  font-size : 120%;
  font-family : verdana; 
  padding-left : 8px;
}
#subsite-name a {
  color : #235c96;
  text-decoration : none;
}

#subsite-name a:hover {
  color : #5c9623;
  text-decoration : none;
}

/* Calendar widget css */
/* The main calendar widget.  div containing a table. */

div.calendar { position : relative; }

.calendar, .calendar table {
  border : 1px solid #555566;
  font-size : 11pt;
  color : #000000;
  cursor : default;
  background : #eef;
  font-family : tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align : center;    /* They are the navigation buttons */
  padding : 2px;          /* Make the buttons seem like they're pressing */
}

.calendar table .wn {
  padding : 2px 3px 2px 2px;
  border-right : 1px solid #000000;
  background : #bbddff;
}


.calendar tbody .day { /* Cells <TD> containing month days dates */
  width : 2px;
  color : #445566;
  text-align : right;
  padding : 2px 4px 2px 2px;
}

.calendar tbody .rowhilite td {
  background : #ddeeff;
}

.calendar tbody .rowhilite td.wn {
  background : #eeeeff;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background : #ddeeff;
  padding : 1px 3px 1px 1px;
  border : 1px solid #bbbbbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background : #ccddee;
  padding : 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight : bold;
  border : 1px solid #000000;
  padding : 1px 3px 1px 1px;
  background : #ffffff;
  color : #000000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color : #aa6666;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight : bold;
  color : #0000ff;
}

.calendar tbody .disabled { color : #999999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility : hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display : none;
}


.calendar thead .title { /* This holds the current "month, year" */
  font-weight : bold;      /* Pressing it will take you to the current date */
  text-align : center;
  background : #ffffff;
  color : #000;
  padding : 2px;
}

.calendar thead .headrow { /* Row <tr> containing navigation buttons */
  background : #777788;
  color : #ffffff;
}

.calendar thead .daynames { /* Row <tr> containing the day names */
  background : #bbddff;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom : 1px solid #555566;
  padding : 2px;
  text-align : center;
  color : #000000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color : #aa6666;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background : #aaaaff;
  color : #000000;
  border : 1px solid #0044ff;
  padding : 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background : #7777cc;
  padding : 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */
/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <tr> in footer (only one right now) */
  text-align : center;
  background : #555566;
  color : #ffffff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background : #ffffff;
  color : #444455;
  border-top : 1px solid #555566;
  padding : 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background : #aaaaff;
  border : 1px solid #0044ff;
  color : #000000;
  padding : 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background : #7777cc;
  padding : 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position : absolute;
  display : none;
  top : 0px;
  left : 0px;
  width : 4px;
  cursor : default;
  border : 1px solid #665555;
  background : #ddeeff;
  color : #000000;
  font-size : smaller;
}

.combo .active {
  border-top : 1px solid #4466aa;
  border-bottom : 1px solid #4466aa;
  background : #eeeeff;
  font-weight : bold;
}

.combo .hilite {
  background : #aaccff;
}

.combo .label {
  width : 100%;
  text-align : center;
}


table.table-display {
  font-family : tahoma, verdana, helvetica; 
  font-size : 85%;
}

tr.table-header {
  background-color : #cccccc; 
}

tr.even {
  background-color : #f0f0f0;
}

tr.odd {
  background-color : #e0e0e0;
}

/* Replace deprecated center tags in forms. Eventually all forms should use form builder and this tag should not be used */

div.submit-button {
  text-align : center;
}

.block-marker {display : none;}


/* Boxed User Message */

.boxed-user-message {
  background-color : #ccff99; 
  padding-left : 12px;
  padding-right : 12px;
  padding-top : 8px;
  padding-bottom : 8px;
  font-size : 85%;
  border : 1px solid #dd9988;
}

.boxed-user-message h3 {
  color : #990000;
  margin-top : 0px;
}

.boxed-user-message .body {
  margin : 0px ;
  padding : 0px ;
  text-align : center ;
  font-family : Verdana, helvetica, arial, sans-serif ;
  font-size : 12pt ;
  color : #990000;
}



/**********************************************************************
/* Widgets
/**********************************************************************/

/* STANDARD TAGS -----------------------------------------------------------*/
/* standard html (body, h1, p, form...) */


h1 {
  font-size : 18pt;
  font-weight : bold;
  color : #666666;
  margin-bottom : 12px;
}

h2 {
  font-size : 16pt;
  font-weight : bold;
  color : #555555;
  margin-bottom : 12px;
}

h3 {
  font-size : 14pt;
  font-weight : bold;
  color : #444444;
  margin-bottom : 12px;
}

ul li {
    list-style-image : url(/resources/list-style.gif) ;
}

a:link {
  color : #235c96;
  text-decoration : underline;
}

a:visited {
  color : #5c9623;
}

a:hover {
  color : #965c23;
  background : #cccccc;
}

/* BUTTON ---- */
a.button { 
  font : 11pt arial;
  border : solid 1px black;
  background-color : #e1e1e1;
  text-align : center; 
  padding : 1px;
  padding-left : 8px;
  padding-right : 8px;
  color : black;
  text-decoration : none;
  white-space : nowrap;
}

a.button:link { 
  text-decoration : none;
  border : solid 1px black;
}

a.button:hover { 
  text-decoration : none;
  background-color : #cccccc;
  border : solid 1px black;
}

a.button:active { 
  text-decoration : none;
  border : solid 1px black;
}

/* END BUTTON ---- */

.center {text-align : center;}
.small {font-size : x-small;}

/*  ARE THESE NEEDED ??? -----------------------------------------------------------*/

/* Various forms of links */

.action-list { 
  padding : 0;
}

.action-list ul { 
  margin : 0;
  padding : 0;
  display : inline;
  border : none;
}
                
.action-list ul li {
  margin : 0;
  padding : 0;
  border : none;
  list-style : none;
  display : inline;
}

div.subsite-context-bar {
  font-size : 85%;
  margin-bottom : 4px;
  position : relative;
}

a.admin-button { 
  font : 85% arial;
  border : solid 1px black;
  background-color : #aaaaaa;
  text-align : center; 
  padding : 1px;
  padding-left : 8px;
  padding-right : 8px;
  color : #ffffff;
  text-decoration : none;
  white-space : nowrap;
}
a.admin-button:link { 
  text-decoration : none;
  border : solid 1px black;
  color : #111111;
}
a.admin-button:visited { 
  text-decoration : none;
  border : solid 1px black;
}
a.admin-button:hover { 
  text-decoration : none;
  background-color : #cccccc;
  border : solid 1px black;
}
a.admin-button:active { 
  text-decoration : none;
  border : solid 1px black;
}

a.admin:link, a.admin:visited {
  color : #ff0000;
  font-family : verdana;
  font-size : 11pt;
  font-weight : normal;
}

a.admin:hover { 
  color : #ffffff; 
  background : #ff0000;
}

.highlight { 
  background-color : #ffffcc; 
}

ul.action-links li {
  list-style : circle url(/resources/acs-subsite/action-link-marker.png);
  margin : 8px;
  margin-left : -16px;
}

/* LISTS -----------------------------------------------------------*/

ul.compact, .action-list ul {
  margin : 0;
  padding : 0;
}
ul.compact li, .action-list ul li {
  list-style : none;
  display : inline; 
}



/* ul.menu ul {
  list-style : none;
  margin : 0;
  padding : 0;
  padding-top : 0;
} */

ul.menu li {
  text-align : left ;
  list-style-image : none ;
  list-style : none;
  display : inline;
}
ul.menu {
  list-style : none;

  margin : 0;
  padding : 0;
  padding-top : 0;
}


/* END OF LISTS */

/* PORTLETS */

.portlet-sidebar {
  width : 30%;
}

.portlet-wrapper {
  margin : 4px 4px 4px 4px;
}

.portlet-header {
    padding : 2px 8px 2px 8px; 
    border-top : 1px solid #ffffff;
    background : #dddddd; 
    height : 21px;
}

.portlet-title {
    float : left; /* comment out if portlet-controls display : none */
    display : inline;
}

.portlet-title h1 {
    margin : 0px;
    font-size : 12pt;
    font-weight : bold;
    color : #000000;
}
    
.portlet-controls {
    display : block; /* future development */
    padding-top : 2px;
    text-align : right;    
}

.portlet-controls img {
    border : 0px;
}

.portlet-controls a:link {
    color : #235c96;
}

.portlet-controls a:hover {
  color :  #965c23;
  background : #cccccc;
}

.portlet {
  border : 1px dotted #999999; 
  border-top : 0px;
  padding : 6px 8px 6px 8px;
  clear : left;
}

/* END OF PORTLETS */

.portal-page {
  border : 1px solid #888888;
  padding : 6px 8px 6px 8px;
  clear : left;
}

/*  Following from xowiki/www/resources/cattree.css  */
/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen { 
    /* Turn off list bullets */
    ul.mktree  li { list-style : none ; list-style-image : none ; } 
    /* Control how "spaced out" the tree is */
    ul.mktree, ul.mktree ul , ul.mktree li { margin-left : 0px; padding-left : 7px;}
    /* Provide space for our own "bullet" inside the LI */
    ul.mktree  li           .bullet { padding-left : 15px; }
    /* Show "bullets" in the links, depending on the class of the LI that the link's in */
    ul.mktree  li.liOpen    .bullet { cursor : pointer; background : url(/resources/acs-templating/minus.gif)  center left no-repeat; }
    ul.mktree  li.liClosed  .bullet { cursor : pointer; background : url(/resources/acs-templating/plus.gif)   center left no-repeat;  }
    ul.mktree  li.liBullet  .bullet { margin-left : 0px; padding-left : 10px; cursor : default; background : url(/resources/acs-templating/bullet.gif) center left no-repeat;  }
    /* Sublists are visible or not based on class of parent LI */
    ul.mktree  li.liOpen    ul { display : block; }
    ul.mktree  li.liClosed  ul { display : none; }

    /* Format menu items differently depending on what level of the tree they are in 
    ul.mktree  li { font-size : 12pt; }
    ul.mktree  li ul li { font-size : 10pt; }
    ul.mktree  li ul li ul li { font-size : 8pt; }
    ul.mktree  ul li ul li ul li li { font-size : 6pt; }
    */

    ul.mktree ul li { list-style : none; } 
    ul.mktree ul li ul li { list-style : none; } 
    
    .portlet ul.mktree {  
    list-style : none;
    list-style-position : outside;
    padding-top : 0px; 
    display : inline; }
    
    .portlet ul.mktree li {
    margin-left : 0px;
    padding-left : 10px;
    background : none;
    padding-top : 0px; }

}


/**********************************************************************
/* DEPRECATED CLASSES
/**********************************************************************/

/* Deprecated, not sure what it's replaced with just yet */
a.action {
  margin : 8px;
  margin-left : 24px;
  display : list-item;
  list-style : circle url(/resources/acs-subsite/right.gif);
}