@import url(normalise.css);

body {
		font-family:  Verdana, Lucida Sans, Lucida Grande, arial, helvetica, verdana, sans-serif;
		background-color: #Fff;
		text-align: center;
	}

#main-page{
	background : url(header-bg-menu.jpg) top repeat-x; 
}
#container {
	margin:auto;
	width:960px; 
	text-align:center;
	vertical-align:top;
}

#title{
	width:700px;
	height:82px; 
	margin: 0;
	padding:13px 0 0 10px;
	float: left;
	text-align:left;
}

#membership{ /* login buttons */
	width:210px;
	height:72px; 
	margin: 0;
	padding:12px 0 0 40px;
	float: left;
	text-align:center;
}

/* **************** */
/*  TOP NAVIGATION  */
/* **************** */
#menubar{
	float: left;
	height: 27px; 
	width: 960px;
	/* background : url(header-bg.jpg) left repeat; */
	text-align:center;
}
A.topnav:link {
	COLOR: #666; 
	TEXT-DECORATION: none; 
	font-weight: bold;
	height:24px;
	display:block;
	float:left;
	margin: 0;
	padding: 6px 18px 4px 18px;
}
A.topnav:visited {
	COLOR: #666; 
	TEXT-DECORATION: none; 
	font-weight: bold;
	height:24px;
	display:block;
	float:left;
	margin: 0;
	padding: 6px 18px 4px 18px;*/
}
A.topnav:active {
	COLOR: #666; 
	TEXT-DECORATION: none; 
	font-weight: bold;
	height:24px;
	display:block;
	float:left;
	margin: 0;
	padding: 6px 18px 4px 18px;*/
}
A.topnav:hover {
	color:#fff;
	background-color: #a228c0;
	/*
	opacity : 0.6;
    filter: alpha(opacity=60); /* msie */
}
#navactive{
	color:#fff;
	background-color: #a228c0;
	TEXT-DECORATION: none; 
	font-weight: bold;
	height:24px;
	display:block;
	float:left;
	margin: 0;
	padding: 6px 18px 4px 18px;
	/*
	opacity : 0.6;
    filter: alpha(opacity=60); /* msie */
}
#navactive A {color:#fff;}
.thistopnav{
	color: #000000; 
	background-color: #eee; /* #f8f8f8 */
	TEXT-DECORATION: none; 
	display:block;
	float:left;
	margin: 0 0 0 2px;
	padding: 6px 4px 4px 4px;
	
}

/* to make sure last menu item has filled out mouseover to edge */


A.endtopnav:link {
	COLOR: #666; 
	TEXT-DECORATION: none; 
	font-weight: bold;
	height:24px;
	display:block;
	float:left;
	margin: 0;
	padding: 6px 45px 4px 18px;
}
A.endtopnav:visited {
	COLOR: #666; 
	TEXT-DECORATION: none; 
	font-weight: bold;
	height:24px;
	display:block;
	float:left;
	margin: 0;
	padding: 6px 25px 4px 18px;
}
A.endtopnav:active {
	COLOR: #666;  
	TEXT-DECORATION: none; 
	font-weight: bold;
	height:24px;
	display:block;
	float:left;
	margin: 0;
	padding: 6px 25px 4px 18px;
}
A.endtopnav:hover {
	color:#fff;
	background-color: #a228c0;
	/*
	opacity : 0.6;
    filter: alpha(opacity=60); /* msie */
}

#navactivelast{
	color:#fff;
	background-color: #a228c0;
	TEXT-DECORATION: none; 
	font-weight: bold;
	height:24px;
	display:block;
	float:left;
	margin: 0;
	padding: 6px 24px 4px 18px;
	/*
	opacity : 0.6;
    filter: alpha(opacity=60); /* msie */
}


/****************************/
/* MAIN ACTUAL PAGE CONTENT */
/****************************/


#content{
	width:960px;
	float: left;
	/*font-size:0.9em;*/
	text-align:left;
	margin:0;
	padding: 2.5em 0 2em 0;
	/*margin: 0 2em 1.5em 2em;*/
	background : url(content-bg.jpg) top no-repeat; 
	background-color: #fff;
}

