body {background:rgb(100,100,100);
      /*background:url(../img/images/random/metalback.jpg);*/
      margin:0;
      border:0;
      padding:0;
      font-family:"Monaco", "Courier New", monospace;
      text-align:center;
      color:rgb(0,255,0);}
#topbar {z-index:5}
/*#topbar {background:url(../../images/topbars/black/pipe.gif);}*/

#topbar h2 a {color:#0F0}
#topbar h2 a:hover {background:black;
                    color:#0F0;}
#topbar ul ul a{background:white;
         color:black;}
#topbar ul ul a:hover {background:black;
                    color:#0F0;}
#titlePlusNavBar {position:relative;
                  z-index:1;
                  top:25px;
                  bottom:auto;
                  left:0;
                  right:0;
                  width:100%;
                  height:100px;
                  margin:auto;
                  text-align:center;
                  border:0;
                  border-bottom:1px solid;
                  padding:0;
                  }
#navbar {margin-top:50px;}
/* hack to get IE to work right - it does not recognize fixed position
   so instead we say absolute, then use the child selector >, which it also does
   not recognize, to make it fixed for better browsers
*/
/*body > div#titlePlusNavBar {position:fixed;}*/
#logo {height:100px;
       width:120px;
       z-index:10;
       float:left;
       }
#title {text-align:center;
        }
       

.indent {width:90%;
            text-align:left;
            margin:auto;
            }
table {margin-top:1em}
tr {margin:0;border:0;}
td {vertical-align:top;
    padding:.5em;
    margin:0;
    color:inherit;
    border:0;}
a:link, a:visited {text-decoration:underline; }

#navbar a:link, #navbar a:visited {text-decoration:none; }
a:hover, a:active {text-decoration:underline; }
#navbar a:hover, #navbar a:active {text-decoration:underline; }
h1    {vertical-align:top;
         /*color:rgb(0,0,0);*/
         font-size:150%;
         margin:0;
        padding:0;
         text-align:center;}

h2     {vertical-align:top;
        padding:0;
        text-align:center;
         font-size:120%; }

#resumeContent h3 {
        text-align:left;
        font-size:100%;
}
h3 {
       text-align:center;
       margin:0;}
li h3 {text-align:left}
#navbar ul {margin:0;
            border-collapse:collapse;
            padding:0;
           }
#navbar li {list-style-type: none;
            border-collapse:collapse;
            padding:0 1ex 0 1ex;
            margin:0;
            border-right:1px solid;
            border-left:1px solid;
            display:inline;}

#content {/*
          position:fixed;
          overflow:auto;
          width:85%;
          left:15%;
          right:0;
          bottom:0;
          top:100px;
          */
          text-align:left;
          margin:50px 10% 0 20%;
          padding:0;
          z-index:-1;
          }

/*optionsAndLinks part provides additional options for setting parameters of the website, plus some additional page info (mod time) and specific links*/
#optionsAndLinks {position:absolute;
                  width:19%;
                  left:0;
                  top:100px;
                  margin:50px 5px 0 5px;
                  right:85%;
                  bottom:0;}
body > div#optionsAndLinks {position:fixed;}
#modified {font-size:90%;
           margin-top:1em;}

#examples img {border:1px solid #DDD;}

/* resume specific classes here */
td p {margin:0;padding:0;}
.tabular {width:100%}
table.tabular td {margin:0;padding:0;}
#topbar {background:url(../../images/topbars/dark-blue/pipe.gif);}
#topbar h2 a {color:white}
#topbar h2 a:hover {background:rgb(0,0,100);color:white}
#topbar ul ul a{background:white;
         color:rgb(0,0,100);}
#topbar ul ul a:hover {color:white;
         background:rgb(0,0,100);}
body, #page{background:rgb(2,8,90) url(images/bluebody.gif) fixed bottom left repeat-x;
      font-family: "Helvetica", "Arial", sans-serif; 
      background:url(../img/metalback.jpg);
      text-align:center;
      color:black;}
#content h2 a:link, #content h2 a:visited {color:#909;
                        text-decoration:none;}
#optionsAndLinks a:link, #optionsAndLinks a:visited {color:#909}
#logo {background:url(../img/spiderwebWhiteOnBlue.gif) no-repeat;}

#titlePlusNavBar {position:relative;
          background:#005;
          margin:10px auto 0 auto;
          width:68%;
                  text-align:center;
                  border-left:1px solid #005;
                  border-top:1px solid #005;
                  border-right:1px solid #005;
                  border-bottom:0;
                  padding:5px 5px 0 5px;
                  height:auto;
                  -moz-border-radius:5px 5px 0 0;
                  -webkit-border-top-left-radius:5px;
                  -webkit-border-top-right-radius:5px;
                  border-radius:5px 5px 0 0;
                  }
#logo {height:100px;
       float:left;
       width:120px;
       display:none;}
       

.indent {width:90%;
            text-align:left;
            margin:auto;
            }
table {margin:1em auto 0 auto;
       }
tr {margin:0;border:0;}
td {vertical-align:top;
    padding:.5em;
    margin:0;
    color:inherit;
    border:0;}
