* {
	margin: 0;
	padding: 0; /*border: 0;*/
}
body {
	background-color:#969696;
	text-align: center;
	min-width: 960px;
	background-image:url(../images/background.jpg);
	background-position:center;
}

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper { /* also holds the left "sliding" tab */
	width: 960px; /* this can fixed or fluid */
	margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
	font-size: 80%;
	text-align: left;
	background-color:#ffffff;
}
#header, #subnav, #footer {
	clear: both;
	width: 100%;
}
#header {
	background-image:url(../images/CicadaSymponyLogo.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 65px;
}
#header.home {
	background-image:url(../images/homeheader.jpg);
	background-repeat: no-repeat;
	height: 407px;
}
#contentfloatholder {
	/* also makes the right "sliding" tab */
	background: url(../images/contentbg.gif) repeat-y 100% 0;
	float: left;
	width: 100%;
	position: relative;
}
#contentfloatholder:after {
	/* this is for NN6 to clear floats */
    content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#centerpad {
	/* TRIP haslayout for safety */
	display: inline-block;
	/*margin: 0 [right column width + centre padding]px 0 [left column width + centre padding]px;*/
	margin: 0 15px 0 235px;
}
#centerpad {
	/* SWITCH back the display */
	display: block;
}
#center {
	float:left;
	width: 100%;
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below because IE/Win also works with the 100% method.  
	*/
	margin-right: -95%;
}
#center-middle {
	margin: 0px 8px;
}
#left {
	/* the difference to make the left colum appear flush left */
	margin-left: -5%;
	width:220px;
	float:left;
	padding:0px 0px 20px 0px;
}
#right {
	float:right;
	width:220px;
}
#menu {
	padding: 0px 0px 0px 0px;
	clear: both;
}
#footer {
	background-image:url(../images/contentbase.gif);
	background-position:top left;
	background-repeat:no-repeat;
}/*
#footer .footer {
	text-align: center;
	background-image:url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position:13px left;
	padding-top:0px;
	height:73px;
}
*/
/*********/

#breadcrumbs {
	width: 100%;
	height: 1.6em;
}
#breadcrumbs a {
	display: block;
	float: left;
	padding-left: 12px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 10px;
	margin-top: 10px;
}
#breadcrumbs a.final {
	text-decoration: none;
}

#subcats, #siblings {
	margin: 20px;
	font-size: 1em;
}

#subcats a, #siblings a {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	margin-left: 10px;
	padding-left: 15px;
}
#subcats h3, #siblings h3 {
	font-size: 1em;
	border-bottom: 1px solid;
	border-color: #B7DAEC;
}

/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {
	margin-right: -100%;
}
* html div#left {
	margin-left: 0;
}
#left h3, #left p, #right h3, #right p {
	padding: 0 20px;
}