body {
	margin: 0;
	/* background: url('images/blue_grad.jpg') repeat-y 0 0; */
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #550088;
}

a:hover{
	text-decoration: underline;
}

p h {
	padding: 1ex; 
	margin: 4px;
} 

#header {
	display: block;
	font-size: 3.0em;
	padding: 0.5em 0 0.5em 0.5em;
	background-color:white;
	background: url( 'images/group_small3.png' ) no-repeat 80% 45%;
	font-family: Verdana, sans-serif;
}

#nav_bar {
	display: block;
	z-index: 1;				/* IE 6 doesnt understand this! */
	position: relative;
	/* top: 88px; */
/* 	width: 100%; */
	border: 2px solid #cc11ff;
	/* background-color: purple;  */
	padding: 4px;
	background-image: url( 'images/4.jpg');  
	font-family: Helvetica, serif;
}

#nav_bar a{
	padding: 1ex 2ex;
	margin: 0 1em;
/* 	border-width: 1px 4px 4px 1px;
	border-style: solid;
	border-color: black; */
	 border: 1px solid #cc11ff;
	 background-color: white; 
	/* text-decoration: none; */
}

#nav_bar a:hover {
	/* background-color: #66ccff; */
	/* background-color: #cc99ee;*/
	text-decoration: none; 
	color: white;
	background-color: #0011cc;
	color: white;
}

#left {
	position : absolute;
	left : 0;
	/*top: 43px;*/
	width : 200px; /*150px;*/
	/*margin-left : 10px; */
	margin: 0.5em 0.5em 0 0.8em;  /* 6px 4px 0 8px */
	color : #000000;
	font-size: 0.9em;
	/* border: 1px solid blue; */
}

.member {
	color: black;
	display: block;
	font-weight: bold;
	
}

.member:hover{
	color: #aaaaaa;	
	text-decoration: none;
}

#center {
	display: block;
	position: relative;
	left: 230px;
	top: 0px;
	width: 65%;
	padding: 2ex;
}




 
 
div.review {
	width: 100%;
	z-index: 3;
	/* color: blue; */
	border-top: 4px solid #66ccff;
	margin-bottom: 1ex;
	color: #111111;
	
}

div.review b {
	padding: 2px;
	background-color: #66ccff;
}

#title{
	padding: 0.5ex;
	font-weight: bold;
	background-color: #66ccff;	
}

#author{
	margin-top: 0.8ex;
	font-size: smaller;
}

div.thumb_nail
{
	font-size: smaller;
	clear: both;
	margin: 4px;
	text-align: right;
	display: block;
	font-weight: bold;
	/* border: 1px solid black; */
}

div.thumb_nail:hover{
	color: #aaaaaa;	
	text-decoration: none;
}

div.thumb_nail img {
	float: left;
	padding: 4px;
	display: block;
	clear: both;
	/* margin-right: 1ex;
	margin-bottom: 1ex; */
	/* border: 1px solid blue;  */
}


div.thumb_nail p {
	padding: 1px 0;
}

div.box {
	 display:block;  /* it already is! */
	/* overflow: hidden; */			/* would be nice but IE 6 doesn't understand it! */
	/* border: 3px solid red; */
	 padding: 1ex;  
	margin: 0; 
	/* padding-right: 10%; */
}

div.box img
{
	/* display: block; */ 
	/* float: left; */
	/* border: 1px solid blue; */
	margin: 1.0ex;
}

#schedule {
	display: block;
	position: absolute;
	top: 324px;
	right: 200px;
	text-align: center;
}

#bottom {
	position: absolute;
	top: 650px;
	padding: 1em 0 2em 0;
	text-align: center;
	/* background-color: black; */
	width: 100%;
	color: purple;
	font-size: smaller;
}

#bottom a{ 
	/* color: white; */
} 

#bottom2{
	/* border: 4px solid orange; */
	color: purple;
	text-align: center;
	font-size: smaller;
	padding: 1em 0 2em 0;	
}