/* *********************************************/
/*  3column stylesheet                         */  
/*  navigation on left, links on right         */ 
/***********************************************/ 

/* In Firefox, a vertical scrollbar only appears when needed,        */
/* but this makes long pages appear to jump leftwards on loading     */
/* This line fixes that; it makes the scrollbar permanent (like IE)  */
   
html {overflow-y: scroll;}


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

#page 
     {
     width:800px;
     margin: 20px auto;
     text-align: left;
     border: 1px solid #999999;
     background-color: #663366;
}


#masthead
     {
     padding: 0px 0px 0px;
     border-bottom: 1px solid #330033;
          width: 100%;
     background-color: #663366;
          background-image: url(images/home-edlogo320.jpg);
          background-repeat: no-repeat;
     background-position: left;
     height: 172px;
     }

#sitename {
     padding-top: 10x;
     left: 350px;
     position: relative;
     top: 20px;
     color: #FFFFFF;
     }

#sitenav {
     float: left;
     width: 20%;
     margin: 0px;
     padding: 0px;
 }

#logo {
     margin: 5px;
     background-color: #FFFFFF;
 }

#keylinks {
     float:right;
     width: 20%;
     padding-top: 10px;
     padding-bottom: 0px;
     padding-left:  5px;
     padding-right: 5px;
     line-height: 20px;
     font-size: 90%;
     border-left-width: 1px;
     border-left-style: solid;
     border-left-color: #330033;
  }

#content {
      float: left;
      width: 55%;
      padding: 10px;
      font-size: 90% }

/***********************************************/
/*  HTML tag styles                            */ 
/***********************************************/

body {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #ffffff;
     line-height: 1.2;
     margin: 0px;
     padding: 0px;
     background-repeat: repeat-x;
     
     background-image: url(images/purple_surround.png);
}

a {
     color: #006699;
     text-decoration: none;
 }

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

a:visited {    color: #ccccff;
     text-decoration: none;
 }

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

h1 {      font-family: Tahoma, Arial, Helvetica, sans-serif;
     font-size: 150%;
     color: #FFFFFF;
     margin: 0 0 20px 0;
     padding: 0px;
 }

h2 {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 135%;
     margin: 0;
     color: #ffffff
}


h3 {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 110%;
     font-weight: bold;
     color: #ffffff;
     margin: 0px;
     padding: 0px;
     font-weight: bold;
}

 
h4 { font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 100%;
     font-weight: normal;

     color: #ffffff;
     margin: 0px;
     padding: 0px;
 }

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

ul { list-style-type: square;
 }

ul ul { list-style-type: disc;
 }

ul ul ul { list-style-type: none;
 }

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



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

.feature 
/* ************* .feature styles ************** */
     {
     padding: 0px 0px 10px 10px;
     font-size: 80%;
 }

.feature h3 {
     padding: 30px 0px 5px 0px;
 }

.feature img {
     float: right;
     padding-top: 10px;
     padding-right: 10px;
          margin-right: 10px;
     padding-bottom: 0px;
     padding-left: 0px;
 }

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

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

#footer 
/* ************ #page foot styles ************** */ 
{    clear: both;
          font-size: 75%;
     color: #666666;
     padding: 10px 10px 10px 10px;
          text-align: center;
 }

#footer img {
     padding: 0px;
     vertical-align: middle;
     text-decoration: none;
     }

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

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

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


/* ********** #nav list styles ********** */
h3#navlist {
     font-size: 110%;
     padding: 10px 9px 10px 20px;
     margin: 0;
     width: 70%;
     color: #ccffff;
     border-right-width: 1px;
          border-bottom-width: 1px;
     border-right-style: solid;
          border-bottom-style: solid;
     border-right-color: #330033;
          border-bottom-color: #993399;
     text-align:left;
 }


ul#navlist 
 {
     text-align: left;
      font-size: 90%;
     list-style: none;
     padding: 0;
          margin: 0 auto;
     width: 70%;
 }


ul#navlist li {
     display: block;
     margin: 0;
     padding: 0;
     color: #ccffff;
     text-decoration: none;
     
  }

ul#navlist li a {
     display: block;
     width: 100%;
     padding: 0.5em 0 0.5em 2em;
          color: #ccffff;
     text-decoration: none;
     border-right-width: 1px;
          border-bottom-width: 1px;
     border-right-style: solid;
          border-bottom-style: solid;
     border-right-color: #330033;
          border-bottom-color: #993399;
 }

ul#navlist li#active a {
 background: #f0e7d7;
 color: #ffccff;
 }

ul#navlist li a:hover, ul#navlist li#active a:hover {
     color: #ffccff;
      background: transparent;
     border-color: #aaab9c #fff #fff #ccc;
 }

#sitenav ul a:li k, #nav ul a:visited { 
display: block;
 }

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

#keylinks a {
	padding-bottom 2px;
	}


.relatedLinks 
/* ********** .relatedLinks styles ********** */
     {
     position: relative;
     margin: 0px;
     padding: 0px 0px 10px 10px;
          font-size: 90%;
 }

.relatedLinks h3 {
     padding: 10px 0px 2px 0px;
     color: #999999;
 }

.relatedLinks a:link, .relatedLinks a:visited {
     display: block;
 }