body{
font-family:arial; background:url('images/back_colour.jpg'); margin-top:15px; margin-left:15px;
}
td.menu_td{
	font-size:17px; letter-spacing:0px; font-family:Arial; font-weight:normal; color:white; padding-left:10px; 
}
.menu_item{
	color:white;  text-decoration:none; word-spacing:0px; margin-right:10px
}

div.blog_article{
	margin-top:20px;
	padding:10px;
	padding-top:0px;
	padding-right:20px;
	margin-bottom:25px;
}

div.blog_title{
	font-size:30px;
	font-weight:bold;
	margin:0px;

}

div.blog_timestamp{
	font-size:12px;
	color:#999;
	position:relative;
	top:-4px;
	margin-left:1px;
	letter-spacing:0.5px;

}

div.blog_content{
	font-size:13px;
	margin-top:5px;

}

div.blog_comments{
	margin-top:5px;
	font-size:14px;
	float:right;
	position:relative;
	top:-5px;
}
a.blog_comments_link{
	color:#aaa;
	text-decoration:none;
}

div.photos{
	float:right;
	padding:5px;
	padding-right:2px;
	padding-left:15px;
	margin-top:10px;
}

a.buttonLink{
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	font-family:arial;
	color:white;
	
}
a.buttonLink :hover{
	color:#ccc;
}

div.editButton{
	background:#39f;
	border:2px lightblue solid;
	padding:10px;
	font-size:14px;
	text-transform:uppercase;
	margin:5px;
	width:180px;
}
div.editButton_2{
	background:#fc3;
	border:2px orange solid;
	padding:10px;
	font-size:14px;
	text-transform:uppercase;
	margin:5px;
	width:180px;
}

#slider {
  width: 620px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 200px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 160px;
  width: 580px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -5px;
 top:70px;
}