* {border:0; margin:0; padding:0; color: black}

body{
   font-family: "Trebuchet MS", Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
   text-align: center;
   font-size: 9pt;
   color: black;
   background-color: #333333;
}

h1, h2, h3, p, form, img, table {
   margin-left: 25px; margin-right: 25px; 
}
h1, h2, h3{ 
   margin-top: 1em; 
   text-align:left; 
}

h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; font-style: italic}

p {
   font-size: 110%;
   margin-top: 12pt;
   line-height: 1.1em;
}

input, select, textarea{
	font-family: Georgia, "MS Serif", "New York", serif;	
	font-size: 120%;
   font-weight: bold;
   color: #333333;
   padding:1px;
   border: 1px solid gray;
   background-color: #EEEEEE;
   margin: 1px 1px 0 1px;
}


.noborder {
   border: 0;
   background-color: white;
}

.slugline {
   margin-top: 0;
}

.button{
   color: black;
}

div#page {
   text-align: justify;
   background-color: white;
   min-height: 510px;
   width: 770px; 
   border: 1px solid black;
   margin-top: 5px;
   margin-left: auto;
   margin-right: auto;
} 

div#scrn{
   height: 476px; /* -- -- set minimum page height here -- -- */
   float: right;
   width: 0px;
}

div#topbar {
   background-color: #800000;
   height: 10px;
   margin-bottom: 60px;
}

div#bottombar {
   background-color: #800000;
   height: 10px;
}

div#banner {
   border-style: solid;
   border-color: #800000;
	border-bottom-width: 5px;
	border-top-width: 5px;
   width: 770px;
   height: 144px; 
   background-image: url(images/banner.jpg);
   background-repeat: no-repeat;
   display: block;
}

div#nav {
   position: absolute;
   top: 50px;
   width: 770px;
   height: 40px;
   font-size: 110%;
   font-weight: bold;
   list-style: none;
   text-align: left;
   display: block;
}
div#nav ul { margin-left: 25px; margin-right: 25px; }
div#nav li {float: left;margin: 5px 0 0 0;list-style: none;	}
div#nav a {float: left;padding: 0 7px 0 7px;text-decoration: none; }
a#nav1 {margin-left: -7px; }
div#nav a:hover {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: black;
}

div#content {
   display: block;
}

div#callout {
   display: inline;
   float: right;
   width: 200px;
   margin: 0 25px 25px 25px;
}


p#quoted {
   border-style: solid;
   border-color: #800000;
   border-bottom-width: 5px;
   border-top-width: 5px;
   background-color: #f1eded;
   background-image: url(images/quotemark.gif);
   background-repeat: no-repeat;

   margin: 0 0 10px 0;
   text-align: center;
   font-size: 120%;
   font-weight: bold;
   font-style: italic;
   padding: .8em 2em .8em 2em;
}

div#contact_info, div#topics, div#about {
   display: inline;
   float: right;
   margin: 25px;
   width: 250px;
   border-style: solid;
   border-color: #800000;
	border-bottom-width: 5px;
	border-top-width: 5px;
   background-color: #f1eded;
   background-repeat: no-repeat;
   text-align: left;
}

div#about p {
   font-size: 90%;
   margin-bottom: 1em;
}

div#contact_info h2, div#topics h2, div#about h2 {
   font-size: 140%;
   margin-top: 5px;
   margin-bottom: 1em;
   text-align: center;
}

div#contact_info address{
   margin: 0 5px 0 25px;
   margin-bottom: 1em;
}

div#contact_info img, div#topics img, div#about img {
   border:2px solid #800000; margin-bottom: 5px;
}

div#topics ul{
   margin-bottom: 1em;
}

div#topics li{
   list-style: none;
   margin: 0 5px 0 25px;
}

div#facilitators strong {
   margin: 0 25px 0 25px;
}
div#facilitators p {
   margin-top: .2em;
   margin-bottom: 1.4em;
}


.left { float: left; }
.right { float: right; }
.clearit{ clear: both; }


div#footer{
   margin: 0 10px 10px 10px;
   height: 30px;
   clear: both;
   font-size: 75%;
}

div#footer a{
   text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: black;
}

div#footer a:link, div#footer a:visited {
	color: black;
}

div#footer a:hover {
	color: black;
	border-bottom-style: solid;
}

#design {
   width: 20%;
   display: inline;
   text-align: left;
   float: left;
}

#copyright {
   width: 20%;
   display: inline;
   float: right;
   text-align: right;
}

#address {
   display: inline;
   float: left;
   text-align: center;
}

.form_label {
   font-weight: bold;
   text-align: right;
   padding-right: 3px;
}

p.err_msg {
   color: red;
}

#flash_slideshow {
   float: right;
   width: 300px;
   border-top: 5px solid #800000;
   border-bottom: 5px solid #800000;
   margin-right: 2em;
   margin-left: 2em;
}

#slideshow {
   float: right;
   width: 300px;
   border-top: 5px solid #800000;
   border-bottom: 5px solid #800000;
   margin-right: 2em;
   margin-left: 2em;
}

#slideshow img {
   margin: 0;
}

#videoplayer {
   width: 320px;
   float: left;
}

#video_cmd {
   float: left;
   margin-top: 20px;
   margin-left: 8px;
}