body{
	font-family: "DejaVu Sans", "Helvetica", "Sans Serif";
	background-color:#F5F3CC;
	}
	
div.primary{
  width: 80%;
  height: 770px;
  min-width: 550px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  border-style: solid;
 	border-width: 1px;
	border-color:silver;
	background-color: #E6E0BC;
  	}
	
div.bannerleft{
	background-image: url('images/butterfly1a.jpg');
	background-repeat: no-repeat;
	background-color: #E5DFBB;
	float: left;
	padding-left: 7px;
	font-size: 120%;
	height: 68px;
   width: 256px;
   font-weight: bold;
   text-align: center;
   color: #E8E0A3;
	}

div.bannerright{
	background-image: url('images/butterfly2a.jpg');
	background-repeat: no-repeat;
	float: right;
	padding-right: 7px;
	padding-left: 7px;
	font-size: 86%;
	font-style: italic;
	height: 70px;
   width: 251px;
   font-weight: bold;
   text-align: center;
   color: #F5F3CC;	
   	}

hr.bannerright{
	padding-top: 20px;
	margin-top: 25px;
	}

div.BehindBanner{
  background-image: url('images/butterfly3.jpg');
  background-repeat: no-repeat;
  height: 70px;
  border-bottom: 1px solid #CAAB9B;
  background-color:  #E3DDC6;
  }
  	
div.columnleft{
	font-size:75%;
	float: left;
	width: 130px;
	height: 640px;
	padding-top: 100px;
	}

div.menu{
	top: 16px;
	padding-left: 10px;
	padding-right: 5px;
	}

ol.menuwrap{
list-style-type: none;
padding-left: 1px;
	}

li.heading{
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 6px;	
	}
	
li {
list-style-type: none;	
	}

				/*The menu selectors start here.*/

		
.menu ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px;
	list-style-type:none;
	}		
	
			
	/*The following contextual selector locates menu then locates
	the li element then applies the listed property to the li element.*/
.menu li {
	
	}
	
.button {
	
	
 	font-weight: bold;
	}
			
/* Below is the level one content of the menu */
.menu li a {
	height: 17px;
	display:block; 
	color:#1B204F; 
	text-decoration:none; 
	font:12px arial, verdana, sans-serif; 
	
		}

	/* Menu: below is the change in level one content when the 
	cursor is placed over it*/
li.button:hover a {
	position:relative;
	border-style: solid;
	border-width: 1px;
	border-color: #BBB77B;
	background-color: #EDDD83; 
	border-style: outset;
	height: 15px;
	}



.menu li:hover {
	position:relative; 
		}
		
	/* Below is the backdrop to the Menu */
.menu li:hover ul {
	left:55px; 
	top:5px; 
	background:#EDDD83; 
	padding:3px; 
	border:1px solid grey; 
	width:140px;
	}
	
.menu li:hover ul li {
	height:17px; 
	border:none;
	}
	
	/* Below is the drop down Menu with curser over level one content */
.menu li:hover ul li a {
	height:18px; 
	padding:0px; 
	display:block; 
	font-size:12px; 
	width:140px; 
	line-height:18px; 
	text-indent:5px; 
	color:#2E3065; 
	background-color:#EDDD83;
	text-decoration:none; 
	border:1px solid transparent;
	}
	
	/* Below is the drop down Menu with cursor over the drop down*/
.menu li:hover ul li a:hover {
	height:18px; 
	background:#E8CD7B; 
	color:#000; 
	border:outset 2px #DACFB2;
	}
						/*The menu selectors end here .*/

div.Rcolumn{
  float: right;
	width: 140px;
	height: 700px;
	font-style: italic;
	color: brown;
	padding-top: 100px;
	
	}
	
div.desktopp{
	font-size: 75%;
	border-left: solid 1px #D9D09C;
	padding: 10px;
	margin-left: 10px;
	color: #753B31;
	}


div.midcolumn{
	background-image: url('images/butterfly4.jpg');
	background-repeat: no-repeat;
	background-position: top center;
  padding-left: 140px;
  height: 700px;
  }

h4.center{
	text-align: center;
	}
h5.center{
	text-align: center;	
	}