

body {
  
   margin: 0;
   padding: 0;
   color: #000;
   font:x-small/1.5em "Lucida Grande", sans-serif;
   voice-family: "\"}\""; voice-family: inherit;
   font-size: small;
} html>body {font-size: small;}


#menu {
	float: left;
	width: 100%;
	background: #ffffff;

	line-height: normal;
}

#menu ul {
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
}

#menu li {
	display:inline;
	margin: 0;
	padding: 0;

}

#menu a {
	float: left;
	background: url('http://www.ara.bc.ca/images/left-both.gif') no-repeat left top;
	margin: 0;
	border-bottom: 1px solid #765;
	text-decoration: none;
	font-size: 85%; padding-left:9px; padding-right:0; padding-top:0; padding-bottom:0
	}

#menu a span {
	float: left;
	display: block;
	background: url('http://www.ara.bc.ca/images/right-both.gif') no-repeat right top;
	font-weight: bold;
	color: white; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px
}
	/*Commented Backslash Hack hides rule from IE5-Mac\*/
	#menu a span {float:none;}
	/*End IE5-Mac Hack*/
	#menu a:hover span {
	color: #333;
	}
	
#menu #current a {
	background-position: 0 -150px;
	border-width: 0;
}



#menu #current a span {
	background-position: 100% -150px;
	padding-bottom: 5px;
	color: #333;
}



#menu a:hover {
	background-position: 0% -150px;
	
}

#menu a:hover span {
	background-position: 100% -150px;
}


#content {
	width: 98%;
	padding: 20px;
	
}

#paragraph {
   clear: left;
   margin: 10px;
   
}

#header {
   width: 100%;
   float: left;
   margin: 0 auto;
   min-height: 182px;
   background: #ffffff url(images/headerpublishing.jpg) no-repeat;
   
}

#container {
	margin: 6 auto;
	width: 100%;
}

#corner {
   margin: 0;
   padding: 0;
   
}


.box {
	float:left;
	width: 100%;
	color: #cccccc;
	background: url("images/rounded-right.jpg") top right no-repeat;
}

.boxtop {
	margin: 0;
	padding: 14px 16px 0 14px;
	background: url("images/rounded-left.jpg") top left no-repeat;
}

.box-p1 {
	margin: 0;
	padding: 0 0 0 14px;
	background: url("images/rounded-left.jpg") bottom left no-repeat;
}

.box-p1 em {
	display: block;
	padding: 0 14px 14px 0;
	font-style: normal;
	background: url("images/rounded-right.jpg") bottom right no-repeat;
}

P.j	{text-align:justify;
	 font:normal 8pt verdana, sans-serif, arial;
	 color:black}
	 
P.l {text-align:left;
	font:normal 8pt verdana, sans-serif, arial;
	 color:black}
	 
P.c	{text-align:center;
		font:normal 8pt verdana, sans-serif, arial;
	 color:black}
	 
P.r	{text-align:right;
		font:normal 8pt verdana, sans-serif, arial;
	 color:black}
	 
P.s		{text-align:center;
			font:normal 8pt arial; color:black}
			
p.menu {text-align:left; 
		font:normal 8pt arial;
		color:black}
		
p.wmenu {text-align:right; 
		font:normal 8pt arial;
		color:white}
			
ul	{text-align:left;
	font:normal 8pt verdana sans-serif, arial;
	 color:black}
	 
li	{text-align:left;
	font:normal 8pt verdana, sans-serif, arial;
	 color:black}

 
H1	{text-align:left;
	 font:bold 14pt verdana, sans-serif, arial;
	 color:black}

H2	{text-align:left;
	 font:bold 12pt verdana, sans-serif, arial;
	 color:black}
	 
H3	{text-align:right;
	 font:bold 16pt verdana, sans-serif, arial;
	 color:red}
	 
H4	{text-align:center;
	 font:bold 16pt verdana, sans-serif, arial;
	 color:black}

H5	{text-align:left;
	 font:bold 8pt verdana, sans-serif, arial;
	 color:red;
	 text-decoration:underline;
	 }
	 
H6	{text-align:left;
	 font:bold 10pt verdana, sans-serif, arial;
	 color:black;
	 text-decoration:underline;
	 }
	 
A.blk:link	{color:black; text-decoration:none}
A.blk:visited	{color:black; text-decoration:none}
A.blk:hover	{color:blue; text-decoration:underline}

A.wht:link {color:white; text-decoration:none}
A.wht:visited {color:white; text-decoration:none}
A.wht:hover {color:yellow; text-decoration:underline}

A.blu:link {color:blue; text-decoration:none}
A.blu:visited {color:blue; text-decoration:none}
A.blu:hover {color:green; text-decoration:none}

A.blu2:link {color:blue; text-decoration:none}
A.blu2:visited {color:blue; text-decoration:none}
A.blu2:hover {color:green; text-decoration:none}

A.menu:link {color:#990000; text-decoration:none}
A.menu:visited {color:#990000; text-decoration:none}
A.menu:hover {color:green; text-decoration:underline}