*{
padding: 0;
margin: 0;
}

img { border-style: none;
}

p { font-size: 95%;
color: black; 
font-weight: normal;
padding: 2px; text-align: justify;
line-height: 1.5em;}

h1 { font-weight: bold; font-size: 105%; padding-left: 2px;
}

h2 { font-weight: bold; font-size: 135%; text-align: center; font-style: italic; line-height: 1.5em; letter-spacing: .07em;
margin-bottom: 30px;}

h3 { font-weight: bold; font-size: 95%; text-align:left; padding-bottom: 5px; padding-left: 3px; padding-top: 5px;}

h4 { font-weight: bold; font-size: 95%; text-align:left; padding-bottom: 5px; padding-left: 3px; padding-top: 5px; font-style: italic;}

h5 { margin-left: 305px; font-size: 115%; border: 1px solid #ababab; text-align: right; width: 350px; padding-right: 20px; 
}

h6 { font-weight: bold; font-size: 125%; text-align:left; padding-bottom: 5px; padding-left: 3px; padding-top: 5px; color:#fff; text-align: center;}

h1 span{ font-weight: bold; font-size: 125%; padding-left: 2px; letter-spacing: .1em;
}

a { border: none; text-decoration: none; list-style-type: none; color: #000; }

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

br { line-height: 1em;
}

body { font-family: "Arial Narrow",sans-serif;
margin: 0; border: none; font-size: small;
padding: 0; background-image: url(images/proBkgd.jpg);
}

#introMovie { margin: 100px auto; width: 640px; height: 430px;
background: #000; }

#wrap { margin: 30px auto; width: 800px; height: auto; }

#header { width: 800px; height: 185px; background: url(images/Overview.jpg) no-repeat top right #000;
}

#menubar {width: 800px; height: 22px; background: #000; padding: 3px 0 3px 2px;
}

#mainContent1 { background: #fff; width: 800px; height: auto; padding-top: 30px; }

#mainContent2 { background: #fff; width: 800px; height: auto; }

.indexText { width: 230px; height: auto; float: left; display: inline;
margin-left: 20px; }

.indexTextT { width: 230px; height: auto; float: left; display: inline;
margin-left: 30px; padding-bottom: 30px;}

.indexTextT p{ text-align: left;
}

.indexText ul { padding-left: 18px;
}

.indexText li{ padding-bottom: 8px;
}

.indexText span { font-style: italic;
}

.walText { width: 392px; height: auto; float: left; display: inline;
margin-bottom: 20px;
}

.walText2 { width: 256px; height: auto; float: left; display: inline;
padding-left: 15px;
}

#walImg {width: 390px; height: 945px; float: left; display: inline;
}

#lidoBtn { position: relative; margin-left: -90px; margin-top: 20px;
float: left; display: inline;}

.compHolder { width: 370px; height: auto; padding-left: 20px; float:left;
display: inline;}

.bodyText { width: 214px; height: auto; padding-bottom: 30px; display: inline; float: left;}

.bodyText p { line-height: 1.25em; 
}

.pic{ float: left; width: 144px; height: 144px; margin-right: 10px; display: inline;}

#picBtns { width: 800px; height: 150px; background:#000;
}

#picBtns a img { border-style: none;
}

#zeb {width: 350px; margin: 10px auto; padding-bottom: 30px; margin-bottom: -15px;
}

/*navigation */

.menu {letter-spacing: 1px; line-height: 1.5em; width: 100%; font-size: 85%; z-index: 100; background:#000; text-align: center;}

.menu a { float:left;
      background:url("images/tabrightI.jpg") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none; overflow:hidden;}

.menu a span {
      float:left; width: 128px;
      display:block; padding-bottom: 2px; padding-top: 3px;
      background:url("images/tabrightI.jpg") no-repeat left top;
      text-align: center;
      color:#fff;
      }

 /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .menu a span {float:none;}
    /* End IE5-Mac hack */
    .menu a:hover span {
      color:#fff;
      }
    .menu a:hover {
      background-position:0% -42px;
      }
    .menu a:hover span {
      background-position:100% -42px;
      }

 .menu a.current {
      background-position:0% -42px;
      }

 .menu a.current span {
      background-position:100% -42px; color:#ababab;
      }

.menu ul li {float:left; margin-right:1px; position:relative; list-style-type: none;}


/*----the following are for the form page-----*/

fieldset {
margin: 20px 0 0 30px;
padding: 1em;
border: 1px solid #ccc;
width: 620px;
line-height: 1.5em; }

fieldset#event {
background: transparent; }

fieldset#event div { width: 8em; float: left; margin-left: 40px; }
fieldset#event label { width: 3em; float: none; display: inline;}

legend {font-weight: bold; color: #424242; }

textarea {
width: 400px; height: 100px;}

label {float: left; width: 10em; }

input[type="text"] { width:300px; }

input.submit {width: auto; }

input:focus, textarea:focus { background:#ffc;}
/*----end for the form page-----*/

.clear { clear: both; 
}

#footer { width: 800px; height: 30px; margin-bottom: 10px; background:#000; text-align: center;
}

#footer a {
line-height: 2em;
text-decoration: none;
color: #fff;
 }

#footer a:hover { color:#545454; border: none;}


img, div { behavior: url(iepngfix.htc) }

#MBD { width: 450px; height: 20px; background: url(images/MBDbkgd.png) no-repeat; margin: 5px auto; font-size: 80%; font-family: "Century Gothic", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif; text-align: center; color: #666; padding-top: 4px;
}

#MBD a{ color: #666; text-decoration: none; text-align: center; font-family: "Century Gothic", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}

#MBD a:hover {
text-decoration: underline;
color: #3366ff;
}