/* CSS Stylesheet */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#fff;
}
.clear
{clear:both;
font-size:1px;
}

p
{
font-size: 11px;color:#999;
}
h1,h2,h3,h4
{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;

}

h1
{color: #c32c4d;
text-transform:uppercase;
font-size: 18px;
}

h2
{color: #515151;
font-size: 14px;
}
a
{
color:blue;
}

a:hover
{color: #dd0000;}

img
{border:0px;}

.imgr
{float:right;
margin:10px 0px 0px 20px;}

.imgl
{float: left;
margin-right:20px;}

.imgframer
{float:right;
margin:0px 0px 0px 20px;
padding:10px;
border: 1px solid #333;}

.all
{width: 900px;
margin: auto;
}

.header
{width: 100%;
height: 130px;
background:url(http://www.atrema.ca/assets/images/header-bg.jpg) repeat-x;
}

.content
{width:900px;
background:url(http://www.atrema.ca/assets/images/content-bg.jpg) repeat-x;
padding-top: 75px;
}

.leftcol
{
	margin: 0 20px 75px 65px;
	float:left;
	padding:10px;
	width:400px;
}

.rightcol
{width: 300px;
float:left;
padding:30px 0 0 30px;
}




/* ==========================  Menu ======== */
#menu-position
{
	float:right;
	width:556px;
	margin-top:72px;

}


#menu
{
}

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

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


#menu li a {
		font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
		display: block;
		padding: 15px 15px 27px 15px;
		margin-bottom:15px;
		background-color: #cb1345;
		border-left: 1px solid #bcbcbc;
		border-top: 1px solid #bcbcbc;
		color: #fff;
		text-decoration: none;
		}
#menu li a .this {background-color: #ddd;}
	html>body #menu li a {

		width: 80px;
		border-bottom: 15px solid none;
		background: url(http://www.atrema.ca/assets/images/menu-noarrow.jpg)  bottom no-repeat;

		}

	#menu li a:hover {

		background-color: #ddd;
		color: #000;
		background: url(http://www.atrema.ca/assets/images/menu-arrow.jpg)  bottom no-repeat;
		}




/* ================================================ */

.endlinks
{
	height: 100px;
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #eee;
	background: #c32c4d;
	padding: 20px 40px 20px 40px;
}

.endlinks .address
{
	float: left;
	width: 250px;
}
.endlinks .col
{	float: left;
}



.endlinks .col ul
{
	float: left;
	font: normal 8px;
	margin: 0;
}

.endlinks .col li
{
	margin-left: 15px;
	padding-top: 2px;
}

.endlinks  a
{
	color: #eee;
}

#endlink a:hover
{color: yellow;}