#content a:link, a:visited {text-decoration:underline;
                   }
#content a:link {color:#33D;}
#content a:visited {color:#88D;}
a:hover, a:active {text-decoration:underline; }
h1    {vertical-align:top;
         font-size:1.5em;
         font-weight:normal;
         margin:0;
        padding:0;
        color:white;
         text-align:center;}

h2     {vertical-align:top;
        padding:0;
        font-weight:bold;
         font-size:1.2em; }

h3 {font-weight:bold;
       text-align:center;
       margin:0;}

#content {
                  border-left:1px solid;
                  border-right:1px solid;
                  border-bottom:1px solid;
          width:68%;
          margin:0px auto 0 auto;
          padding:3em 5px 5px 5px;
            background:white;
          color:#113;
                  -moz-border-radius:0 0 5px 5px;
                  -webkit-border-bottom-left-radius:5px;
                  -webkit-border-bottom-right-radius:5px;
                  border-radius:0 0 5px 5px;
          }
#optionsAndLinks {position:relative;
                  float:right;
                  color:white;
                  width:20%;
                  right:8px;
                  top:0;
                  left:auto;
                  border:1px solid;
                  background:#005;
                  margin:35px 0 0 10px;
                  -moz-border-radius:5px;
                  -webkit-border-radius:5px;
                  border-radius:5px;
                  }
#navbar li.active, #navbar a:link, #navbar a:visited {text-decoration:none;
                   background:rgb(0,0,100);
                   }
#navbar a:visited {color:rgb(200,150,200);}
#navbar a:hover, #navbar a:active {text-decoration:none;
                   color:rgb(0,0,100);
                  background: rgb(100,100,200);
                  }
#navbar li.active {color:red;
                   border-color:white;}
#navbar ul {margin:0;
            padding:0;
           }
#navbar li {list-style-type: none;
            margin:0;
            border:0;
            display:inline;}
#navbar {margin-top:20px;}
          #titlePlusNavBar li {font-size:.9em;}

* html #topbar {position:relative}
/* rules only for IE7 here. IE7 will have an extra div around the whole page (just inside body */
/* #IE7 #optionsAndLinks {background:red}*/



td ul {margin:0;padding:0;}
td ul li{list-style:none}
tr {margin:0;border:0;}
td {margin:0;border:0;}
a:link, a:visited {text-decoration:underline;
                   color:inherit;}
a:hover, a:active {text-decoration:underline; }
.center {text-align:center;}

#bottom {position:relative;
         width:100%;
         text-align:center;}


#navbar {text-align:center;
         color:white;
         border:0;
         margin:0;
         padding:0;
         }
#navbar ul {margin:1.5em 0 0em 0;
            border-collapse:collapse;
            border:0;
            padding:0 0 0px 0;
           }
#navbar li {list-style-type: none;
            border-collapse:collapse;
            padding:0 0 0 10px;
            border:0;
            font-weight:bold;
            display:inline;}

#navbar li span {            padding:0 10px 0 0;
            margin:0  0 0 0px;}

#navbar a:link {text-decoration:none;
                   font-weight:bold;
                   color:white;
                   }
#navbar a:visited {text-decoration:none;
                   color:#CCC}


#navbar li a:hover {
    background:white url(../img/tabLeftUpperCorner.png) no-repeat scroll top left; 
           padding:0 0 1px 10px;
            margin:0 0px 0 -10px;
                   border:0;
           color:#005;}


#navbar li a:hover span {background:white url(../img/tabRightUpperCorner.png) no-repeat scroll top right; 
}





#navbar li.active {background:white url(../img/tabLeftUpperCorner.png) no-repeat scroll top left; 
                    
            margin:0 0 0px  0px;
                   border:0;
            padding-bottom:1px;
           color:#005;}
#navbar li.active span {background:white url(../img/tabRightUpperCorner.png) no-repeat scroll top right; 
                   border:0;
            margin:0 0 0px  0px;
}

/*
 For phpMyBorder -- Round border (add following 8 lines):
*/

    .pmb1_b, .pmb1_s {font-size:1px; }
    .pmb1_1, .pmb1_2, .pmb1_3, .pmb1_4, .pmb1_b, .pmb1_s {display:block; overflow:hidden;}
    .pmb1_1, .pmb1_2, .pmb1_3, .pmb1_s {height:1px;}
    .pmb1_2, .pmb1_3, .pmb1_4 {border-style: solid; border-width: 0 1px; }
    .pmb1_1 {margin:0 5px; }
    .pmb1_2 {margin:0 3px; border-width:0 2px;}
    .pmb1_3 {margin:0 2px;}
    .pmb1_4 {height:2px; margin:0 1px;}
    .pmb1_c {display:block; border-style: solid ; border-width: 0 1px;}

#slideshow { 
  z-index:1;
  float:left;
  padding-right:1em;
}
#tagline p {
  margin:0;
  padding:0;
}

#tagline ul {
  margin:.2em 1em;
  padding:0;
  display: inline-block;
}
#tagline li {
  list-style-type:disc;
}