/* CSS Document */
body { max-width: 1200px; }

a:link { color:#000066; text-decoration: underline; }

div#content img {margin: 10px; padding: 5px; border: 1px #ccc solid; }

div#content .noborder {border: none;} 
div#content .nopadding {padding: none;}

body {font-family: Arial, Helvetica, sans-serif; text-align:center; color: #333333; }
div#container { text-align:left; margin-right: 10%; margin-bottom: 5px; margin-left: 10%; padding: 5px; max-width: 1200px; min-width: 750px; background-color: #fff; }
div#header {height: 135px; background-image:  url("/style/header.png"); background-repeat: repeat-x; background-position: left; }
div#header a img {border:none;}
div#header div.logo {background-image:  url("/style/rightheader.png"); background-repeat: no-repeat; background-position: right;}
div#header h3 {display: none; }
div#page {margin: 0px; padding: 0px; }

/* Alternate Style for a background color or image (the "container" div won't hold proply if both the content and nav divs are floated)
div#content { top: 150px; left: 0; width: 65%; }
div#navbar { position: absolute; top: 160px; left: 65%; width: 20%;}
*/

div#content {background-color: #FFFFFF; width: 65%; margin: 0px; padding: 5pt; margin-left: 35px; float:left;}
div#navbar { width: 25%; margin: 0px; margin-right: 15px; padding: 4px; float: right; color: #333333;}

div#footer {clear: both; text-align: center; font: Arial, Helvetica, sans-serif; font-size: 80%; color: #999999; margin: 150px;  }
div#content h2 {color: #996600; font-weight: 700;}
div#content h3 {font-style: italic; }


div#navbar ul {
	color: #333;
	background-color: #fff; 
	list-style-type: none; /* get rid of the bullets */
	padding:0;             /* no padding */
	margin:0;              /* no margin for IE either */
	font-weight: bold;
}

div#navbar ul li {
  margin: 0;
  padding: 0;
  background-color: #fff;
  display:block;
  border-top: 1px dashed #999; /* lines */
}

.top { border: none;}

div#navbar ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: #333333;
  background-color: #fff;
  padding: 3px 3px 3px 23px;
  margin:0;
  text-decoration: none;
/*   height:15px;           hint for IE, alternatively remove whitespace from HTML */
}

div#navbar ul ul li a {
  margin-left: 15px;     /* indent level 1 */
}

div#navbar ul ul ul li a {
  margin-left: 25px;     /* indent level 2 */
}

div#navbar li ul, div#navbar li.open li.closed ul {
  display: none;         /* collapse */
}

div#navbar li.open ul {
  display: block;        /* expand */
}
 
div#navbar ul li.open a {
  background-image: none;
  }

div#navbar ul li.closed a {
  background-image: none;
}

div#navbar ul li.leaf a {
  background-image: none;
}
 
div#navbar li.active a {
  background-position: 0px -20px;
  color: #996600;            /* highlight text */
}
 
div#navbar li.active li a {
  background-position: 0px 0px;
  color: #333333;          /* fix lower levels */
}

div#navbar ul li a:hover {
  color: #8EB22F;
  background-color: #ffffff; /* rollover effect */
}