#homecontent{
	width:960px;
	float: left;
	/*font-size:0.9em;*/
	text-align:left;
	margin:0;
	padding: 2.5em 0 2em 0;
	margin: 0 2em 1.5em 0em;
	background-color: #fff;
}

#gallery-content{
	width:960px;
	float: left;
	/*font-size:0.9em;*/
	text-align:left;
	margin:0;
	padding: 2.5em 0 2em 0;
	/*margin: 0 2em 1.5em 2em;*/
	background : url(galcontent-bg.jpg) top no-repeat; 
	background-color: #fff;
}

/****************************/
/* LEFT FRAME, MEMBER MENU */
#lh-menu{
	width:170px;
	float: left;
	margin:0 0 0 10px;
	/*background : url(../images/lh-menugrad.jpg) top repeat-x;*/ 
}

#journal{
	width:160px;
	float: left;
	margin:0 0 0 2em;
}
#journal p{
	font-size:0.8em;
}
#journal h2{
	margin-top:0;
}
.thumb{
	width:150px;
	/*height:248px;*/
	padding:0;
	
	border-color : #ccc; 
	border-style : solid; 
	border-width: 1px;
	margin:0 0 1em 0;
}
.bookthumb{
	width:140px;
	height:200px;
	padding:0;
	
	border-color : #ccc; 
	border-style : solid; 
	border-width: 1px;
	margin:0 0 12px 0;
}
#sponsors{
	width:160px;
	float: left;
	margin:0 0 0 2em;
}
#sponsors p{
	font-size:0.8em;
}
#sponsors h2{
	margin-top:0;
}
#sponsors h3{

	margin-top:1em;
}


/* left member menu */
/********************/

#left-o-member ul{
	
	margin:1em 0  1em 0;
}
#left-o-member li{
	font-size:1.2em;
	padding:1em 0 1em 10px;
	background : url(menuunderline.gif) bottom no-repeat;
	background-position: 0 5px; 
}

#left-o-member .selected{
	font-size:1.2em;	
	padding:1em 0 1em 25px;
	margin-left:0px;
	background : url(menuunderline-sel.gif) bottom no-repeat;
	background-position:0px 5px; 
}



/****************************/
/* MIDDLE FRAME */

#words{
	float: left;
	margin:0 3em 0 5em;
	width:450px;
	/*text-align:justify;*/
}
#words p {
	margin:0 0 1em 0;
}
#words li{
	margin:0.5em 0 0.5em 0;
}
#words #bullet li{
	margin:0.5em 0 0.5em 1.5em;
	list-style-type:circle;
}

#disclaimers{
	float: left;
	margin:0 3em 0 5em;
	width:450px;
	/*text-align:justify;*/
}
#disclaimers p {
	margin:0 0 1em 0;
}
#disclaimers ol {
	list-style-type:decimal;
}
#disclaimers li{
	margin:0.5em 0 0.5em 0;
}
#disclaimers #numbered li{
	margin:0.5em 0 0.5em 1.5em;
	/*list-style-type:circle;*/
}
#disclaimers #lowroman li{
	margin:0.5em 0 0.5em 1.5em;
	list-style-type:lower-roman;
}

.homelinks{
	margin: 0 0 20px 20px;
	list-style-type:disc;
}
.links {
	margin: 1em 0 1em 0;
	}
.piclinks{
	margin:0;
}
.caption{font-size:0.8em;
}
#courses{
	float: left;
	margin:0 0 0 3em;
	width:690px;
	text-align:justify;
}

#courses p{
	margin:0 0 1em 0;
}

#courses table{
	margin:2em 0 2em 0;
}

#gallery{
	float: left;
	margin:0 0 0 7em;
	width:690px;
}

.middle-gallery{
	width:180px;
	height:264px;
	
	float:left;
}
#paypalbox{
	width:300px;
	height:120px;
	text-align:center;
	margin:10px;
	padding:10px 0 0 0;
	border-color : #ccc; 
	border-style : solid; 
	border-width: 1px ;
	
}

/****************************/
/* RIGHT FRAME CONTEXR MENU */

#rh-menu{
	width:160px;
	float: left;
	margin:10px 0 0 50px;
}

