/* Global Resetting */
html { width: 100%; height: 100%;
		background-image: url(http://www.thebudos.com/assets/catacombs2.jpg); background-position: top center;
		background-repeat: no-repeat; background-attachment: fixed; }

body {
		width:100%;	height:100%; text-align:center; background:#000;
		background-image: url(http://www.thebudos.com/assets/catacombs2.jpg); background-position: top center;
		background-repeat: no-repeat; background-attachment: fixed;
		margin:0px; padding:0px;
}

* { color:#000; font-family:Helvetica,Geneva,Arial,sans-serif; }

a img{ border:0px; }

.hand { cursor:pointer; }

.clear{ clear:both; }

hr { border:0px; border-top: 1px dotted #666; }

form { padding-bottom:9px; margin:0px; }

object { margin-top:9px; }

/* Layout CSS */
#Main { margin:auto; width:792px; text-align:left; }

#Header { position:relative; top:0; margin:0px; padding:0px; float:left; clear:none; background:#ffedad; }

	#emailBox { position:absolute; float:left; top:112px; left:382px; }

	#musicPlayer { position:absolute; float:left; top:3px; left:450px; width:333px; }
	
	#flashcontent { height: 36px; width:333px; }
	
	.side { width:216px; clear:right; float:right; background-color:#333; padding:15px 15px 12px 15px; margin-bottom:12px; line-height:normal; }
	
	.side2 { width:216px; clear:right; float:right; padding:15px 15px 12px 15px; margin-bottom:12px; line-height:normal; }
	
	.video { width:432px; height:350; text-align:center; vertical-align:middle; }

	#Menu1 { width:736px; text-transform:uppercase; background:#181818; padding:9px 11px 9px 45px; }

		#Menu1 span { font-size:9px; letter-spacing:.2em; padding-right:18px; }
		
			#Menu1 span.current,
			#Menu1 span.section { color:#fff; }
			
			#Menu1 span a {	color:#ccbc7c; text-decoration:none; }
			
				#Menu1 span a:hover { color:#fff; }
				
				#Menu1 span.current a,
				#Menu1 span.section a { color:#fff; }

#ContentContainer { clear:both; overflow:auto; padding:21px; }

#Banner { text-align: center; }

#Content { float:left; width: 432px; color: #000; background-color:#ffffff; padding:0px 24px 3px 24px; }

.Menu2 { padding:0px; }

	.Menu2 .link, .Menu2 .current { color:#ddd; font-size:11px; }

	.Menu2 a, .more a { color:#cb7; text-decoration:none; }
	
	.Menu2 a:hover, .more a:hover { color:#ffc; }
	
	.Menu2 current a,
	.Menu2 section a { color:#fff; }

#Footer { clear:both; }

	#Footer span { color:#ccc; }
	
	#Footer a { color:#fff; }
	
		#Footer a:hover { text-decoration:none; }


/* The rest of this file is for the second tutorial */
#NewsList,
#StaffList {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#NewsList li,
#StaffList li {
	margin: 0;
	list-style-type: none;
}
	#NewsList li.newsDateTitle span {
		color:#666;
		line-height:2em;
	}
	#NewsList li.newsDateTitle a {
		font-size:1.3em;
		font-weight:bold;
		color:#0083C8;
		text-decoration:none;
		padding-left:20px;
		background:url(../images/treeicons/news-file.gif) no-repeat left center;
	}
	
		#NewsList li.newsDateTitle a:hover { border-bottom:1px dotted #0083C8; }
		
	#NewsList li.newsSummary { margin-bottom:20px; }
	
		#NewsList li.newsSummary span { font-size:1.1em; line-height:1.5em; color:#333; }
		
		#NewsList li.newsSummary a.readMoreLink { color:#0083C8; text-decoration:none; }
		
			#NewsList li.newsSummary a.readMoreLink:hover { border-bottom:1px dotted #0083C8; }

div.newsDetails {
	margin-bottom:10px;
}

div.newsDetails p {
	color:#666;
	margin:0;
	font-size:1em;
}

div.pageComments {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#StaffList .staffname { 
	clear: both;
	padding-left: 60px;
	height: 1.2em;
}

#StaffList .staffphoto {
	float: left;
	margin-left: 3px;
	margin-top: -1.2em;
}     
#StaffList .staffphoto img {
	border:1px solid #AAA;
}

#StaffList .staffdescription {
	margin-left: 60px;
	margin-bottom:30px;
}

#StaffPhoto {
	float: left;
	margin-right: 10px;
}

#StaffPhoto img {
	border:1px solid #AAA;
}

#PageComments { list-style:none; background:#fff; padding:0px; margin:0px; line-height:normal; }

	#PageComments div.comment { list-style:none; padding:0px; margin:0px; margin-top:18px; }
	
		#PageComments div p { padding-top:9px; padding-bottom:0px; margin-right:0px; margin-bottom:0px; margin-left:36px; }
		
		#PageComments a.deletelink { font-weight:normal; }
		
		#PageComments .info { margin-top:0px; padding-top:0px; }
		
		#PageCommentsPagination { text-align:center; }
		
		#PageCommentsPagination p { margin-right:0px; }
		
#NoComments { margin-top:27px; margin-bottom:27px; margin-left:27px; }

#CommentsRSSFeed { padding-top:9px; }
			
#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:center;
	padding:5px;
	border:1px solid #ddd;
	background:#e9e9e9;
}
#PageNumbers * {
	padding:0 5px;
	line-height:1.5em;
}
#PageNumbers a {
	color:#0083C8;
	text-decoration:none;
}
	#PageNumbers a:hover {
		text-decoration:underline;
	}