/* CSS Document */
body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
background-image:url(imgs/side_line.jpg);
background-position:left;
background-repeat:repeat-y;

}

#textarea1{
margin: 15px 5px 15px 5px;}

#pagetitle{
font-size : 1.6em;
font-family : Arial, Helvetica;
  font-weight : bold;
  font-style : normal;
  color: #FFFFFF;}

h1{  font-size : 1.6em;
font-family : Arial, Helvetica;
  font-weight : bold;
  font-style : normal;
  color: #006699;
}

h2{
font-size : 1.4em;
font-family : Arial, Helvetica;
  font-weight : bold;
  font-style : normal;
  color: #006699;
  margin: 0px;
  padding: 0px;}

h3{font-size : 1em;
font-family : Arial, Helvetica;
  font-weight : bold;
  font-style : normal;
  color: #006699;
  margin: 0px;
  padding: 0px;}


#textarea1 ul li{
	list-style-image: url('imgs/ul_dot.jpg');
	list-style-type: disc;
	font-size: 0.8em;
	color:#555555;
}

#textarea1 ol li{
	list-style-type:upper-roman;
	font-size: 0.8em;
	color:#555555;
}

pre{
	font-family:Courier New, Courier, mono;
	font-size: 0.8em;
	margin: 15px;
	padding: 10px;
	border: 1px dotted #abcdef;
}
#textarea1 pre a:link, #textarea1  pre a:visited, #textarea1  pre a:active, #textarea1  pre a:hover{
	color: #000000;}

p{
	font-size: 0.8em;
	color:#555555;}
	
#textarea1 a:link, #textarea1 a:visited, #textarea1 a:active{
	text-decoration: none;
	color: #006699;
}

#textarea1 a:hover{
	text-decoration: underline;}
	
	/*NAVIGATION*/
/* Below is a set of CSS rules that will allow you to style the drop down menu bar. */

/* note: the term 'dropdown' refers to the second level menus, which drop down vertically. */
/* note: the term 'flyout' refers to the third level menus, which stick out from the second level drop down menus. */
/* note: you need to change #menubar to reflect the name of the menubar you are styling.
    if the menubar is called 'henry', then change #menubar to #henry
*/

/* use this to style the main menu */
#menubar1 ul.horizontal li.level1 {
  height: 22px;
  padding: 0px;
  padding: 2px 10px 2px 10px;
  border-right: 1px #999999 solid;
  white-space:nowrap;
}

/* controls the root menu's list item links, use this to style the main menus links */
#menubar1 ul.horizontal li.level1 a {
  font-size : 14px;
  font-family : Arial, Helvetica;
  font-weight : bold;
  font-style : normal;
  color: #006699;
  text-decoration: none;
}

/* controls the root menu's list item links when a cursor is over them (mouseover) */
#menubar1 ul.horizontal li.level1 a:hover {
  color: #999999;
}

/* this controls the style of the dropdown and flyout menus, A great deal of the styling will be done here, probably. */
/* note that the comma needs to be there, don't remove it. */
#menubar1 ul.dropdown,
#menubar1 ul.flyout {
  width: 160px;
  border: 1px solid #999999;
  background-color: #ABCDEF;
}

/* this controls the styles of the list items that are in the dropdown and flyout menus.
/* note that the comma needs to be there, don't remove it. */
#menubar1 ul.dropdown li.level2,
#menubar1 ul.flyout li.level3 {
  border-bottom: 1px #C1C1C1 solid;
}

/* this controls the styles of the list item's links that are in the dropdown and flyout menus */
/* note that the comma needs to be there, don't remove it. */
#menubar1 ul.dropdown li.level2 a,
#menubar1 ul.flyout li.level3 a {
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  color: #006699;
  padding: 2px 4px 2px 5px;
}

/* this controls the style of the list item's links that are in the dropdown and flyout menus when a cursor is over them. (mouseover) */
/* note that the comma needs to be there, don't remove it. */
#menubar1 ul.dropdown li.level2 a:hover,
#menubar1 ul.flyout li.level3 a:hover {
  color: #006699;
  background-color: #DAE0D2;
}