/*---------------------------------------

---------------------------------------*/  
* {
     position: relative;
     padding: 0em;
     margin: 0em;}

html {
     height: 100%;
     background: url(bg3.png) repeat-x top;}
     
body {
     font: normal 80%/1.7 verdana, helvetica, arial, sans-serif;
     color: #333;
     background: url(watermark2.png) fixed no-repeat right bottom;
     min-height: 100%;}
     
     h1, h2, h3 {
          font-weight: normal;}
          
          h1 {}
          
          h2 {
               font-size: 1.8em;
               margin: 1.5em 0em 0em 0em;}
          
          h3 {
               font-size: 1.3em;
               font-weight: bold;
               padding: 1em 1em 0em 0em;
               margin: 0em 2em 0.50em 0em;
               border-bottom: solid 1px #ddd;}
               
               h3.blockquote {
				text-align: center;
				padding: 1em;
				margin: 1em;
				border-top: solid 1px #ddd;
				border-bottom: solid 1px #ddd;}

     
     p {
          margin: 0.50em 0em 0.50em 0em;}
          
          /* footnotes are right aligned and a fraction of the width */
          p.footnote {
               color: #666;
               background: url(gradient.png) repeat-x;
               text-align: center;
               font-size: 0.90em;
               padding: 0.75em 1em 0.75em 1em;
               margin: 2em 1em 2em 1em;
               border: solid 1px #eee;}
     
     a {
          color: #003e7e;
          font-weight: bold;
          text-decoration: none;}
          
          a:visited {}
          
          a:active {}
          
          a:hover {
               color: #002eb8;}
          
               a.pdf, a.offsite {
                    background: url(./offsite.png) no-repeat right top;
                    padding: 0em 14px 0em 0em;}
               
 
     img {
          float: left;
          margin: 0em 1em 0em 0em;
          border: solid 0px #fff;}
     
     
     /* used on NEWS page */
     dl {}
     
          dt {
               font-weight: bold;
               margin: 1em 0em 0em 0em;}
          
          dd {
               padding: 0em 0em 0em 2em;}
     
     address {}
     
     blockquote {
          padding: 1em;
          margin: 0em 1em 0em 2em;
          border-left: double 3px #003e7e;}
     
     




/*---------------------------------------

---------------------------------------*/       
#skin {
     width: 980px;
     margin: 0em auto 0em auto;}

        
          
          






/*---------------------------------------

---------------------------------------*/  
#header {
     display: none;}
     
     #header h1 {
          display: none;}
     
     #header form {
          text-align: right;}

     

     




/*---------------------------------------

---------------------------------------*/  
#content {
     background: url(logo_glow2.png) no-repeat left 0em;
     float: left;
     width: 525px;
     padding: 200px 0em 0em 0em;
     margin: 0em 30px 0em 0em;}
     
     #content h1 {
          font-size: 2.5em;
          text-align: left;}
     
     #content p {}
     
     #content ul {
          list-style: circle;
          margin: 0em 0em 1em 0em;}
     
     #content li {
          padding: 0em 0em 0em 0.50em;
          margin: 0em 0em 0em 2em;}
          
          
          
   
   
   
   
/*---------------------------------------

---------------------------------------*/    
#nav {
     float: left;
     width: 200px;
     margin: 50px 15px 0em 0em;}
     
     #nav h2, #sidebar h2 {
          font-size: 1em;
          font-weight: bold;
          text-transform: lowercase;
          letter-spacing: 0.25em;
          margin: 2.5em 0em 0em 0em;}
  
     #nav ul, #sidebar ul {
          list-style: none;
          margin-bottom: 1em;
          border-top: solid 1px #ccc;}

     #nav ul a, #sidebar ul a {
          display: block;
          color: #333;
          font-weight: normal;
          text-decoration: none;
          padding: 0.50em 0em 0.50em 0em;}
          
     #nav ul a:hover, #sidebar ul a:hover {
          color: #666;}
     
     #nav ul a.current, #sidebar ul a.current {
          color: #003e7e;
          background: url(gradient.png) repeat-x;
          font-weight: bold;}
             
     #nav ul li, #sidebar ul li {
          border-bottom: solid 1px #ccc;}
          
     #nav ul ul {
          margin-bottom: 0em;
          border: solid 0px #000;}
     
     #nav ul li ul li {
          border-bottom: solid 0px #000;}
     
     #nav ul li ul li a {
          padding-left: 1em;}
          
          #nav ul li ul li a.current {
               background: url(none.jpg);}







/*---------------------------------------

---------------------------------------*/  
#sidebar {
     float: right;
     width: 200px;
     margin: 50px 0em 0em 0em;}
     
     
          





/*---------------------------------------

---------------------------------------*/  
#footer {
     clear: both;
     padding: 2em;
     font-size: 80%;
     text-align: center;}
     
     #footer a {
          font-weight: normal;}
          
     #footer a:hover {}






/*---------------------------------
TRAINING page classes
----------------------------------*/

.revealitem {
     background: #fff url(gradient.png) repeat-x top;
     padding: 1em;
     margin: 0em 0em 1em 0em;
     border: solid 1px #ccc;
     border-right: solid 1px #999;
     border-bottom: solid 1px #999;}
     
     .revealitem h2 {
          font-size: 1.4em;
          font-weight: bold;
          margin: 0em;}






/*------------------------------------------
COMMITTEES page classes
-------------------------------------------*/

ul.multicol {
     list-style: none;
     padding: 0em;
     margin: 0em;
     overflow: auto;
     text-align: left;}
/*
     ul.multicol li {
          display: block;
          float: left;
          width: 125px;
          list-style: none;
          padding: 0em;
          margin: 0.25em;}
          
     ul.multicol li a {
          display: block;
          text-decoration: none;
          padding: 0.25em;
          border: solid 1px #ccc;}
          
     ul.multicol li a:hover {
          color: #333;
          background: #eee;
          text-decoration: none;
          border: solid 1px #999;}
          
*/
    
    
    
    
/*----------------------------------
special class just for Nate...look
at TEMP.PHP for a function...
-----------------------------------*/
.attention {
     background: #ff9;
     padding: 1em;
     margin: 1em;
     border: solid 1px #666;}
     
.strike {
     color: #f00;
     text-decoration: line-through;}