/****
 **** HTML ELEMENT STYLING
 ****/


/** fonts **/
  body
  {
    font-family: "myriad-pro-n3", "myriad-pro", myriad, verdana, arial, sans-serif;
    background: #fff;
  }

  /* IE 5 and 6 can't resize text that is specified in pixels. */
  * html body
  {
    font-size: x-small; /* IE5 will get this value */
    font-size: small; /* IE6 will get this value */
  }

  #page
  {
       font-family: "myriad-pro-n3", "myriad-pro", myriad, verdana, arial, sans-serif;
	line-height: 1.5em;
  }

  pre, code
  {
    font-size: 115%; /* Monospace fonts can be hard to read */
    font-family: "myriad-pro-n3", "myriad-pro", myriad, verdana, arial, sans-serif;
  }

/** headings **/

  h1, h1 a, h1 a:hover
{
    font-weight: 200;
    font-size: 2.0em;
    line-height: 1.1em;
    margin: 0;
    padding: 0 0 0.5em;
    color: #4e6bb1;
}

  h1.title
  {
    font-weight: 300;
    font-size: 2.5em;
    line-height: 1.1em;
    margin: 0;
    padding: 0 0 0.5em;
    color: #27a2db;
}

  h1.title, h1.title a, h1.title a:hover
  {
    <!--  font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif; -->
    font-family: "myriad-pro-n3", "myriad-pro", myriad, verdana, arial, sans-serif;
    font-weight: normal;
    color: #3CB371;
    margin: 0;
    margin-bottom: 0;
	padding-bottom: 0.5em;
    line-height: normal;
  }

  h2
  {
    font-size: 122%;
  }

  h2, h2 a, h2 a:hover, .block h3, .block h3 a
  {
    color: #444;
    <!--  font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif; -->
    font-family: "myriad-pro-n3", "myriad-pro", myriad, verdana, arial, sans-serif;
    margin: .5em 0 .5em 0;
  }

  
  h3
  {
    font-size: 107%;
    font-weight: bold;
      font-family: "myriad-pro-n3", "myriad-pro", myriad, verdana, arial, sans-serif;
  }

  h4, h5, h6
  {
    font-weight: bold;
       font-family: "myriad-pro-n3", "myriad-pro", myriad, verdana, arial, sans-serif;
  }

/** block-level elements **/
  p
  {
    padding: 0 0 0.5em 0;
    margin: 0;
  }

p {
    font-size: 1.230769em;
    line-height: 1.5;
    padding: 0 0 1em;
    color: #333;
    font-weight: 400;
}

  ol, ul, dl
  {
    position: relative;
  }

  pre
  {
    background: #ddd;
    border: 1px solid #aaa;
    padding: 0.75em 1.5em;
  }

  blockquote
  {
    border: 1px #ccc solid;
    margin: 0.5em 1em;
    padding: 0.3em;
    font-style: italic;
  }

/** links **/
  /* The order of link states are based on Eric Meyer's article:
   * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
   */
  a:link,
  a:visited
  {
    /*color: #660066;*/
    color: #4B0082;	
    text-decoration: none;
  }

  a:hover,
  a:focus
  {
    color: #663399;
    text-decoration: underline;
  }

  a:active,
  a.active
  {
    color: #990099;
  }

/** tables **/
  table
  {
    font-size: 100%; /* Forces font size inheritance in IE5 */
    font-size: inherit;
  }

  tr, td
  {
    padding:  0.25em;
  }

/** abbreviations **/
  /* Date-based "abbreviations" show computer-friendly timestamps which are not
     human-friendly. */
  abbr.created
  {
    border-bottom: none;
    text-decoration: none;
  }

/** images **/
  img
  {
    border: 0;
    padding: 0  1em  0 0;
  }

/** forms **/
  form
  {
    margin: 0;
    padding: 0;
  }

  fieldset
  {
    border: solid #ccc 1px;
  }

  select, input, textarea
  {
    font: 99% Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  }
