body{ 
  margin: 0px 0px 0px 0px;
	min-width: 240px;       /* LC fullwidth + CC padding */
  background-image: url(../icon/78C2C2_gradient.jpg);
  background-repeat: repeat-x;
  z-index: 50;
}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #755049;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #755049;
	}
a:hover, a:active { 
	color: #C29178;
	text-decoration: underline; 
	background: #497575;
	}
  
hr {
  margin: 0;
  background-color: #755049;
  color: #755049;
  height: 5px;
}

h2 { 
  margin: 5px;
  font: bold 20px Copperplate Gothic Bold;
  text-align: left;
}

h3 { 
  margin: 5px;
  font: bold 30px Copperplate Gothic Bold;
  text-align: center;
}

h4 { 
  margin: 5px;
  font: bold 16px Copperplate Gothic Bold;
  text-align: right;
}
#headermenu{
  position: fixed;  
  left: 0px;
  right: 0px;
  top: 0px;
  z-index:99;
}

.mainmenu{
  background: #C2C2C2;
}
.mainmenu hr{
  position: relative;
  margin: 0;
  background-color: #755049;
  color: #755049;
  height: 1px;
  z-index: 60;
}

.mainmenu:after{ /*Add margin between menu and rest of content in Firefox*/
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.mainmenu ul{
  text-indent: 10px;
  padding: 3px 0;
  margin: 0px 0px 2px 0px;
  text-align: center;  /*set value to "center" for example to center items*/
  list-style-type: none;
  z-index: 100;
}

.mainmenu ul li{
  font: bold 16px Copperplate Gothic Bold;
  position: relative;
  display: inline;
}

.mainmenu ul li a{
  padding: 2px 0.5em;
  text-decoration: none;
  color: #3D3D3D;
  background-color: #C2C2C2;
  border: 2px solid #C2C2C2;
}

.mainmenu ul li a:hover{
  color: #C29178;
  background-color: #497575;
  border-style: outset;
}

.mainmenu ul li a:active{
 border-style: inset;
}

html>body #mainmenu ul li a:active{ /* Apply mousedown effect (non IE browsers only) */
  border-style: inset;
}
html>body #mainmenu ul a:active{ /* Apply mousedown effect (non IE browsers only) */
  border-style: inset;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
  padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .mainmenu ul li {  height: 1%; }
* html .mainmenu ul li a { height: 1%; }
/* End */


/*header for sub pages*/
.logoheader{
  margin:  40px 100px 0px 100px;
  height: 200px;
}
.logoheader h1{
  margin: 0;
  font: bold 50px Bookman Old Style;
  color: #497575;
  text-align: center;
}
/*3 column layout*/
#container {
  margin: 0px 50px 0px 50px;
  padding-left: 200px;    /* LC fullwidth */
	padding-right: 190px;   /* RC fullwidth + CC padding */
	min-width: 240px;       /* LC fullwidth + CC padding */
}

#container .logoheader{
  margin: 0px 50px 0px 50px;
  height: 200px;
}

#container .logoheader h1{
  margin: 0;
  font: bold 50px Bookman Old Style;
  color: #497575;
  text-align: center;
}
#container .column {
  position: relative;
  float: left;	
}

#centercontent {
  padding: 0 20px;
	width: 100%;
}
#centercontent  p.articalstart:first-line{
  color: #497575;
  font-variant: small-caps;
}

#centercontent  p.articalstart:first-letter{
  color:#C29178;
  font: bold 80px xx-large;
}
#leftcontent {
  width: 180px;           /* LC width */
	padding: 0 10px;        /* LC padding */
	right: 240px;           /* LC fullwidth + CC padding */
	margin-left: -100%;
  background-image: url(../icon/C29178_gradient.jpg);
  background-repeat: repeat-x;
   z-index: 80;
}

#leftcontent  p:first-line{
  color: #497575;
  font-variant: small-caps;
}

#leftcontent p{
  margin: 5px 5px 0px 5px;
  color: black;
  z-index: 80;
}

#leftcontent  p.articalstart:first-letter{
  color:#C2C2C2;
  font: bold 80px xx-large;
}

#rightcontent {
  width: 150px;       
  padding:0 10px;
  margin-right: -100%;
  background: url(../icon/497575_gradient.jpg) repeat-x;
  z-index: 80;
}

#rightcontent h1{
  z-index: 60;
}
#rightcontent p{
	margin: 0px 0px 0px 0px;
  z-index: 70;
}

#footer{
  clear: both;
}

#footer h1{
  z-index: 90;
}

#footer a{
  color: #FFFF80;
}

* html #centercontent{
  width: 47%;
}

#flash{
    z-index: 20;
}

/*** IE Fix ***/
* html #leftcontent{
  left: 300px;            /* RC fullwidth */
}

