/************************************************/
/**             NAVIGATION STYLES              **/
/************************************************/

#navigationContainer {
   width: 158px;
   border:1px solid #7FFF00;
   font-size:12px;
   float: left;
}

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

#navigationContainer li {
   margin:0px; 
   width:158px;
}

/** Default link styles **/

#navigationContainer a {
   padding:2px 0;
   border-top:1px solid #7FFF00; 
   border-bottom:none; 
   border-right-style:none; 
   border-left-style:none; 
   display:block; 
   background-color:transparent; 
}
#navigationContainer a:link {
   background-color:transparent;  
   color:#7FFF00; 
   text-decoration:none;
}
#navigationContainer a:visited {
   background-color:transparent; 
   color:#7FFF00; 
   text-decoration:none;
}
#navigationContainer a:hover {
   background-color:transparent; 
   color:#7FFF00; 
}

/** Current link styles **/

#navigationContainer .currentNavigation a:link {
   background-color:#7FFF00;  
   color:#000; 
   text-decoration:none;
}
#navigationContainer .currentNavigation a:visited {
   background-color:#7FFF00; 
   color:#000; 
   text-decoration:none;
}
#navigationContainer .currentNavigation a:hover {
   background-color:#7FFF00; 
   color:#000; 
}

/** Primary and Secondary link styles **/

.primaryNavigation {
   text-transform:uppercase;
   text-indent:10px;
}

.secondaryNavigation {
   text-transform:lowercase;
   text-indent:20px;
}

/***************************************************/




#navcontainer { width: 160px; }

#navlist li {
   display: inline;
   /* for IE5 and IE6 */
   }

#navlist {
   width: 160px;
   /* to display the list horizontaly */
   font-family: sans-serif;
   margin: 0 0 0 0;
   padding: 0;
   /* border-top: 1px #000 solid;
   border-left: 1px #000 solid;
   border-right: 1px #000 solid;*/
   }

#navlist a
   {
   width: 160px;
   /* extend the sensible area to the maximum with IE5 */
   display: block;
   background-color: #000000;
   border-top: 1px #7FFF00 solid;
   text-align: left;
   text-decoration: none;
   color: #7FFF00;
   text-indent: 5%;
   font-size: 12px;
   }

#navlist a:hover { background-color: #000000; }
#navlist a:visited { color: #7FFF00; }

#sub a {
   text-indent: 5%;
   }
   
/* border around header and index images */  
table#header td {
   vertical-align: top;
   /* these next two lines of code create green line around buttons */
   border: 1px solid #7FFF00;
   }

.gallery{
   clear: both;
   padding: 0px 0px 0px 5px;
   font-size: 80%;
}

.gallery p{
   padding: 5px 5px 0px 5px;
   color: #000000;
}


.gallery a:link {
   color: #7FFF00;
}

.gallery a:visited {
   color: #7FFF00;
}


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

.story p{
   padding: 5px 5px 0px 5px;
   color: #000000;
}


.story a {
   color: #7FFF00;
}

.story a:visited {
   color: #7FFF00;
}
/***********************************************/
/*       above is valid css             */
/***********************************************/

body {
   background-image:url(images/background.jpg);
   font-family: Arial,sans-serif;
   color: #333333;
   line-height: 1.166;  
   margin: 0px;
   padding: 0px;
}

p.centered {
   text-align: center;
   font-size: 14px;
   }
p.numbers {
   
   font-size: 14px;
   }

/* main menu buttons definitions */
   table#nav {
      background: #FFFFFF;
      vertical-align: top;
      border: 0;
      margin: 0;
      padding: 0px 0px 5px 10px;
      }
   
   
   table#nav td {
      font-size: 10px;
      font-family: verdana, arial, sans-serif;
      text-align: center;
      vertical-align: top;
      background-color: #FFFFFF;
      margin: 0;
      padding: 0;
      border-top-width: 0;
      /* these next two lines of code create black line around buttons */
      border-top: 1px solid #cccccc; 
      border-bottom: 1px solid #cccccc;
      }  
      
   table#nav a {
      font-size: 70%;
      text-decoration: none;
      color: #7FFF00;
      display: block;
      border-left:  1px solid #cccccc;
      padding: 2px 5px 2px 5px;
}

   
   #nav td a:link, #nav td a:visited {
      background: transparent url (images/ltbl.gif) repeat;
      display: block;
      margin: 0;
      font-size: 10px;
      line-height: 20px;
      color:#7FFF00;
      }
   
   #nav td a:hover {
      font-size: 10px;
      color: #7FFF00;
      background-color:#dddddd;
      }
      

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

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

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

h1 {
    font-family: Verdana,Arial,sans-serif;
    font-size: 11pt;
    color: #7FFF00;
    margin: 0px;
    padding: 0px;
    text-indent: 5%;
}

h2{
    font-family: Arial,sans-serif;
    font-size: 9pt;
    color: #000000;
    margin: 0px;
    padding: 0px;
}

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

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

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

ul{
 list-style-type: none;
}

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

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


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


#headlines{
   float:right;
   width: 20%;
   border-left: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   padding-right: 5px;
}

#content{
   float: left;
   width: 650px;
}

#lgcontent{
   float: left;
   width: 70%;
}

#allcontent{
   float: left;
   width: 100%;
}

/************* #secondaryNav styles **************/

}

#subnavLinks{
   margin: 0px;
   text-indent: 5%;
   border-bottom: 1px solid #7FFF00;
   /*border-right: 1px solid #7FFF00;*/
   font-size: 100%;
   letter-spacing: 0.05cm;
   /*background-color: #696969;*/
   width: 160px;
}

#subnavLinks a {
   display: block;
   border-top: 1px solid #7FFF00;
   padding: 2px 0px 2px 2px;
   color: #7FFF00;
   text-decoration: none;
   background-color: inherit;
}

#subnavLinks a:hover{
   color: #7FFF00;
}

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

#pageName{
   margin: 0px;
   padding: 52px 0px 10px 5px;
   font-size: 110%;
}


#pageNamegreen{
   margin: 0px;
   padding: 18px 0px 10px 5px;
   font-size: 110%;
   color:#7FFF00;
}


/************* #footer styles ***************/

#footer{
   clear: both;
   /*border: 1px solid #7FFF00;*/
   font-size: 75%;
   color: #000000;
   padding: 10px 10px 10px 165px;
}

#footer a {
   color: #000000;
}



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

#navBar ul a:link, #navBar ul a:visited {
   display: block;
}

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

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

#navBar{
   float: left;
   width: 160px;
   margin: 0px;
   padding: 0px;
   background-color: transparent;
   /*border-right: 1px solid #7FFF00;*/
   font-size: 80%;
}


table#portfolio td {
      font-size: 10px;
      font-family: verdana, arial, sans-serif;
      text-align: center;
      vertical-align: top;
      /*background-color: #7FFF00;*/
      margin: 0;
      padding: 0;
      border-top-width: 0;
      /* these next two lines of code create green line around images
      border-left: 1px solid #7FFF00;
      border-top: 1px solid #7FFF00; 
      border-bottom: 1px solid #7FFF00;
      border-right: 1px solid #7FFF00;*/
      }
table#portfolio a {
      font-size: 100%;
      text-decoration: none;
      color: #7FFF00;
      display: block;
      padding: 0px 0px 2px 1px;
}