body {
	margin-top:0px;
	margin-left:0px;
	padding-top:0px;
	padding-left:0px;
	font-family:verdana;
	font-size:12px;
	order:solid 1px red;
	width:95%;
}
td {
	font-family:verdana;
	font-size:11px;
}

img {
	border:none 0px;
}
#header{
	height: 109px
}
select { font-size:9px;}
/* this is the body div where the information on each page will go. there is no padding in here
   because of IE5.5.  The graphic that goes at the top of the body will have to be moved left
   the same amount of padding (because it is the same size as the body), but IE5.5 won't subtract
   that amount, and makes the body that much larger.*/
#body {
	ackground-color:#ccccff;
	position:absolute;
	top:109px;
	left:133px;
	width:627px;
	adding-bottom:15px;
	argin:0px 0 15px 0;
	order:solid 1px;
}

/* page title of each page that corresponds to the left menu item selected*/
#pageTitle {
	padding:10px 0px 5px 15px;
	font-size:24px;
	font-weight:bold;

}

/* images that are floating to the right (and probably at the top of the page */
img.floatRight {
	float:right;
	margin-top:7px;
}

/* this is to simulate the blockquote tag. */
.blockquote {
	margin-left:40px
}

/* I can't put any padding in the body <div> (because of IE5.5), so I have to add the padding to
	the tags in the body <div> */
p {
	padding-left:15px;
}

/* this is for when there needs to be extra space between each bulleted list. */
ul.lists li, ol.lists li {
		padding-bottom:15px;
	}
/*changes h2 to the same padding as pageTitle and p tags--colours are changed within each page*/
h2 {
	padding-left:15px;
}
/*changes h3 to the same padding as above--colours are changed within each page*/
h3 {
	padding-left:15px;
	font-size:18px;
}
/*changes h4 to the same padding as above--colours are changed within each page*/
h4 {
	padding-left:15px;
}
/*changes h5 to the same padding as above--colours are changed within each page*/
h5 {
	padding-left:15px;
	font-size:13px;
}

hr {
	margin:0 15px 0 15px;
	width:95%;
}

/* this is the graphic that goes at the top of the body div on some of the pages.*/
.topGraphics {
	position:relative;
	top:0px;
	left:0px;
	padding:0;
	margin:0;
	display:block;
}

/* the look for the top navigation bar. any extra features should be put into a
	separate stylesheet that is specified in the xml file.

	topNavigation - the bar that extends the entire length, and contains menu items
	topNavigationItems - the DIVs that contain the menu items
	topNav - the style for the A tags in the top navigation.
	topNav:hover - the hover style for the A tags
*/
.topNavigation {
	position:relative;
	width:760px;
	background-color:#046958;
	height:28px;
	padding:0;
	margin:0;
	left:0px;
	top:-2px;
}
.topNavigationItems {
	position:absolute;
	top:-2px;
	order-style:solid;
	order-width:1px;
	idth:121px;
	padding:0px;
	text-align:center;
	font-size:12px;
	height:28px;
	cursor:pointer;
	cursor:hand;
	color:#000000;
}
.topNavigationItemsHover {
	color:#000000;
	background-color:#ffffff;
}
.topNavSelect {
	color:#000000;
	cursor:default;
}

/* If a page doesn't need this line, set display:none, else set the proper colour in each stylesheet. */ 
.horizontalLine {
	position:absolute;
	width:627px;
	height:3px;
	left:133px;
	top:104px;
	
	background-color:#ff0000;
}

/* the look of the top navigation menus.  Any extra features should be in the stylesheet spcified
	in the xml document.


	subMenus - set the look of the submenus
	subMenus a - set the look of the A tags in the submenus
	subMenus a:hover - set the rollover look of the A tags in the submenus
*/
.subMenus {
	background-color:#ffffff;
	padding:5px 10px 5px 10px;
	display:none;
	position:absolute;
	border-style:solid;
	border-width:3px;
	border-color:#bbbbbb #000000 #000000 #bbbbbb;
	-moz-border-radius:0 0 15px 15px;
	z-index:5;
}

.subMenus a {
	color:#000000;
	font-size:10px;
	display:block;
	text-decoration:none;
	line-height:16px;
	padding-left:5px;
	padding-right:5px;
}

.subMenus a:hover {
	color:#ffffff;
	background-color:#000000;
	-moz-border-radius:7px;
}