@charset "UTF-8";
/* CSS Document */


<!-- 
hr.dividerhr { line-height:12px; padding:0px; margin:4px; margin-left:0px; margin-right:0px;}
div.selected { background-color:#FFFFFF; text-align:center; padding:5px;}
div.selected h2 {margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
div.selected h3 {margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
div.selected h4 {margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
div.selected p {margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
div.selected h4 em {color:#999999; font-size:12px; text-decoration:none; font-style:normal;}

div.unselected h2 {margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
div.unselected h3 {margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
div.unselected h4 {margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
div.unselected p {margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
div.unselected h4 em {color:#999999; font-size:12px; text-decoration:none; font-style:normal;}

div.unselected { background-color:#F2F2F2; text-align:center; padding:5px;}
td.alignright { text-align:right; width:140px; vertical-align:top;}
p.title em { color:#999999; font-size:12px; text-decoration:none; font-style:normal;}
p.title { color:#999999; font-size:12px; text-decoration:none; font-style:normal;}
h4 em { color:#999999; font-size:14px; text-decoration:none; font-style:normal; font-weight:normal;}
.widthsetter { width:700px;}
.widthrightside { width:160px;}
table td {padding:0px; margin:0px; border:0px black solid;}
.alignleft {text-align:left; padding-left:5px; vertical-align:top;}



#homepagead { 
border : solid 1px red;
width: 150px;
float:right;
margin:0px;
padding:0px;
}
#homepagead a {
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#000;
	padding:0px;
	
	text-align: center;
	width: 146px;
	}
#homepagead p{
	padding:2px;
	padding-top:0px;}


form {width:300px; background-color:#CCCCFF; padding:20px; border:#666666 1px solid;}
h3.form {  width:100px; float:left; margin:0px; padding:0px; padding-bottom:10px;}
input {clear:both; margin-bottom:10px; }




table.biotable {margin:0px; padding:0px; padding-bottom: 5px;}
table.biotable td {vertical-align: top;}
.spaceleft10 {padding-left:10px;}
a.faqlist {font-size:12px; color:#005aeb; line-height: 12px; padding:2px;}
a:hover.faqlist {background-color:#ff3300; color:#fff;}
a:visted.faqlist {color:#005aeb;}

.margingiver { margin-left: 25px; margin-right:25px; padding-bottom:5px; padding-top:5px; text-align:left;}

.margingiver p {font-size: 12px; color:#222;}
.margingiver h2 {font-size: 16px; color:#ff3300;}
.margingiver h3 {font-size: 14px; color:#005aeb;}
.margingiver h3 em {padding-left:10px;}
.margingiver h4 { font-size: 14px; color:#222; margin-top:0px; margin-bottom:0px;}
.margingiver h4 em {font-size: 12px; color:#333;}

h4.red {color:#ff3300;}
.margingiver ul {font-size: 12px; color:#222;}
.margingiver li {font-size: 12px; color:#222;}
.margingiver em {font-size: 12px; color:#333;}

.margingiver h4.position {font-size:12px; padding-top:0px; margin-top:0px; color:#222; padding-bottom:5px; }

.margingiver h3.staffname {font-size: 14px; color:#005aeb; padding-bottom:0px; margin-bottom:0px; margin-top:0px;}
.margingiver h3.staffname em {padding-left:10px; color:#aaa; font-size:14px;}

.margingiver table tr td {font-size: 12px; color:#222;}




body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
background-image:url(http://abacentre.ca.s12536.gridserver.com/workspace/images/body-topbkg.gif); background-repeat:repeat-x; background-position:top;
}
img {margin:0px; padding:0px;}
div {margin:0px; padding:0px;}

.twoColFixLtHdr #container { 
	width: 945px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #header { 
	marging:0px;
	padding:0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.twoColFixLtHdr #sidebar1 img {
padding:0px;
border: 0px;
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 178px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 /* the background color will be displayed for the length of the content in the column, but no further */
	padding:0px;
border: 0px;
background-image:url(http://abacentre.ca.s12536.gridserver.com/workspace/images/menu-bkg.gif);

}


.twoColFixLtHdr .sidebar1 {

padding:0px;
border: 0px;
background-color:#FFFFFF;

}

a img {border: 0px;}
img {border: 0px;}

.twoColFixLtHdr .mainContent {
	margin: 0 0 0 185px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding:0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
border: 0px solid #000000;
text-align:center;
}



.sidebarbkg {background-image:url(http://abacentre.ca.s12536.gridserver.com/workspace/images/content-bkg.gif); background-repeat:repeat-y; background-position:center; }
.twoColFixLtHdr #mainContentfoot {
	margin: 0 0 0 185px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding:0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
text-align:center;
} 
.twoColFixLtHdr #footer { 
	padding: 0 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 0px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 0px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

-->
ul#menu {
	
	font: Verdana, sans-serif;
	font-weight: 200;
list-style-type: none;
display: block;
margin:0px;
padding:0px;
float: left; clear: left;


}

ul#menu li {margin-left: 0px; display: block; }


ul#menu a {
	color: #dddddd;
	text-decoration: none;
	
	
}

ul#menu a:hover {
	color: #948731;

}		
	

#menu li{list-style-type: none; margin:0px; padding:0px; text-align:left; list-style-position: inside; display:block;
		float: left;
		clear: left; background-color:#005aeb;}
	
	#menu a {
	
	background: url(http://abacentre.ca.s12536.gridserver.com/workspace/images/menu-off.gif) 0 0 no-repeat;
	}
	
	#menu a.pageselected {
	
	background: url(http://abacentre.ca.s12536.gridserver.com/workspace/images/menu-off.gif) 0 0 no-repeat;
	background-position: -356px 0;
	}
	
	
	#menu li a {
		display:block;
		float: left;
		clear: left;
		width:163px;
		margin:0px; padding:14px 0px 12px 15px;
		font:bold  12px/1 sans-serif;
		line-height: 0px;
		color:#fff;
		
		text-decoration: none;
	float: none;
		}
	#menu li a:hover {	
		background-position: -178px 0;
		color: #fff;
		}

	#menu li a.pageselected:hover {
		background-position: -178px 0;
		color: #fff;
		}	
.topmeup { vertical-align:top;}
.bottomemeout {vertical-align:baseline; margin-top: 10px;}



#nav-menu {float:right; }

 #nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
float:right;
}

#nav-menu li
{
float: left;
margin: 0;
}

#nav-menu li a
{
font-size: 10px;
background-image:url(http://abacentre.ca.s12536.gridserver.com/workspace/images/uppermenu-bkg.gif);
height: 24px;
line-height: 22px;
float: left;
width: 70px;
display: block;
border: 0 solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
padding-top:5px;
padding-bottom:4px;
padding-left:0px;
padding-right:0px;
color:#FFFFFF;
}
#nav-menu li a:hover{color:#000000;}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:30em
}


	


.floatleft {float:left;}
.floatright {float:right;}


.slogan { padding-bottom: 0px; margin-bottom: 5px;
padding-left:20px; margin-top:20px;}
.alignright {text-align:right;}


.clearleft {clear:left;}




.newshead {background-image: url(http://abacentre.ca.s12536.gridserver.com/workspace/images/mainbluebkg.gif); padding: 7px; font-size:11px; color:#FFFFFF; }

.newsrowa {background-image: url(http://abacentre.ca.s12536.gridserver.com/workspace/images/lightestbluebkg.gif); padding: 7px; font-size:10px; color:#222; }

.newsrowb {background-image: url(http://abacentre.ca.s12536.gridserver.com/workspace/images/lightbluebkg.gif); padding: 7px; font-size:10px; color:#222; }

.newsrowa a{color:#222; text-decoration:none;}
.newsrowb a{color:#222; text-decoration:none;}

.newsrowa a:hover{color:#222; text-decoration:underline;}
.newsrowb a:hover{color:#222; text-decoration:underline;}

.copyright {color:#999999; font-size:10px;}
.copyright a {
	color: #888;
	border-bottom: 1px dotted #aaa;
	padding-bottom: 2px;
}

.copyright a:hover {
	color: #69c;
}

.copyright em {line-height:17px;}
/******* Footer *******/

ul#footer {
	clear: both;
	color: #888;
	text-align: right;
	font-size: 80%;
	margin: 0 0 20px;
	padding-top: 40px;
}

ul#footer li {
	display: inline;
	margin-left: 10px;
}

#footer a {
	color: #888;
	border-bottom: 1px dotted #aaa;
	padding-bottom: 2px;
}

#footer a:hover {
	color: #69c;
}

#footer a.symphony {
	background: url("../img/symphony-logo.gif") left center no-repeat;
	padding-left: 24px;
}

#footer a.rss {
	background: url("../img/rss-logo.gif") left center no-repeat;
	padding-left: 29px;
}