body {
	background-color: #FFFFFF;
	position: relative;
	left: 1em;
	width: 45em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.header {
	height: 10em; 
	/* Change this height if you have a larger banner. Making the height of the header the same means the menu appears in the same place on the screen for all pages. */
}
.content {
	padding-left: 1em;
	border-left-width: thin;
	border-left-style: none;
	border-left-color: #CCCCCC;
}
a:link { color: #003366; text-decoration: underline }
a:visited {
	color: #999999;
	text-decoration: underline;
}
a:hover { color: #57769f }
a img {border: none; }
h1 {
	/* Use for Page Titles, including Topic Names. The color should be changed for different courses to match the theme. */
	font-size: large;
	font-weight: bold;
	color: #99001A;
	text-align: left;
	margin-bottom: 1em;
}
h2  {
	/* Use for titles such as Overview- not used on most pages */
	color: #006699;
	font-size: x-large;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h3  {
	/* Use for section titles */
	color: #666666;
	font-size: large;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
}
h4 {
	/* Use for Activity titles */
	color: #009933;
	font-size: large;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
}
h5 {
	/* Use for subsections in Activities or Key Information */
	font-size: medium;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h6 {
	color: #003366;
	font-size: small;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.footer {
	font-size: x-small;
	padding-top: 1em;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #999999;
	text-align: center;
}
.xsmall {
	font-size: x-small;
}
.margintop {
	margin-top: 1em;
}
.marginleftbottom {
	margin-left: 1em;
	margin-bottom: 1em;
}
.marginrightbottom {
	margin-right: 1em;
	margin-bottom: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
}
.margintopbottom {
	margin-top: 1em;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

.screenshot {
	text-align: right;
	margin-top: 1em;
	margin-bottom: 1em;
}
.marginright {
	margin-right: 1em;
}
.header img {
	margin-right: 0.5em;
}
.indent {
	margin-left: 5em;
}
.sidebar {
	background-image: url(../Course Shell 31Mar07/images/clipart/BOCEsidebar3.gif); /*This image will need to be changed for other course themes and colors. Pick something that can be tiled, at least vertically. This one is done with an image (the connections) and a gradiated color which matches the background color. This allows the box to expand horizontally for larger font sizes as well as vertically.*/
	background-repeat: repeat-y;
	float: right;
	width: 13em;
	margin-left: 0.5em;
	background-color: #CDFFCD;
	padding-left: 3.5em;
	border: medium double #000000;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	background-image: url(images/clipart/BOCEsidebar3.gif);
}
.sidebarheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	color: #333333;
	font-weight: normal;
}
caption {
	font-size: medium;
	font-weight: bold;
}
.shaded_content {
	background-color: #CDFFCD;
	margin-right: 3em;
	margin-left: 3em;
	padding: 1em;
	border: medium groove #666666;
}
.extra_nav {
	background-color: #E7FEE0;
	width: 70%;
	border: medium groove #666666;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.hanging_indent {
	text-indent: -3em;
	margin-left: 3em;
}
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 43em; /*For KHTML*/
  list-style: none;
  height: 2em;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 2em;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 12em; /*controls width of secondary menus*/
  list-style: none;
  display: none;
  position: absolute;
  top: 2.2em;
  left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 0.1em/0em serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 12em;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  border: 0.1em solid #FFF;
  border-right-color: #999999;
  border-bottom-color: #999999;
  padding: 0 0.75em;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #009980;
  color: #CCCCCC;
  font: bold 1em/2em Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #00D6B3;
  color: #FFFFFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #D8E2FC;
  color: #666666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #00D6B3;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #D8E2FC;
  color: #999999;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #00D6B3;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #D8E2FC;
  color: #0099CC;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #000066;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 12em;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}
.hidden {
	color: #FFFFFF;
}
a.hidden {
	color: #FFFFFF;
}
.breadcrumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.imageright {
	/*Use for images on the right side of the text.*/
	float: right;
	margin-bottom: 1em;
	margin-left: 1em;
}
.imageleft {
	/*Use for images on the left side of the text.*/
	float: left;
	margin-bottom: 1em;
	margin-right: 1em;
}
.sidebarquote {
	font-family: Georgia, "Times New Roman", Times, serif;
}
.foldmenuBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	font-size: 14px;
}
.content .dhtmlgoodies_answer .style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}