body {
	background: #036;
	margin:8px;
	/*  text-align center is css hack for IE for centered div - must remember to set text-align for contained divs  */
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 14px;
	text-align: center;
	}

/*  formatting for the main div which wraps all the other divs - overall border and content background here...  */
#main {
	border:4px solid #39f; 
	background:#fff;
	width:800px;
	/*  margins as set below are for centering of div in all browsers but IE.  */
	margin: 0px auto;
	text-align: left;
	color: #036;
	}	

/*  formatting for the header bar of the page which will include the logo and breadcrumbs...  */	
#header	{
	background: #ff0;
	width:100%;
	padding: 0px;	
	}	

/* used to allow for padding in the header - there are issues with using padding in id selector header  */
#headerfiller {
	padding: 0px 0px 10px 0px;
	}

/* Looks like you have to specify the width of #menu or IE5 Mac stretches it all the way across the div, and Opera streches it half way. */
#main #menu {
	border-top: 0px solid #000; 
	border-bottom:0px solid #000;
	border-left:0px solid #000;
	float:right;
	width:150px;
	background:#39F;
	margin:0px 0px 10px 10px;
	text-align: center;
	color: white;
	}

p,h1,pre {
	margin: 0px 10px 10px 10px;
	}
	
h1 {
	font-size:14px;
	padding-top:10px;
	}

a:link {
	color: #06c;
	text-decoration: none;	
}

a:visited {
	color: #06c;
	text-decoration: none;
}

a:active {
	color: #06c;
	text-decoration: none;
}

a:hover	{
	color: #06c;
	text-decoration: underline;
	font-weight: bold;
}

#menu p { 
	font-size:12px
	}

#menu a:link {
	color: #fff;
	text-decoration: none;	
	}

#menu a:visited {
	color: #fff;
	text-decoration: none;
	}

#menu a:active {
	color: #39f;
	text-decoration: none;
	}

#menu a:hover {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
	}

.date {
	margin: 10px 5px 5px 5px;
	color: red;
	text-align: center; 
	}

.title  {
	margin: 5px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	}
	
.content  {
	
	}	

.contentBold {
	font-weight: bold;
/*	font-variant: small-caps;  */
}

.contentBoldRed {
	font-weight: bold;
	color:red;
/*	font-variant: small-caps;  */
}

.content div {
	margin: 5px 15px 5px 15px;
	}

#mainContent	{

}
	
#main #mainContent div {
	margin: 0px 5px 15px 5px;
	text-indent: 15px;
}

/*  THE FOLLOWING IS THE CSS FOR THE DD COLOR TABS FROM DYNAMICDRIVE.COM  */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddcolortabs{
	margin: 0px 10px 0px 10px;
	padding: 0px;
	width: 90%;
	background: transparent;
	}

#ddcolortabs ul{
	font: bold 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	}

#ddcolortabs li{
	display:inline;
	margin:0 2px 0 0;
	padding:0;
	text-transform:uppercase;
	}
	
#ddcolortabs a{
	float:left;
	color: white;
	background: #39f url(http://valleyroyals.org/images/color_tabs_left.gif) no-repeat left top;
	margin:0 2px 0 0;
	padding:0 0 1px 3px;
	text-decoration:none;
	letter-spacing: 1px;
	}

#ddcolortabs a span{
	float:left;
	display:block;
	background: transparent url(http://valleyroyals.org/images/color_tabs_right.gif) no-repeat right top;
	padding:4px 9px 2px 6px;
	}

#ddcolortabs a span{
	float:none;
	}

#ddcolortabs a:hover{
	background-color: #9cf;
	}

#ddcolortabs a:hover span{
	background-color: #9cf;
	}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
	background-color: #036;
	}

#ddcolortabsline{
	clear: both;
	padding: 0px;
	width: 100%;
	height: 6px;
	line-height: 7px;
	background: #39f;
	border-top: 1px solid #ff0; /*Remove this to remove border between bar and tabs*/
	}