body {
margin:0px; 
font-family:Helvetica, Arial; 
margin:0px;  
text-align:left;
	background-color: #f8f8f8;
	background-image: url(images/stripe.png);
	background-repeat: repeat;
}

#header{ 	width:620px; 
	margin:0px auto 0px; 
	text-align:left; 
	background: none;
	display:block; 
	position:relative; 
	padding:60px 60px 0px 0px;
	border-bottom:0px #000000 solid;}
	
	* html img, * html div {
behavior: url(iepngfix.htc);
}

.container h1 { font-size:1em; color:#676666; font-weight:normal; padding:0px 8px; margin:0px;text-align:left;line-height: 130%; }
.container h3 { font-size:1em; color:#6d7f51; font-weight:normal; padding:0px 8px; margin:0px;text-align:left; line-height: 130%; }
.container h2 { font-size:24px; color:#333333; font-weight:normal; padding:0px; margin:0px; text-align:left;}
.container p { text-align:justify; padding:0px; margin:0px;text-align:left; }
.container p ol, #container p ul { margin:0px auto 0px;text-align:left; }
.container p.notes { color:#999999; font-size:10px; text-align:left;}

#blurl { 
	top:0px;
	left:0px;  
	position: absolute;
	z-index:-25;
}

#blurr { 
	bottom:0px;
	right:0px;  
	position: absolute;
	z-index:-25;
}

/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {  
	width:200px; 
	height:364px;
	margin:1px auto 0px; 
	background: rgba(54, 55, 54, 0.3);
/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";

	display:block; 
	position:relative; 
	padding:20px 10px 0px;
	border-bottom:0px #000000 solid;
}


/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:25px; 
	bottom:180px; 
	right:5px; 
	background:url(../images/slideitmoo_forward.png) no-repeat center; 
	
	 
}
/*This is how the text will look on mouse over. Note "hover" is the most important change here*/
#SlideItMoo_outer .SlideItMoo_forward:hover
{
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:25px; 
	bottom:180px; 
	right:5px; 
	background:url(../images/slideitmoo_forward_down.png) no-repeat center; 
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:10px; 
	background:url(../images/slideitmoo_back.png) no-repeat center;  
}
/*This is how the text will look on mouse over. Note "hover" is the most important change here*/
#SlideItMoo_outer .SlideItMoo_back:hover
{
	left:10px; 
	background:url(../images/slideitmoo_back_down.png) no-repeat center; 
}



/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:800px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding:0px 0px 10px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0px 0px 0px 0px;
	border-right:1px #333333 solid;
	padding:0px 3px 0px;
	font-size:11px; 
	width:189px; 
	text-align:center; 
	color:none;
}

#SlideItMoo_items a { padding:0px; margin:0px 0px 3px; clear:both; display:block; background:none; padding:0px; }
#SlideItMoo_items a img{ border:none; }