html, body {
	*height: 100%;
	*overflow: auto; 
}
*{
	*position:relative;
}
body{
	margin:0px;
	padding:0px;
	background:black url('../images/bg/bg_books.jpg') repeat-x top left;
	font-family:Arial, Verdana, Tahoma;
	color:white;
}
form {margin:0px;}
label{cursor:pointer;}
input{vertical-align:middle;}
p{margin:20px 10px 0px;}
img{border:0px;}
button{width:auto;overflow:visible;padding:0px 3px;} /*fixes IE button padding bs */
ul {margin:0px;padding-left:25px;}
ul li {list-style-position:outside;list-style-type: disc;margin-bottom:4px;margin-left:15px;}
li.place{list-style-position: inside;margin-bottom:2px;}
li.nodot {list-style-type:none;}

.b{font-weight:bold;}

h1{font-size:26px;font-weight:bold;color:#e31836;margin-top:0px;}

a, a:visited, a:active{color:#e31836;text-decoration:none;}
a.dotted{border-bottom:1px dotted #e31836;text-decoration:none;}
a.dotted:hover{border-bottom:1px solid #e31836;text-decoration:none;}

#sidebar{
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:210px;
	/* background:#535353 url('../images/bg/bg_sidebargradient.jpg') repeat-x top left; */
	background:#333;
	border-right:3px solid #464646;
	border-right:3px solid #222;
	_position:absolute;
}
#hpdlogocontainer{
	opacity:0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	zoom:1;
}
#hpdlogo{
	margin-top:100px;
	margin-left:40px;
}
#hpdname{
	font-weight:bold;
	text-align:right;
	padding-right:35px;
	font-size:23px;
	margin-top:20px;
}
#main{
	margin-left:240px;
}
#main .spacer{
	width:550px;
}
h2{
	color:#C6A522;
	color:#FFF5B3;
	font-size:20px;
	font-weight:normal;
	margin:15px 20px 10px 0px ;
	border-bottom:1px solid #646464;
}
a.project{
	margin:2px 20px 2px 10px;
	padding:5px;
	display:block;
	position:relative;
	text-decoration:none;
	cursor:pointer;
}
a.project .logo{
	background-position:top left;
	background-repeat:no-repeat;
	height:50px;
	margin:5px;
}
a.project:hover .logo{
	background-position:bottom left;
}
a.project:hover{
	background-color:#333;
}
a.project  .info{
	padding-left:150px;
	position:absolute;
	top:12px;
	color:#ccc;
	font-size:14px;
}
a.project:hover .info{
	color:#ddd;
}
a.project  .info .title{
	font-weight:bold;
	font-size:17px;
	color:white;
	margin-bottom:-2px;
}
a.project:hover  .info .title{
	color:#FFF9DC;
}
a.project  .info .notes{
	font-size:12px;
	color:#888;
}
/* different project logos*/
a.project.runthere .logo{
	background-image:url('../images/projects/projectLogo_runthere.gif');
}
a.project.librarycampaign  .logo{
	background-image:url('../images/projects/projectLogo_librarycampaign.jpg');
}
a.project.comedyclub .logo{
	background-image:url('../images/projects/projectLogo_comedyclub.gif');
}
a.project.comedianphotos .logo{
	background-image:url('../images/projects/projectLogo_comedianphotos.gif');
}
a.project.flmf .logo{
	background-image:url('../images/projects/projectLogo_youngmindsofafrica.gif');
}
a.project.friendfit .logo{
	background-image:url('../images/projects/projectLogo_friendfit.gif');
}
a.project.palf .logo{
	background-image:url('../images/projects/projectLogo_palf.gif');
}

.newsitem{
	padding-left:15px;
	color:#ccc;
	font-size:13px;
}
.newsitem a{color:white;border-bottom:1px dotted white;}
.newsitem a:hover{color:white;border-bottom:1px solid white;}

.form{
	margin:2px 20px 2px;
	padding-bottom:30px;
}
.form input, .form textarea{
	width:500px;
	border:2px solid #CCC;
	padding:4px 2px;
	font-size:14px;
}
.form button{
	margin-top:5px;
	font-size:14px;
}
.form .inputLabel{
	font-size:13px;
	font-weight:bold;
	color:#ccc;
	margin:5px 0px 2px;
}
.form .errorMessage{
	font-size:12px;
	color:Red;
	font-weight:bold;
	margin-top:4px;
}