html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, em, strong, a, form {
	margin:0;
	padding:0;
	background:none;
	list-style:none;
	text-align:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

html {
	font-size:62.5%;
	/*width:100%;
	height:100%;
	overflow:hidden;*/
}

body>html {
	font-size:10px;
}

p {
	font-size:1.1em;
	line-height: 1.455em;
	padding-top:0.455em;
	margin-bottom:1.455em;
}

a {
	font-family:inherit;
	color:#6A2121;
}

a:hover {
	text-decoration:none;
}

/*** Background layout ***/

body {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	background:url(images/background.jpg) top left no-repeat;
}

h1, h2, h3, h4 {
	font-size:1.6em;
	line-height:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#6A2121;
	margin-bottom:1em;
	float:none;
	
}

h2, h3, h4 {
	max-width:25em;
	padding-right:2em;
}

h2 {
	margin-left: -20px;
	padding:20px 0 30px 20px;
	background:url(images/headerBG-trans.png) top left no-repeat;
}

h1 {
	width:594px;
	height:0;
	padding-top:206px;
	background:url(images/logo-trans.png) top left no-repeat;
	overflow:hidden;
	position:absolute;
	top: 115px;
	left: 151px;
	z-index:48; /* for fancybox */
}

/* MENU */

#menu {
	position:absolute;
	left: 218px;
	top: 302px;
	width: 240px;
	height:220px;
	z-index:48; /* for fancybox */
}

#menu li {
	width:240px;
}


#menu li a {
	display:block;
	overflow:hidden;
	width:240px;
}

#menu #homeButton {
	position:absolute;
	top:0;
	left:0;
	width:86px;
	height:61px;
}

#menu #homeButton a {
	width:86px;
	height:0;
	padding-top:61px;
	background:url(images/buttons/home.gif) top left no-repeat;
	overflow:hidden;
}

#menu #homeButton a:hover {
	background-position: 0 -61px;
}	

#menu #wordsButton {
	position:absolute;
	top:30px;
	left:13px;
	width:101px;
	height:55px;
}

#menu #wordsButton a {
	width:101px;
	height:0;
	padding-top:55px;
	background:url(images/buttons/words.gif) top left no-repeat;
	overflow:hidden;
}

#menu #wordsButton a:hover {
	background-position: 0 -55px;
}	

#menu #artButton {
	position:absolute;
	top:80px;
	left:27px;
	width:55px;
	height:34px;
}

#menu #artButton a {
	width:55px;
	height:0;
	padding-top:34px;
	background:url(images/buttons/art.gif) top left no-repeat;
	overflow:hidden;
}

#menu #artButton a:hover {
	background-position: 0 -34px;
}	

#menu #musicButton {
	position:absolute;
	top:109px;
	left:34px;
	width:90px;
	height:36px;
}

#menu #musicButton a {
	width:90px;
	height:0;
	padding-top:36px;
	background:url(images/buttons/music.gif) top left no-repeat;
	overflow:hidden;
}

#menu #musicButton a:hover {
	background-position: 0 -36px;
}	

#menu #duesButton {
	position:absolute;
	top:149px;
	left:40px;
	width:90px;
	height:36px;
}

#menu #duesButton a {
	width:72px;
	height:0;
	padding-top:26px;
	background:url(images/buttons/dues.gif) top left no-repeat;
	overflow:hidden;
}

#menu #duesButton a:hover {
	background-position: 0 -26px;
}	

#menu #bbButton {
	position:absolute;
	top:181px;
	left:45px;
	width:147px;
	height:22px;
}

#menu #bbButton a {
	width:147px;
	height:0;
	padding-top:22px;
	background:url(images/buttons/public-bb.gif) top left no-repeat;
	overflow:hidden;
}

#menu #bbButton a:hover {
	background-position: 0 -22px;
}	

/* MENU END */

#intro {
	position:absolute;
	top: 336px;
	left: 8px;
	width: 216px;
}

#mainContent {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	overflow:auto;
	z-index:48; /* for fancybox */
}

#mainContent > li {
	max-width:42em;
	padding-top:20px;
	margin-right:2em;
	margin-bottom:150px;
	margin-left:785px;
	clear:left;
}

#mainContent li ul, #mainContent li ul li {
	width:100%;
}

#mainContent h2 {
	margin-top:16px;
}

/*#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, #mainContent p, #mainContent ul li ul {
	padding-right:16px;
} */

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
	max-width: 25em;
}

#mainContent p {
	max-width:37em;
}

#mainContent h4 a {
	font-size:1em;
}

#mainContent .userDetails, #mainContent .article {
	padding-top:0.455em;
	margin-bottom:1.455em;
	display:block;
}

#copyright {
	position:absolute;
	left: 263px;
	top: 512px;
	width:170px;
	height:32px;
	background:#6A2121;
	color:#fff;
	font-size:1em;
	line-height:1.6em;
	padding: 0 1em 0 1em;
}

#mainColumn a img {
	margin:3px;
	padding:6px;
	background:#fff;
	text-decoration:none;
	border:none;
}

#mainContent .article img {
	border: 1px solid #999;
	padding: 3px;
	background: #fff;
	float:left;
	margin: 0 7px 7px 0;
}

hr {
	max-width:100%;
	border:none;
	border-collapse:collapse;
	height:0;
	background:url(images/hr.gif) top left no-repeat;
	padding-top:9px;
	margin: 10px 0;
	clear:left;
}

/*div#fancy_wrap {
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	display:block;
}*/


#bbInput, #pics {
	position:absolute;
	top:336px;
	left:470px;
	width:250px;
	z-index:49;
	display:none;
}

#pics {
	display:inline;
}

#pics #homePic, #pics #musicPic, #pics #artPic, #pics #wordsPic, #pics #duesPic {
	position: absolute;
	height:210px;
	width:216px;
	top:0;
	left:0;
}

#pics #homePic {
	background:url(images/shaft.gif) bottom right no-repeat;
	display:inline;
}

#pics #wordsPic {
	background:url(images/books.gif) bottom center no-repeat;
	display:none;
}

#pics #musicPic {
	background:url(images/boombox.gif) bottom right no-repeat;
	display:none;
}

#pics #artPic {
	background:url(images/spraycan.gif) bottom center no-repeat;
	display:none;
}

#pics #duesPic {
	background:url(images/carter.gif) bottom center no-repeat;
	display:none;
}

#bbInput input.text {
	border:none;
	width: 190px;
	height: 24px;
	padding: 6px 6px 5px 3px;
	background:url(images/input.gif) no-repeat;
}

#bbInput input.textShort {
	border:none;
	width: 64px;
	height: 24px;
	padding: 6px 4px 5px 3px;
	background:url(images/input_short.gif) no-repeat;
}

#bbInput textarea {
	border:none;
	width: 190px;
	height: 88px;
	padding: 6px 7px 9px 3px;
	background:url(images/textarea.gif) no-repeat;
}