/*The following is supposed to round corners on IE to join with the java script file, but it does not work well for me. Created another css just for ie coyote_ie.css
*/
body {
	font-family: Garamond, Verdana, Courier, Arial;
	color:#FFC;
	background:#CDAF95;
	font-size: medium;
	padding: 1em, 0;
	font-weight: bold;
}



a:link, a:visited {
	color: #669;
}
 a:hover{
	color: #69C;
}
img{
	margin: 0px;
	padding: 0px;
}
.corners{
		/* 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); 
	}
.plain {
	font-family:Garamond, Verdana, Courier, Arial;
}
h1{
	color: #6CF;
	font-style: italic;
}
h2, h3{
	font-style: italic;
	color: #FFFFCC;
	margin: 0 0 .5em 0;
	padding: 0;
}
ul{
	padding-left: 2em;
}
li{
	padding: 0.5em 0 0;
}

.strong{
	font-weight: bold;
}
/*just a comment-Wrap is the body wrapper*/
#wrap{
	width:75%;
	margin:0 auto;
	background: #669;
	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); 
}
.pad{
	padding:1em;
	margin:1em 0;
	background:#69c url(images/transbgdespr.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); 
	overflow: visible;
}
#header{
	text-align: center;
	margin-bottom: 1em;
}
#logo {
	background:#669 url(images/cmlogo.jpg) no-repeat center;
	}
	/* clear picture and link over logo */  
#trans {
	text-align:center;
	height:316px;
	width:90%;
	border:none;
}

/* horizontal main menu */  
#nav{
	background:#69C;
	text-align: center;
	padding:1em;
	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);
	margin-bottom: 1em;
}
.bar{
	background: url(images/barbdbeigsm.jpg) repeat-x;
	width: 100%;
	height: 25px;
}

.mid{
	text-align: center;
}
.howl{
	float: left;
	display: block;
	padding: 1.5em 0.5em 0 0;
	margin-right: .5em;
}
#lcol{
	float:left;
	width:27%;
	padding:.5em;
	margin:0;
}
.menu, .menu.corners{
	text-align: center;
	background:#69C;
	display: block;
	width: 100%;
}
/* css3 implementation :) */  
/* scalable buttons . awesome*/  

 .awesome,.awesome:visited{
	background: #69C url(images/buttontrans.png) repeat-x;
	margin: 0;
	padding: .5em;
	line-height: 2;
	color:#FFFFCC;
	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);
}

 .awesome:hover{
	background-color: #6CF;
	color: #FFFFFF;
 }
 .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:.5em;
margin:0;
}
#mtemp{
width:80%;
padding:0.5em;
margin:0 auto;
}
#todo{
}

#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); 
}
#footer p{
	margin:0;
}
* html #footer{
height:1px;
}
#fbwrapper {
	text-align: center;
}
.fb-like-box, #fblikes {

	background:#ffffff;

}