.body
{
background-color:black;
text-align:center;

/*  he text align center is a hack to make the centering of entire layout work in IE5 */
}

.container
{
margin: 10px auto;
width:750px;
text-align:left;
background-color:maroon;

/* container and the margin property are here to center the entire layout. 50px from the top, right and left margins are auto  */
}

/* --------------------------------------------------------------------------------------------------------------
header containing logo
---------------------------------------------------------------------------------------------------------------- */

.headerlogo
{
background-color:black;
color:orange;
float:left
clear:right;
font-family:"Arial";
font-size:48px;
font-weight:bold;
padding-bottom:5px;
}


.headerlogo2
{
font-size:37px;
font-weight:normal;
}


/* --------------------------------------------------------------------------------------------------------------
Navigation bar stuff
---------------------------------------------------------------------------------------------------------------- */
.navbar
{
width:150px;
background-color:maroon;
float:left;
font-size:15pt;
font-family:"Arial";
text-align:center;
color:orange;
}

.navlist
{
color:orange;
list-style-type:none;
padding:0;
margin-left:0;
margin-top:0;
}

.navlistitem
{
text-align:left;
padding:0.5em 0 0.5em 10px;
border-bottom: solid 2px #993300;
}


a.navlink:link
{
text-decoration:none;
color:orange;
display:block;
}

a.navlink:visited
{
text-decoration:none;
color:orange;
display:block;
}

a.navlink:active
{
text-decoration:none;
color:orange;
display:block;
}

a.navlink:hover
{
text-decoration:none;
color:#FFDE8E;
display:block;
}

/* --------------------------------------------------------------------------------------------------------------------------------------
 main content window stuff
----------------------------------------------------------------------------------------------------------------------------------------- */

.red
{
font-size:20px;
color:red;
}

.mainwindow
{
background-color:#FFFBCE;
width:540px;
float:right;
padding:30px;
font-family:"Arial";
font-size:17px;
}

/* 
use "fixedheightmainwindow" instead of "mainwindow" for pages where there is not enough text to make the mainwindow at least as tall as the navigation bar 
*/

.fixedheightmainwindow
{
background-color:#FFFBCE;
width:540px;
height:330px;
float:right;
padding:30px;
font-family:"Arial";
font-size:17px;
}

.mainphoto
{
width:250px;
height:300px;
float:left;
margin:0px 20px 20px 0px;
}

.albumphoto
{
width:200px;
height:200px;
margin:20px 20px 20px 0px;
}

.buythealbumbutton
{
width:200px;
height:97px;
margin:20px 20px 10px 0px;
}

.news
{
float:right;
width:240px;
margin-left:30px;

}

.eventsphoto
{
width:350px;
height:300px;
float:right;
padding-left:20px;
padding-bottom:10px;
}

a.mainlink:link
{
text-decoration:none;
font-weight:bold;
color:maroon;
}
a.mainlink:visited
{
text-decoration:none;
color:maroon;
font-weight:bold;
}
a.mainlink:active
{
text-decoration:none;
color:maroon;
font-weight:bold;
}
a.mainlink:hover
{
text-decoration:none;
color:#E30000;
font-weight:bold;
}

.txt1
{
font-size:25px;
font-weight:bold;
}

.txt2
{
font-size:22px;
font-weight:normal;
}

.txt3
{
font-weight:bold;
}

.txt4
{
font-size:13px;
}

.italic
{
font-style: italic; 
}

.mainlist li
{
list-style-type:none;
padding-bottom:1em;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------
image thumbnails (photos page)
------------------------------------------------------------------------------------------------------------------------------------------ */
.thumbnail
{
float:left;
margin:10px 10px 10px 10px;
}

img
{
border:none;
}

/* --------------------------------------------------------------------------------------------------------------------------------------
 music page stuff
----------------------------------------------------------------------------------------------------------------------------------------- */
.organtrio
{
width:240px;
float:left;
}


.2003trio
{
width:240px;
}

.jobbingcd
{
width:240px;
float:right;
}

.cdcover
{
padding-bottom:10px;
}

.tracklist 
{
list-style-type:none;
padding-left:0px;
margin-left:0px;
}

.tracklist > li
{
padding-bottom:3px;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------
footer containing copyright 
------------------------------------------------------------------------------------------------------------------------------------------ */

.copyrightfooter
{
color:orange;
background-color:black;
text-align:right;
font-size:15px;
width:750px;
height:20px;
clear:right;
padding-top:5px;
}