#rh-menu H2{margin:0 0 0.5em 0;}
#rh-menu H3{margin:0.5em 0 0.5em 0;}
/* #rh-menu p{padding:0.5em 0 0.5em 0;}*/
#rh-menu ul{margin:1em 0  1em 0;}
#rh-menu li{padding:0.5em 0 0.5em 0;}
/* .rh-gallery{height:180px;} */








/****************************/
/* FOOTER STUFF				*/
/****************************/

#bottom-container{
/*position: absolute; bottom: 0;*/
	background : url(bottompage-bg.jpg) top repeat-x;
}

#footer{

	margin:auto;
	width:960px;
	height: 124px;
	text-align:right;
	border-color : #ccc; 
	border-style : solid; 
	border-width: 1px 0 0 0;
	padding: 4px;
	/*background-color: #F8F8F8;*/
}
#bottom-spacer{
	width:600px;
	height:100px;

	float:left;
}
#address{
	width:360px;
	padding:8px 0 0 0;
	color: #666;
	font-size:0.8em;
	height: 116px;
	text-align:left;
	float:left;
	background : url(ASDS-Death-and-Society-logo.png) right no-repeat; 
	
}
#disclaimer{
	float:left;
	text-align:right;
	width:960px;
}

	
a{
	text-decoration:none;
	color: #a228c0;
}
a:hover{
	text-decoration:underline;
	color: #7b0a73;
}
	
	



.copy{
	font-size:0.8em;
	color:#666;
}
	
h1 {
	color: #666;
	font-family: arial, Verdana, Lucida Sans, Lucida Grande,  helvetica, verdana, sans-serif;
	font-weight: bold;
	font-size:2em;
	margin-bottom:1em;
	}
	

