* {padding:0px; margin:0px; border:0px}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
    text-align:center;
    background: #E9D3A2;
}

table {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form {
	margin: 0;
	padding: 0;
}

input, textarea, select {
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
    border: 1px solid #55075B;
}
#learnmore {
    color:#ffffff;
    text-decoration:underline;
	background:transparent;
	border:0;
}

h1, h2 {
	font-weight: bold;
	color: #55075B;
}

h1 {
	font-size: 2.4em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
    color: #55075B;
}

p, ul, ol {
}

p {
}

blockquote {
	font-style: italic;
}

ul {
}

ol {
}

a {
	color: #0c61a9;
}

a:hover {
	text-decoration: none;
}

small {
}

hr {
	display: none;
}

img {
	border: none;
}

/* container to fix right top image */
#rcontainer
{

	margin: 0 auto;
	background: #C2AE01 url('../images/main_bg.jpg') repeat-x left top;
    z-index :100;	
}


* html div#bcontainer { 
   height: expression( this.scrollHeight < 601 ? "600px" : "auto" ); /* sets min-height for IE */
   min-height: 600px; /* sets min-height value for all standards-compliant browsers */
}


/* container to fix right top image */
#bcontainer
{

	margin: 0 auto;
	width:980px;
    min-height:600px;
	background: transparent url('../images/butterfly.png') no-repeat left bottom ;
    /* background-image:url('../images/butterfly.png');
    background-position:0% 100%;
    background-repeat:no-repeat; */
    z-index :101; 


    <!--[if IE 6]>
	background: url('../images/butterfly.png') no-repeat 100% 100%;
	<![endif]-->
}



/* main wrapper */
#container
{
	width:980px;
	margin: 0 auto;
	background: transparent url('../images/righttop_bg.jpg') no-repeat right top;
    z-index:99;
}

/* main wrapper */
#wrapper
{
    text-align:left;
	width:700px;
	margin: 0 auto;
    z-index:98;
}

/* Header */

#header {
	width: 700px;
	height: 160px;
	margin: 0 auto;
}

.leftlinks a
{
	text-decoration:none;
	color:#55075B;
    font-weight:bold;
}

.leftlinks a:hover
{
	color:#55075B;
	text-decoration:underline;

}

.leftheadersec a
{
	color:#FFFFFF;
}
/* spacer */
#spacer
{
	height:25px;
}


/* Footer */
#footerwrapper
{
    width:100%;
	height: 25px;
	margin: 0 auto;
	background: #E9D3A2;
    border-top:1px dotted #55075B;
}

#footer {
	color:#AD9C30;
	width: 700px;
	height: 25px;
    line-height:25px;
	margin: 0 auto;
	background: #E9D3A2;
}
#footer a {
	color:#AD9C30;
}

#footer p {
	margin: 0;
}



/*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */

 img, div { behavior: url(../includes/iepngfix.htc) }

 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(../includes/iepngfix.htc) }
 */