/* main containers */	
	body {
		text-align:center;
		margin: 0;
		margin-bottom:10px;
		padding: 0;
		background: #220000 url(../images/page_bg.jpg) repeat-x fixed bottom;
	}
	
	#header {
		background: #520000 url(../images/page_top.jpg) no-repeat scroll top;
		height:73px;
	}
	#header h1 {
		display:none;
	}
	
	#mainContainer {
		width: 600px;
		margin: 10px auto;
		text-align:left;
		background: #dbdbbb url(../images/page_bottom.gif) no-repeat scroll bottom;
		padding-bottom:10px;
	}
	
	#footer, #footer a {
		font: 8px verdana,helvetica,arial,sans-serif;
		color:#A77E49;
		text-decoration: none;
		text-align:center;
		margin-top:10px;
		margin-bottom:0;
	}
	#footer a:hover{
		text-decoration:underline;
	}
	
	.hide {
		display: none;
	}
	

	
/* main content */
	
	#mainContent {
		margin: 10px 10px 10px 160px;
		padding-left:10px;
		background: #dbdbbb url(../images/page_vertical_divider.gif) repeat-y scroll left;
	}
	
	#mainContent h2 {
		font: 12px georgia,palatino,times new roman,times,serif;
		font-style:italic;
		font-weight:bold;
		color:#A77E49;
		margin-top:0;
		height:48px;
	}
	
	#mainContent h3 {
		font: 14px arial,helvetica,verdana, sans-serif;
		font-weight:bold;
		color:#874503;
		margin-bottom:0;
	}
	#mainContent h3.title {
		height:44px;
	}
	
	#mainContent h4, #mainContent h4 a{
		font: 12px arial,helvetica,verdana, sans-serif;
		font-weight:normal;
		color:#A77E49;
		margin-top:0;
	}
	
	#mainContent a {
		color: #A77E49;
		text-decoration:none;
	}
	
	#mainContent h2 a, #mainContent h3 a {
		text-decoration: none;
		color:#874503;
	}

	#mainContent a:hover, #mainContent h2 a:hover, #mainContent h3 a:hover, #mainContent h4 a:hover {
		text-decoration: underline;
		/*color:#874503;*/
	}
	
	#mainContent p {
		font:14px arial,helvetica,verdana, sans-serif;
		color:#874503;
	}
	
	#mainContent img {
		border: solid 1px #A77E49;
		padding: 2px;
		margin: 0 10px 10px 0;
		float:left;
		background-color:#EAEFD8;
	}
	
	#mainContent span.imageCaption{
		float:left;
		width:250px;
		margin: 0 10px 10px 0;
		font-size:9px;
		color:#A77E49;
	}
	#mainContent span.imageCaption img{
		margin: 0;
		float:none;
	}
	
	#mainContent span.imageCaption a{
		text-decoration:underline;
	}
	
	#mainContent .entryFooter {
		text-align:center;
		font:12px arial,helvetica,verdana, sans-serif;
		color:#A77E49;
		/*margin-top:-15px;*/
		clear:both;
	}
	
	#mainContent .entryFooter a {
		text-decoration:none;
		color:#A77E49;
	}
	
	#mainContent .entryFooter a:hover {
		text-decoration:underline;
		color:#A77E49;
	}
	
/* side navigation */
	#sideNav {
		float: left;
		width:140px;
		clear:left;
		background: #dbdbbb;
		/* sets margin for all browsers */
		margin:77px 0 5px 5px;
		/* tantek adjustment for all but IE5.5- Win */
		voice-family: "\"}\""; 
		voice-family:inherit;
		margin-left: 10px;
		margin-top: 72px;
	}
	/* Further adjustment for IE5.5/6 Win */
	* html*#mainContainer #sideNav {
		margin-left:5px;
		margin-top:77px;
	}
	
	#sideNav p {
		margin-top:0;
		/*font:12px arial,helvetica,verdana,sans-serif;
		color:#874503;*/
		font:10px arial,helvetica,verdana, sans-serif;
		font-style: normal;
		color:#A77E49;
	}
	
	#sideNav {
		font:12px arial,helvetica,verdana,sans-serif;
		color:#874503;
	}
	
	#sideNav h4 {
	font:10px arial,helvetica,verdana, sans-serif;
		font-style: normal;
		color:#A77E49;
		display:inline;
	}
	
	#sideNav a {
		color:#874503;
	}
	
/* menu */
	#menu {
		margin:0;
		padding:0;
		height:27px;
		background: #520000 url(../images/menu_bg.jpg) repeat right bottom;
	}
	
	#menu ul {
		padding:0;
		margin: 0;
		list-style-type: none;
	}

	#menu ul li {
		float:left;
		margin:0;
		padding:0;
		background: #CACA9B url(../images/tab_right.jpg) no-repeat right top;
	}
	
	#menu a {
		/* float to solve IEMac width issue. Reset for other browsers below */
		float:left;
		color: #874503;
		font:14px verdana,helvetica,arial,sans-serif;
		font-weight:bold;
		display: block;
		text-align:center;
		text-decoration: none;
		padding: 5px 15px;
		background: transparent url(../images/tab_left.jpg) no-repeat left top;
		
		/* ensures that the text within the links doesn't wrap in IE6/5.5Win */
		/* for compatibility in IE5.0Win   is needed within the html :( */
		white-space: nowrap;
		
		/* IE6-/Win hack to expand clickable area (see width reset for other browsers below )*/
		width:.1em;
	}
	/* Resets anchor width for all other browsers */
	#menu > ul a {width:auto;}
	
	/* Hide from IE5Mac \*/
	#menu a {float: none;}
	/* */
	
	#menu #current {
		background-image: url(../images/tab_right_current.gif);
		background-color: #dbdbbb;
	}
	
	#menu #current a{
		background-image: url(../images/tab_left_current.gif);

	}
	
	/* Comments section */

	#comments, #postComments {
		background: transparent url(../images/horizontal_divider.gif) repeat-x left top;
	}
	
	.comment {
		margin: 0 20px;
	}	
	.commentsHeader {
		font:10px arial,helvetica,verdana, sans-serif;
		font-style: normal;
		color:#A77E49;
	}
	.commentNumber {
		font:10px arial,helvetica,verdana, sans-serif;
		font-style: normal;
		color:#A77E49;	
	}
	.commentsPoster {
		font:10px arial,helvetica,verdana, sans-serif;
		font-style: normal;
		color:#A77E49;
	}
	.commentsPoster a {
		color:#A77E49;
	}
	
	label {
		font:10px arial,helvetica,verdana, sans-serif;
		font-style: normal;
		color:#A77E49;
	}
	
	#posterDetails label, #posterDetails input {
		display: block;
		width: 250px;
		float: left;
		margin-bottom: 10px;
	}

	#posterDetails label {
		text-align: left;
		width: 125px;
		padding-right: 20px;
	}

	#posterDetails br {
		clear: left;
	}