/*The following is supposed to round corners on IE to join with the java script file, but it does not work for me. When solved, it should go below every SET OF instances of "border-radius" in the css 	       
   behavior:url(border-radius.htc);
  conflict with
 url(images/dragonflybig.png) no-repeat fixed 33%;
 	background:#6699CC url(images/transbgpr.gif)
 AND OTHER BACKGROUND IMAGES
 SOMETHING ABOUT LAYERS
*/

body {
	font-family: Garamond, Verdana, Courier, Arial;
	color:#FFFFFF;
	background:#6CF;
	font-size: medium;
	font-weight: bold;
}

a:link, a:visited {
	color: #FFF;
}
 a:hover{
	color: #6CF;
}
img{
	margin: 0px;
	padding: 0px;
}
.plain {
	font-family:Garamond, Verdana, Courier, Arial;
}
h1, h2, h3{
	margin:0;
	color: #FFF;
	font-style: italic;

}
/*just a comment-Wrap is the body wrapper*/
#wrap{
	width:80%;
	margin:0 auto;
	background: #96c;
	padding:2%;
	
/* css3 implementation :) */  
 /* rounded corner */ 
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;
    /* drop shadow */  
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5);  
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5); 
	behavior:url(border-radius.htc);
}
.pad{
	padding:1em;
	margin:1em 0;
	background:url(images/transbgpr.gif) center;

/* css3 implementation :) */ 
/* rounded corner */  
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;
    /* drop shadow */  
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5);  
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5); 
	behavior:url(border-radius.htc);
	overflow: visible;
}
#header{
	text-align: center;
	margin-bottom: 1em;
}
#logo {
	background:#96C url(images/myspirit.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
	/* clear picture and link over logo */  
#trans {
	text-align:center;
	height:316px;
	width:90%;
	border:none;
}

/* horizontal main menu */  
#nav{
	background:#6699CC;
	text-align: center;
	padding:1em;
	margin:0;
	font-size: large;
	display: block;
	/* css3 implementation :) */  
/* rounded corner */  
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;

    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5);  
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5); 
	box-shadow: 0 1px 10px rgba(0,0,0,.1);
	behavior:url(border-radius.htc);
}
    /* IEhack for nav menu*/  
/* nav div {
	\width: 100%;
	w\idth: 100%;
	\height: 100%;
  }   */
.mid{
	text-align: center;
}
#lcol{
	float:left;
	width:27%;
	padding:1em;
	margin:1em 0;
	color: #FFFFFF;
}
.menu{
	text-align: center;
	display: block;
}
/* css3 implementation :) */  
/* scalable buttons */  

 .awesome,.awesome:visited{
	background: #222 url(images/buttontrans.png) repeat-x;
	background-color: #69C;
	margin: 0;
	padding: .5em;
	line-height: 2;
	color:#FFF;
	text-decoration: none;
	font-weight: bold;
/* rounded corner*/
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
     /* button drop shadow */
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	/* rounded corner for IE 
 IS BROKEN HERE  */ 
}

 .awesome:hover{
 background-color: #6CF;
 }
 .awesome:active{
 top:1px;
 }
 /* button Sizes = Not Using - sizes under menu style----------
.small.awesome {
 font-size: 11px;
 }
   */
  
 /* button Colors ---------- not using-implimented in awesomr
 .blue.awesome {
 background-color: #6699CC;
 }
 .blue.awesome:hover {
 background-color: #66CCFF;
 }     */
 
  /* right/main column ---------- */
#main{
float:right;
width:62%;
padding:1em;
margin:1em 0;
}



#mtemp{
width:80%;
padding:1em;
margin:0 auto;
}


#footer{
clear:both;
padding:.5em 1em;
background:#6699CC;
/* css3 implementation :) */  
/* rounded corner */  
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;
    /* drop shadow */  
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5);  
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5); 
	/* rounded corner for IE */
 	behavior:url(border-radius.htc);
}
#footer p{
	margin:0;
}
* html #footer{
height:1px;
}


/*just a comment-Wrap is the search page body wrapper*/
#swrap{
	width:95%;
	margin:0 auto;
	background: #96c;
	padding:2%;
	
/* css3 implementation :) */  
 /* rounded corner */ 
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;
    /* drop shadow */  
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5);  
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5); 
	behavior:url(border-radius.htc);
}

  /* search page container ---------- */
  #searchpad{
	width:100%;
	padding:0;
	margin:0 auto;
	text-align: center;
}

#searchresults{
	width:80%;
	padding:5;
	margin:0 auto;
	background: #FFF;
}