body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 100%;
	color: #333333;
	background-color: #FFFFce;
	margin: 12px 20px;
	padding: 0;
	text-align: center;
}

/*We used text align center on the body (for IE5). This centers
the wrapper- and all the text inside. So we set text align to
turn off centering for elements inside the wrapper DIV.
Then to center the layout for modern browsers, we set left
and right margins to "auto". Width 750px sets the overall layout width
and the width of the 2 columns, plus and padding or borders must not
exceed this value.*/

/*Pagewrapper serves as a container for all elements on the page.
Min-width is set to 720px. This prevents the box from getting too narrow -
to the point that it would either break the layout or make text
impossible to read. When a user makes the browser window narrow,
pagewrapper will shrink in width until it reaches 720px - then the
browser will spawn a horizontal scrollbar. MSIE 6 does not support
min-width, but we have included a special workaround. See the
readme_first file included with this PagePack for details.*/


#pagewrapper {
	text-align: left;
	background-color: #FFFFFF;
	border-top: 0;
	width: 776px;
	margin: 0 auto;
}

#menubar {
	background-image: url(../bartstuff/barthz_menbg.gif);
	background-color: #DED594;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	font-size: .85em;
}

/*The clearmenu class is assigned to an empty DIV that is placed just below
the menu's closing </ul> tag and just before the menubar's closing </div> tag.
This is necessary to the rendering of menubar's borders and background
because the top-level menu items are floated and, therefore, not in the page flow.
Do not delete or modify this rule in any way and do not delete or move the
clearing DIV in the page source code.*/
.clearmenu {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 1px;
}

/*The mainbox DIV contains all of the elements between the masthead and
the copyright notice. A left and right border are set and a background
image. The background image is what creates the dashed vertical rule
that separates the main content and sidebar areas. The background image
is positioned 212 pixels from the left edge of the mainbox and flush
with the top. The horizontal position of 212px is equal to the sum of
the body's left margin, the sidebar's width, and the sidebar's left
padding.*/
#mainbox {
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	background-image: url(../bartstuff/barthz_vrule.gif);
	background-repeat: repeat-y;
	background-position: 212px 0px;
}

/*Sidebar is floated to the left side of the mainbox. Its left
and right padding (20px) is added to its width (172px) to
determine the horizontal space it occupies. Font size is set
to .75em.*/
#sidebar {
	float: left;
	width: 172px;
	margin: 0 0 0 0;
	padding: 20px;
	font-size: 0.75em;
}

/*Left margin is set to clear the area occupied by the floated sidebar.*/
#maincontent {
	margin: 0 0 0 212px;
	padding: 20px 25px;
	font-size: .9em;
	line-height: 1.5em;
}

/*Paragraph margins are set.*/
#maincontent p {
	margin: 8px 0 12px 0;
}



/*Copyrighnotice contains the embedded copyright notice, which
also creates the bottom left curve of the main box. We also set
a background image that completes the bottom curve.*/
#copyrightnotice {
	font-size: .75em;
	background-image: url(../bartstuff/barthz_copy_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

/*Footer styles*/
#footer {
	padding: 16px 0 0 18px;
	font-size: .9em;
	background-color: #FFFFCE;
}
#footer p {
	margin: 0 0 3px 0;
}

/*Heading Styles*/
h1, h2, h3 {
	margin: 0px;
	font-size: 1.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
	line-height: normal;
	font-weight: normal;
}
h2, h3 {
	margin: 30px 0 0 0;
	font-size: 1.6em;
	color: #C2B992;
}
h3 {
	font-size: 1.4em;
}
#sidebar h3 {
	color: #666666;
}

/*the top class is applied to headings at the top of a DIV when we want
those heading to be flush with the top of the DIV. This class can be
assigned to any element to set its margin to zero.*/
.top {margin: 0;}


/*Link Styles. Applies to links except
those that are in the main menubar.*/
a:link {
	color: #A59D6B;
}
a:visited {
	color: #B5AD86;
}
a:hover, a:active, a:focus {
	color: #7E886F;
}
#sidecontent a:link {
	color: #837C50;
}
#sidecontent a:visited {
	color: #9D9660;
}
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
	color: #333333;
}

/* 
  -----------------------------------
  new album stuff
  -----------------------------------
*/
.small {
   font-size: 0.8em;
}
.borderimage {
	border: 1px solid Navy;
}

.borderBottom {
	border-bottom: 2px double Navy;
}