* { margin: 0; padding: 0; }
html {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #600015;
	background-image: url(images/back_main_red.png);
	background-repeat: repeat-x;
	text-align: center;
	behavior: url(http://www.abco.ca/assets/templates/ABCO/csshover.htc);
	font-size: 0.8125em;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color: #ffffff;
	background-image: url(images/back_shadow_edge.png);
	background-repeat: repeat-y;
}

#shadow {
	margin: 0;
	padding: 0px 8px;
	background-image: url(images/back_shadow_top.jpg);
	background-repeat: no-repeat;
}

#header {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ffffff;
}

/* ************************************************** */
/* Navigation Bar rollovers and drop downs            */
/* ************************************************** */
#navbar {
	width: 750px;
	margin: 0 auto;
	padding: 0;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear { display: inline-block; }
	
/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */

/* image replacement general properties */
	ul.IR li { 
		position: relative;
		/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
		   But overflow also includes our dropdown list, so we need the overflow to be visible. */
		/*overflow: hidden; */
		font-size: 0.9em;
		text-align: left;
	}
			
	.IR em {
		display: block;
		position: absolute;
		top: 0; left: 0;
		z-index: 1;
	}
	
	/* For IE5.x mac only */
	* html>body	.IR { 
		position: static;
		overflow: visible;
		font-size: 10px;
	}
	* html>body .IR em  { position: static; }
	
	/* image replacement specific properties */
	.nav { list-style: none; }
	/* add a little bottom padding to make sure the sub menus don't disappear before selecting them */
	.nav li { float: left; padding-bottom: 10px; } 
	.nav li, .nav li em { width: 150px; height: 35px; }
	
	* html>body ul.nav li em { margin-bottom: -35px; } /* for ie5.x/mac only */
	
	.link1 em, .link2 em, .link3 em, .link4 em, .link5 em { 
		background: url(images/nav_bar.png) no-repeat; 
		cursor: pointer;
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
	.link1 { left: 0; }
	.link1 em { background-position: 0 0; }
	.link1:hover em { background-position: 0 -35px; }
	.link2 { left: 0px; }
	.link2 em { background-position: -150px 0; }
	.link2:hover em { background-position: -150px -35px; }
	.link3 { left: 0px; }
	.link3 em { background-position: -300px 0; }
	.link3:hover em { background-position: -300px -35px; }
	.link4 { left: 0px; }
	.link4 em { background-position: -450px 0; }
	.link4:hover em { background-position: -450px -35px; }
	.link5 { left: 0px; }
	.link5 em { background-position: -600px 0; }
	.link5:hover em { background-position: -600px -35px; }
	
	/* suckerfish styles */
	.nav a { display: block; font-weight: normal; }
	* html .nav a { height: 1%; }
	
	.nav li ul {
		position: absolute;
		z-index: 10; /* show the dropdowns above the images */
		top: 35px; /* position the dropdowns a set distance from the top of the image */
		left: -999em;
		list-style: none;
		border: 1px solid #6c6c6c;
	}
	
	.nav li:hover ul { left: auto; }
	
	.nav li li {
		height: auto; /* reset the height and padding set on the IR list items */
		padding-bottom: 0;
		font-size: 110%;
		border-bottom: 1px solid #6c6c6c;
	}
	
	.nav li ul a {
		padding: 0.25em;
		color: #e4e4e4;
		background: #464847;
		text-decoration: none;
	}
	.nav li ul a:hover {
		color: #FFFFFF;
		background: #767776;
		text-decoration: none;
	}

#innerwrap {
	padding: 0px 20px 0px 0px;
}

#leftside {
	width: 200px;
	float: left;
}

#leftinside {
	padding-top: 36px;
	padding-left: 18px;
}

#leftside p {
	padding-top: 10px;
	color: #666666;
	font-size: 0.8125em;
}

p.construct {
	color: #fff;
	padding: 5px;
	margin: 10px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #990000;
}

#ajaxSearch_form {
	color: #444;
	width: auto;
}

#ajaxSearch_input {
	width: 125px;
	display: inline;
	height: 17px;
	border: 1px solid #90a1ac;
	margin: 0 3px 0 0;
	padding: 3px 0 0;
	vertical-align: top;
}

input#ajaxSearch_submit, input#ajaxSearch_submit:focus {
	background: url("images/search_go.png") no-repeat;
	margin-left: 2px;
	margin-top: 2px;
	height: 18px;
	width: 18px;
	border: 0;
	color: #fff;
	text-indent: -9999px;
}

.ajaxSearch_result {
	margin-top: 10px;
	border-bottom: 1px solid #999999;
}

.ajaxSearch_highlight {
	background-color: #FFFF66;
}

.ajaxSearch_highlight1 {

}

.highlight {
	background-color: #e7ebee;
	color: #517186;
	padding: 15px;
	font-weight: bold;
	font-style: italic;
	text-align:center;
}


#main {
	width: 680px;
	float: right;
	padding: 30px 0px 0px 0px;
}

.clr {
	clear: both;
	height: 1px;
	font-size: 1px;
}

h3 {
	font-weight: bold;
	color: #557799;
	font-size: 1.15em;
}

ul.double_space  {
	list-style: square;
}

ul.double_space li {
	margin: 20px;
}

#footer {
	margin: 0px 8px;
	padding: 15px; 
	background-image: url(images/back_foot.png);
	background-repeat: repeat-x;
	background-color: #000000;
	color: #999999;
	font-size: 0.8215em;
	text-align: right;	
}

#navcontainer { 
	width: 165px;
	padding: 10px 0px; 
	border-top: 1px solid #6c8495;
	border-bottom: 1px solid #6c8495;
}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #517186;
border-bottom: 1px solid #dde5e9;
}

#navcontainer a:link, #navlist a:visited
{
color: #eef1f4;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #748d9e;
color: #fff;
}

h1 {
	font-weight: bold;
	color: #557799;
	font-size: 1.5em;
	padding-top: 10px;
}

.B_crumbBox {
	font-size: 0.8125em;
	color: #666666;
}

.B_crumbBox a:link, .B_crumbBox a:visited{
	color: #006699;
	text-decoration: none;
}

.B_crumbBox a:hover {
	color: #006699;
	text-decoration: underline;
}

img.imgcontact {
	padding: 100px 0px 20px 10px;
}

#main p {
	margin:5px 0 10px 0;
}

#main ul {
	margin: 1em;
}

#main ul li {
	margin: 1em;
}

#main ul li ul {
	margin-top: 0px;
	margin-left: 1.5em;
}

#main ul li ul li {
	margin: 0px;
}

p.headline {
	color: #336699;
	font-size: 1.1em;
	border-bottom: 2px solid #336699;
	padding-bottom: 5px;
}

p.headline a {
	color: #336699;
	text-decoration: none;
}

p.headline a:hover {
	color: #990000;
	text-decoration: none;
}

div.boat {
	float: left;
	width: 25%;
	font-size: 0.8125em;
	text-align: center;
}

div.boat p {
	margin: 0;
	padding: 0;
}

div.boat img {
	border: none;
}

div.boat_sub {
	margin: 0px;
	padding: 20px 0px;
	clear: both;
}

div.boat_sub p {
	margin: 0;
	padding: 0;
}

div.boat_sub img {
	border: none;
	float: left;
	padding-right: 20px;
}

div.clr {
	clear: both;
	margin: 0;
	padding: 0;
}