body {
        font: 80% verdana, arial, helvetica, sans-serif;
        color: #ffffff;
        background: #4C3384;
        text-align: center;
        margin: 0px;
        padding: 0px;
}

.biggertext
{
	font: 140% verdana, arial, helvetica, sans-serif;
	color: #FFCC66;
}

a:link
{
	color: #FFCC66;
	text-decoration: underline;
}

a:visited
{
	color: #CC9933;
	text-decoration: underline;
}

a:hover
{
	color: #FFFF33;
        text-decoration: underline;
}

#flute-container
{
	margin: 20px auto;        
      background: #4C3384 url(graphics/flute_background.jpg) top left no-repeat;
      height: 200px;
	width: 600px;
	clear: both;
}

#flute-2-cols
{
	clear: both;
}

#flute-preamble
{
	float: left;
	width: 50%;
}

#flute-title
{
	float: right;
	width: 50%;
}

#flute-tel-number
{
	text-align: right;
	margin: 0px;
}

#flute-main
{
	float: right;
	width: 100%;
	text-align: right;
	clear: both;
}

.flute-float-right
{
	float: right;
	text-align: right;
}

.flute-float-right-half
{
        float: right;
        text-align: right;
	width:55%;
}

.flute-float-left
{
	float: left;
	text-align:left;
}

.flute-border-box{width: 260;}

.flute-border-box div {
	margin: 0 10px 10px 10px;
	background-color: transparent;
        border: 1px solid rgb(132,132,0);
	background-color: #4C3384;
}

.flute-border-box h2 {
	margin: 0;
	background-color: #392071;
	color: #ffffff;
	font-size: 0.9em;
	padding: 5px;
	text-align: center;
}

.flute-border-box p {
	margin: 5px 0; /* only vertical margins here */
	padding: 0 5px; /* but pad the sides */
	text-align: left;
}

.flute-border-box .p-divider {
	border-top: border: 1px solid rgb(132,132,0);
	padding-top: 5px; /* This one gets top padding */
}

#duet-main 
{
	clear: both;
	text-align: center;
}

#duet-title
{
        width: 100%;
	text-align: center;
}