* {
	margin:0;
	padding:0;
	}

body {
margin:0 auto;
padding: 0;
text-align: left;
background: #f2f2e6 url(bg.jpg) repeat-y center top;
letter-spacing:1px;
word-spacing:1pt;
}

#container {
	position:relative;
	width:780px;
	left:50%;
	margin-left:-390px;
	background-color: transparent;
	overflow:auto;
	z-index:100;
	}

#navigation {padding-left: 52px;
  }


div.red {
  background-color: transparent;
  width:26.3%;
  float: left;
  }

#content {width: 50%;
	float: left;
	font: 12px verdana;
	color: #a55857;
	padding-left: 20px;
	}

h2 {font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #933f3e;
text-decoration: underline;
padding: 0px 0px 0px 15px;
  }

h3 {font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #933f3e;
text-decoration: none;
padding: 0px 0px 0px 15px;
  }

dl, dt, dd { margin: 0; padding: 0;}
.toggle {font: bold 12px Verdana, Georgia, "Times New Roman", Times, sans-serif; letter-spacing: 1px; background: #f1f1e7;color: #d7a9a7; text-transform: lowercase;padding: 2px 2px 2px 15px;border-bottom: 1px solid #FFFFFF;border-top: 2px solid #FFFFFF;cursor: pointer; }
.stretcher {margin: 0;padding: 0;}
.stretcher a {font: 11px Verdana, Arial, Helvetica, sans-serif;margin: 0;padding: 0 0 0 15px;background: #d0d0ca; color: #000;text-transform: lowercase;text-decoration: none;display: block;}
.stretcher a:hover {background: #a886ac;color: #b87f7d; padding: 0px 0px 0px 15px;
/* The image's width is 12px, so in the padding, add the bullet width + a few pixels */
background: url(images/right23.gif) no-repeat left center;}

.gradualshine{
filter:alpha(opacity=30);
-moz-opacity:0.3;
}


#footer {
border: 0;
font: 11px Verdana, Arial, sans-serif;
color: #679bcd;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
    width: 370px;
    height: 15px;
/* clear: both so that it remains at the bottom of the 3 columns */
    clear: both;
    background-color: transparent;
} 


.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/

}

.shadowcontainer{
width: 470px; /* container width*/
background: transparent url(bigshadow.gif) no-repeat bottom right;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background: #f1f1e7;
border: 4px solid #d0d0ca;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

.centeredImage
    {
    float: left;
    }