h2 {
	color: #666;
	font-family: arial, Verdana, Lucida Sans, Lucida Grande,  helvetica, verdana, sans-serif;
	font-weight: bold;
	font-size:1.5em;
	margin: 1em 0 1em 0;
	}
	
	h3 {
	color: #666;
	font-family: arial, Verdana, Lucida Sans, Lucida Grande,  helvetica, verdana, sans-serif;
	font-weight: bold;
	font-size:1.2em;
	margin: 1em 0 1em 0;
	}
	

	
	#contactus{
		/*height:480px;*/
		float: left;
		margin:0 3em 0 5em;
		width:600px;
		text-align:justify;
	}
	#contactus p{
		margin-bottom:1em;
	}
	
	/* EVENTS  */
	
	.result{
		clear: both;
		padding:0.5em 0.5em 0.5em 1em;
		background-image: url(form-grad1.jpg);  
		background-repeat: repeat-x; */
		height:300px;
		margin-bottom:0.5em;
	}
	
	.member-result{
		clear: both;
		padding:0.5em 1.5em 1.5em 1em;
		background-image: url(form-grad1.jpg);  
		background-repeat: repeat-x; */
		height:300px;
		margin-bottom:0.5em;
	}
	.profile-info{
		height:150px;
	}
	
	.results-nav{
		background-color: #f8f7f5;
		padding:0.5em 1em 0.5em 1em;
		margin-bottom:1em;
		height:20px;
	}
	.results-nav .left{
		text-align:left;
		float:left;
	}
	.results-nav .right{
		text-align:right;
		float:right;
	}
	
	
	.iteminfo{
		background-color: #f0f0f0;
		padding:0.5em 1em 0.5em 0em;
		margin-bottom:1em;
	}
	.iteminfo .left{
		text-align:left;
		float:left;
	}
	.iteminfo .right{
		text-align:right;
		float:right;
	}
	/* end events */
	
	/*
	#contactus h1{
		font-size: 2em;
		font-weight:normal;
		color:#666;
		margin-bottom:0;
		display:inline;
		margin-right:0.5em;
		/*text-align:left;
		margin-bottom:0.5;*/
	/*}*/
	.contactinfo{
		/*background-color: #f0f0f0; */
		width:840px;
		height:30px;
		padding:0.5em 1em 0.5em 1em;
		margin-bottom:1em;
		border-color : #ccc; 
		border-style : solid; 
		border-width: 0 0 1px 0 ; 
	}
	.contactinfo .left{
		/*background-color: #00f; */
		text-align:left;
		float:left;
	}
	.contactinfo .right{
	/*background-color: #f00; */
		color:#666;
		font-size: 1.5em;
		font-family: Georgia, Times New Roman, Times, serif;
		text-align:right;
		margin-top:0.5em;
		vertical-align:bottom;
		float:right;
	}
	#formwrapper{
			margin: auto; 
			width:700px;
			/*background-color: #f00;*/ /*debug*/
			align:center;
			text-align:center;
	}
	
	 #contactform{
	 		width:450px;
			margin-top:1em;
			margin-bottom:2em;
			text-align:left;
			margin-right:2em;
		}
	 #contactform p{
	 	margin-bottom: 1em;
	 }	
	
	.contact-message{
		color:#666;
		width:750px;
		height:500px;
		text-align:center;
		padding-top:14em;
		padding-bottom:14em;
	}
	.message-message h2{
		font-weight:normal;
		font-family: Georgia, Times New Roman, Times, serif;
		font-size: 2em;
	}
	
	/* ------------------------------------------ */
	/* -------FORM ADD BASIC FORMATTING---------- */
	/* ------------------------------------------ */
	
	fieldset {  
		float: left;  
		clear: both;  
		width: 100%;
		margin: 0 0 1.5em 0;  
		padding: 0;  
		border: 1px solid #BFBAB0;  
		/* background-color: #f5f2fb; /* f0f0f0;   f0f0f8 */
		background-image: url(../images/form-grad.jpg);  
		background-repeat: repeat-x; */
	}
	fieldset ol {  
		padding: 0 0.5em 0.5em 1em;  
		margin:1em 0 1em 0;
		list-style: none; 
	} 
	fieldset li {  
		float: left;  
		clear: left;  
		/*width: 100%; /* having this breaks the page */
		width: 450px;
		padding-bottom: 0.5em; 
	}
	fieldset.submit {  
		float: none;  
		width: auto;  
		border-style: none;  
		padding-left: 11em;  
		background-color: transparent; 
		 background-image: none; /* if background image is used */
	}
	fieldset.mapsubmit {  
		float: none;  
		width: auto;  
		border-style: none;  
		padding-left: 8em;  
		background-color: transparent; 
		/* background-image: none; /* if background image is used */
	}
	label {  
		float: left;  
		width: 10em;  
		margin-right: 1em; 
		 text-align: right; /* alings the text right (beside field */
	}
	
	legend {  
		margin-left: 1em;  
		color: #000000;  
		padding: 0; 
		font-weight: bold; 
	} 
	
	
	label {  
		display: block;
	}
	
	#words form P {
		margin: 0 0 0 11em;
	}
	/* --- end contact us stuff----*/
	#privacypolicy{
		height:400px;
		margin-left:2em;
	}	


	

	





/* asds courses */

.memberbox{
		float: left;
		position:relative;
		/* height:270px; */
		width:700px;
		margin:0 1em 1.5em 0;
		padding:0;
		background-color: #f8f8f8;
		border-color : #ccc; 
		border-style : solid; 
		border-width: 1px 1px 1px 1px; 
	}
	#courses .memberbox h1{
			color: #333; /* #333 */
			font-weight:normal;
			font-size: 1.5em;
			margin-bottom:0.5em;
		}
		.memberinfo{
			float: left;
			width:480px;
			padding:0.6em 0 1em 1.5em;
			margin:0;
			text-align: left;
		}
		.memberinfo ol{
		 	padding: 0.4em 0 0 0;  
		}
		.memberinfo li{
		 	padding: 0.35em 0 0 0;  
			clear:left;
		}
		#courses	 .memberinfo label {  
			float: left;  
			width: 4em;  
			margin-right: 1em; 
			text-align: left; /* alings the text right (beside field */
		}
		#courses	 .memberinfo p {  
			float: left;   
			margin-top:0.25em;
			margin-left: 5em; 
			text-align: left; /* alings the text right (beside field */
		}
		.memberpic{
			height:200px;
			width:200px;
			float: right;
			padding:0;
			margin: 0;
			border-color : #ccc; 
			border-style : solid; 
			border-width: 1px; 
		}
		
		#formthumb{
		position:absolute;
		margin: 2em 2em 0 43em;

	}