ul.menu {
  list-style: none;
  border: none;
  text-align:left; /* LTR */
}
ul.menu li {
  margin: 0 0 0 0.5em; /* LTR */
}
li.expanded {
  list-style-type: circle;
  list-style-image: url(images/menu-expanded.png);
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li.collapsed {
  list-style-type: disc;
  list-style-image: url(images/menu-collapsed.png); /* LTR */
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li.leaf {
  list-style-type: square;
  list-style-image: url(images/menu-leaf.png);
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li a.active {
  color: #000;
}
td.menu-disabled {
  background: #ccc;
}
ul.links {
  margin: 0;
  padding: 0;
}
ul.links.inline {
  display: inline;
}
ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}
.block ul {
  margin: 0;
  padding: 0 0 0.25em 1em; /* LTR */
}

li.pub {
  padding-bottom: 10px; /* LTR */
}
/* $Id: html-elements.css,v 1.2 2008/01/06 15:50:31 johnalbin Exp $ */




/*
 * COMMON STYLES
 */

  body
  {
    background: #fff;
  }
  /* this was added --- classes for image positioning : left, right and center --- this was added */
  img{border: 0px;}
  .left
  { 
    float: left;
    padding: 0px 8px 0px 0px;
  }
  .right
  { 
    float: right;
    padding: 0px 0px 0px 8px;
  }
  .center
  { 
    display: block;
    text-align: center;
    margin: 0 auto;
  }
  #page
  {
    color: #111;
    background-color: #fff;
  }
  /* this was modified --- change 0 10 10 10 into 15 10 10 10, so the top margin is 15 px --- this was modified */
  #container
  {
    margin: 15px 10px 10px 10px;
  }

  #header-region,
  #closure-blocks
  {
    margin: 0 10px;
  }

  #main .node .content
  {
    color: #333;
  }

  div.content, div.links
  {
    font-size: 92%;
  }

  .block h3
  {
    font-size: 122%;
  }

  .book .body
  {
    padding: 0 0 0.5em 0;
    margin: 0;
  }

/*
 * HEADER STYLES
 */

  /* this was commented --- to implement logo on the right side --- this was commented 
  *#logo-title
  *{
  *  margin: 10px 20px 0 30px;
  *  position: relative;
  *}
  *
  *#logo
  *{
  *  vertical-align: baseline;
  *}
  */
  
  #logo-title
  {
    margin: 15px 20px 0px 20px;
  }
  
  #logo
  {
    float:right;
    vertical-align: top;
  }

  #name-and-slogan
  {
    display: inline;
  }

  #site-name
  {
    
    display: inline;
    font-size: 200%;
  }

  #site-name a, #site-name a:hover
  {
    font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    /*color: #00cc44;  70db70; 53c653; 9494b8; 2E8B57;*/
    color:#2F4F4F;  
  }

  #site-slogan, #site-slogan a, #site-slogan a:hover
  {
    color: #a9a9a9; /*006622;*/
    margin: 0;
    font-size: 110%;
    margin-left: 0.5em;
    margin-top: 5px;
  }

  #search
  {
    position: absolute;
    padding: 0;
    top: 0;
    right: 0;
  }

  #mission
  {
    color: #666;
    font-weight: bold;
    padding: 2em;
    background: #D7E3F0 url(images/background.png);
    margin-bottom: 20px;
    font-size: 85%;
    border: solid 1px #B5C9D8;
  }




/*
 * MENU STYLES
 */

  div.menu
  {
    margin-top: 7px;
  }

  #primary
  {
    font-size: 85%;
    line-height: normal;
    padding: 1px 0 1px 5px;
    border-bottom: 3px solid #ff1493;
    clear:both;
  }

  #primary ul
  {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  #primary ul.links li,
  #secondary ul.links li
  {
    display: inline;
    border-left: none;
    margin: 0;
    padding: 0;
  }

  #primary a
  {
    background: #6DA6E2 url(images/tabs.png) repeat-x;
    color: #FFF;
    font-weight: bold;
    display: block;
    float: left;
    padding: 5px 14px 5px 14px;
    margin: 0 1px 0 0;
    border: solid #6191C5 1px;
    border-width: 1px 1px 0 1px;
  }

  #primary a
  {
    background-position: 0% 0;
  }

  #primary a:hover
  {
    background-position: 0% -42px;
    text-decoration: none;
  }

  #primary a.active
  {
    background-position: 0% -84px;
  }

  #secondary
  {
    padding-left: 20px;
    background: #6DA6E2; /*#347FD2;*/
    border-bottom: solid #2763A5 4px;
  }

  #secondary ul
  {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  #secondary li a
  {
    float: left;
    display: block;
    color: #fff;
    font-size: 85%;
    text-decoration: none;
    padding: 0 5px 0 5px;
  }

  #secondary a:hover
  {
    background: #2763A5;
  }

  #secondary a.active
  {
    font-weight: bold;
  }

/* $Id: layout-garland.css,v 1.2 2008/01/06 15:50:31 johnalbin Exp $ */

/*
 * LAYOUT STYLES
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This is the same layout method used by Garland.
 *
 * However, there is a KNOWN BUG with this layout method that has no known fix:
 *   oversize content will causes IE to display the sidebars underneath the main
 *   content.
 */

  body
  {
    margin: 0;
    padding: 0;
  }

  /* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
  body.two-sidebars
  {
    min-width: 980px;
  }

  /* With 2 columns, require a minimum width of 800px. */
  body.sidebar-left, body.sidebar-right
  {
    min-width: 760px;
  }

  #container
  {
    margin: 15px auto;
    max-width: 1270px;
  }

/* Layout the main content column */
 

#main
  {
    float: left;
    width: 100%; /* Prevent it from being too narrow on near-empty pages */
  }

  #squeeze
  {
    position: relative;
  }

  /* First we adjust the #main container to make room for the left sidebar */
  body.sidebar-left #main,
  body.two-sidebars #main
  {
    margin-left: -210px;
  }

  body.sidebar-left #squeeze,
  body.two-sidebars #squeeze
  {
    margin-left: 210px;
    padding-left: 1em;
  }

  /* Then we adjust the #main container to make room for the right sidebar */
  body.sidebar-right #main,
  body.two-sidebars #main
  {
    margin-right: -210px;
  }

  body.sidebar-right #squeeze,
  body.two-sidebars #squeeze
  {
    margin-right: 210px;
    padding-right: 1em;
  }

/* Layout the sidebars */
  #container .sidebar
  {
    float: left;
    position: relative;
    z-index: 2; /* We ensure the sidebars are still clickable using z-index */
    margin: 0;
  }

  #container #sidebar-left
  {
    width: 200px; /* If you change this value, change the values
                     of margin-left for #main and #squeeze. */
    margin-left: 10px;
  }

  #container #sidebar-right
  {
    width: 210px; /* If you change this value, change the values
                     of margin-right for #main and #squeeze. */
  }

/* Laout the footer */
  #footer
  {
    float: none;
    clear: both;
    margin: 4em 0 -3em;
  }

/* Ensure long text or wide images don't break IE6 layout. */
  #page, #header, #footer, #squeeze, #container .sidebar
  {
    _overflow: hidden;
    _overflow-y: visible;
    word-wrap: break-word; /* A very nice CSS3 property */
  }

  div.node div.content .book-navigation ul.menu
  {
    border: 0;
    border-top: 1px solid #2763A5;
    margin: 0;
    padding-bottom: 10px;
  }

  tr, td
  {
    padding: .25em;
    padding-right: 1em;
  }


/*
** HTML elements
*/
fieldset {
  margin-bottom: 1em;
  padding: .5em;
}
form {
  margin: 0;
  padding: 0;
}
hr {
  size: 1px;
  color: #2763A5;
  width: 90%;
  align: left;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
}
th {
  text-align: left; /* LTR */
  padding-right: 1em; /* LTR */
  border-bottom: 1px solid #ccc;
}

table.line {
  width: 90%;
  text-align: left;
  padding-right: 1em; 
  border-top: 1px solid #ccc;
}


tr.line {
  text-align: left;
  padding: 0; 
  border-top: 1px solid #ccc;
}

table.noline {
  width: 90%;
  text-align: left;
  padding-right: 1em; 
}
/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */

/*
 * Node, Block, Content styles
 */

  .node
  {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }

  .node-unpublished div.unpublished, /* The word "Unpublished" displayed beneath the content. */
  .comment-unpublished div.unpublished
  {
    height: 0;
    overflow: visible;
    color: #d8d8d8;
    font-size: 75px;
    line-height: 1;
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word; /* A very nice CSS3 property */
  }

  .node h2.title
  {
    margin-bottom: .1em;
  }

  .node h2.title a
  {
    color: #555;
    font-size: 129%;
    font-weight: normal;
    font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
    line-height: 1.4em;
  }

  .node .content
  {
    padding-top: 10px;
    padding-bottom: 5px;
  }

  .sticky
  {
    border-bottom: solid 3px #ddd;
  }

  #sidebar-left .block,
  #sidebar-right .block
  {
    border-bottom: solid #ddd 1px;
    padding-bottom: 15px;
    margin: 0 0 1.5em 0;
  }

  #sidebar-left .block
  {
    padding-right: 15px;
  }

  #sidebar-right .block
  {
    padding-left: 15px;
  }

  .block .content
  {
    margin: 0.5em 0;
  }

  .block .item-list ul
  {
    padding-left: 0;
  }