html, body, h1, #header, #menu, #main, #footer, p { margin:0; border:0; padding:0; }

html { height:100%; }

body {
   background-color:#336699; color:#ffffff;
   padding:1.0em 0;
   font-family:tahoma, helvetica, arial, lucida, sans-serif;
   font-size:0.85em;
}

a {
   color:#99ccff;
   margin:0; border:0; padding:0;
   text-decoration:none;
}

a.ext {
   background:url('../img/ext.png') right center no-repeat;
   padding-right:1.0em;
}

a:link, a:visited {
   border-bottom:1px dotted #99ccff;
}

a:hover, a:active {
   border-bottom:1px solid #99ccff;
}

.darkenBackground {
   background-color:#000000;
   opacity:0.7; /* Safari, Opera */
   -moz-opacity:0.70; /* FireFox */
   filter:alpha(opacity=70); /* IE */
   z-index:20;
   height:100%;
   width:100%;
   background-repeat:repeat;
   position:fixed;
   top:0;
   left:0;
}

.onDarkened {
   background-color:#abcdef;
   color:#000000;
   margin:0 auto; border:0; padding:5.0em;
   position:absolute;
   top:10.0em;
   z-index:10;
}




#wrapper {
   background-color:#666666;
   margin:0 auto; border:1px solid #000000; padding:0;
   width:45.0em;
}

#header {
   background-color:#000000;
   width:100%;
   clear:both;
}

#header img {
   width:100%;
}

#header h1 {
   padding:0.5em 0.2em;
   font-size:1.5em;
   float:left; display:inline;
}

#header a {
   float:right;
   margin-top:1.2em;
   margin-right:0.5em;
}

#menu {
   background-color:#000000;
   width:100%;
   clear:both;
}

#main {
   padding:0.5em;
   clear:both;
}

#footer {
   background-color:#000000;
   padding:0.5em 0;
   width:100%;
   clear:both;
}

#footer p {
   font-size:0.9em;
   text-align:center;
}



.left {
   width:49.9%;
   float:left;
}

.right {
   width:49.9%;
   float:right;
}

.whole {
   float:left;
   width:100%;
}

.blurb {
   margin:0 auto; border:0; padding:0.5em;
}

.blurb h2 {
   background-color:#000000;
   margin:0; border:2px inset; padding:0.4em;
   font-weight:bold;
   font-size:1.2em;
}

.content {
   background-color:#993333;
   margin:0; border:2px inset; padding:1.0em;
}

.content ul {
   margin:0; border:0; padding:0 1.0em 0 2.0em;
}

.content h3 {
   margin:0; border:0; padding:0;
   font-variant:small-caps;
   font-weight:bold;
   font-size:1.1em;
}

.content h3 span {
   text-decoration:underline;
}

.med {
   margin:0 auto;
   width:26.0em;
}





#menuOpts {
   margin:0; border:0; padding:0;
}

#menuOpts li {
   list-style:none;
   float:left;
}

#menuOpts li a {
   float:none;
   background-color:#993333; color:#ffffff;
   margin:0; border:1px solid #000000; padding:0.3em 0.5em;
   display:block;
}

#menuOpts li a:hover, #menuOpts li a:active {
   background-color:#ffffff; color:#993333;
   border:1px solid #000000;
}

#menuOpts li a.firstMenu, #menuOpts li a.firstMenu:link, #menuOpts li a.firstMenu:visited,
#menuOpts li a.firstMenu:hover, #menuOpts li a.firstMenu:active {
   border-left:0;
}

#menuOpts li a.current, #menuOpts li a.current:link, #menuOpts li a.current:visited,
#menuOpts li a.current:hover, #menuOpts li a.current:active {
   background-color:#666666; color:#ffffff;
   border-bottom:1px solid #666666;
}