@charset "UTF-8";

/* CSS Document */



BODY

	{ font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; }

	

.sectionTitle

	{
	font-size: 13pt;
	color: #e7302a;
	font-weight:bold;
}

	.style1 {
	color: #7aa23f;
	font-weight: bold;
}

.sectionTitleSeperator

	{
	background-color: #e7302a;
}	





.genericContent

	{
	font-size: 10pt;
	font-weight:bold;
	line-height: 12pt;
	color: #744c6f;
	text-align: left;
	text-decoration: none;
}

	



.genericContentD

	{ font-size: 10pt;
	font-weight:bold;
	line-height: 12pt;
	color: #744c6f;
	text-align: left;
	text-decoration: none;
	display: none;
	 }



.genericGreenContent

	{ font-size: 10pt; color: #7aa23f; text-decoration: none; }

	

.greenBoldContent

	{ font-size: 10pt; color: #7aa23f; font-weight: bold; text-decoration: none; }

	

.emphasizedContent

	{
	font-size: 9pt;
	color: #e7302a;
	font-weight: bold;
	text-align: justify;
	text-decoration: none;
}

	

.subContentGray

	{ font-size: 8pt; font-weight: bold; color: #777777; text-decoration: none; }

.subContentGray a
{ font-size: 8pt; font-weight: bold; color: #EBB309;  padding-left:11px; text-decoration: none; padding-bottom:8px;}



.BoldGreen

	{ font-size: 11pt; font-weight: bold; color: #777777; text-decoration: none; }



.subContentOrange

	{
	font-size: 8pt;
	font-weight: bold;
	color: #e7302a;
	text-decoration: none;
}

	

.subContentLink

	{
	font-size: 8pt;
	font-weight: bold;
	color: #e7302a;
	text-decoration: none;
}

	

.subContentLink:hover

	{ text-decoration: underline; }

	
.classlist{
list-style-type:circle;
margin:0;
padding-left:15px;
}
	

.genericLink

	{
	font-size: 10pt;
	color: #e7302a;
	text-decoration: none;
}
.genericLink:hover

	{ text-decoration: underline; }

.redtext
	{
	font-size: 10pt;
	color: #e7302a;
	text-decoration: none;
}


#hme_content_image_left

	{	padding: 0px 10px 10px 0px; float: left; }

	

#hme_content_image_right

	{	padding: 0px 0px 5px 10px; float: right; }

	



.genericInput

	{ font-size: 8pt; color: #777777; width:135px; border: 1px solid #E4E4E4; }	



.greenSectionTitleContainer

	{ background-image: url(../images/greenbar.jpg); background-repeat: repeat-x; height: 33px; } 



.greenSectionTitle

	{ padding-left: 10px; font-size: 10pt; color: #777777; text-decoration: none; }





.genericSeperator

	{ padding: 10px 0px 0px 0px; }



.dashLine

	{ background-image: url(../images/dash_01.gif); background-repeat: repeat-x; }



.greenBacker {

margin-top: 20px;	

background-image: url(../images/greenbar.jpg);

	background-repeat: repeat-x;

	height: 33px;

	

}

.greenBacker span { 

padding-left:10px;

display: block;

padding-top: 8px;

font-size: 10pt; color: #777777; text-decoration: none;

}


a.home {

display: block;
width:102px;
height:40px;
background-image:url(../images/nav/1home.jpg);
text-decoration: none; 
}

a.home:hover {

background-position: -102px 0;
}

a.aboutmyra {

display:block;

width:104px;

height:40px;

background-image:url(../images/nav/aboutmyra.jpg);

text-decoration: none; 

}

a.aboutmyra:hover {

background-position: -104px 0;

}



a.books {

display:block;

width:66px;

height:40px;

background-image:url(../images/nav/books.jpg);

text-decoration: none; 

}

a.books:hover {

background-position: -66px 0;

}



a.classes {

display:block;

width:141px;

height:40px;

background-image:url(../images/nav/classandevents.jpg);

text-decoration: none; 

}

a.classes:hover {

background-position: -141px 0;

}



a.services {

display:block;

width:83px;

height:40px;

background-image:url(../images/nav/services.jpg);

text-decoration: none; 

}

a.services:hover {

background-position: -83px 0;

}



a.recipes {

display:block;

width:76px;

height:40px;

background-image:url(../images/nav/recipes.jpg);

text-decoration: none; 

}

a.recipes:hover {

background-position: -76px 0;

}



a.blog {

display:block;

width:56px;

height:40px;

background-image:url(../images/nav/blog.jpg);

text-decoration: none; 

}

a.blog:hover {

background-position: -56px 0;

}



a.links {

display:block;

width:58px;

height:40px;

background-image:url(../images/nav/links.jpg);

text-decoration: none; 

}

a.links:hover {

background-position: -58px 0;

}



a.contact {

display:block;

width:81px;

height:40px;

background-image:url(../images/nav/contact.jpg);

text-decoration: none; 

}

a.contact:hover {

background-position: -81px 0;

}



/* DROP DOWN */

/* ############################*/



#navmenu {

width:139px;

	font-weight:bold;

	font-size:11px;

	height:40px;

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

	border:none;

	

}



#navmenu ul{

width:139px;

list-style-type:none;

line-height:40px;

margin:0;

padding:0;

}

	

#navmenu li {

	float:left;

	position:relative;

	text-align:center;

	text-transform:uppercase;

	vertical-align: middle;

	background-image:url(../images/nav/dropdown-backer.gif);

	background-repeat:repeat-x;

	/*white-space:nowrap;*/

}



#navmenu li.classes{

	padding:0;

	margin:0;

}

#navmenu a.classes{

	padding:0;

	margin:0;

}	



/* The IE trick \*/

* html #navmenu li.classes {

/*	width: 90.999px; */

}





#navmenu li a {

	display:block;

	font-size:11px;

	text-decoration:none;

	padding:0 0 0 0;

	border-left: 0px;

	border-top: 0px;

	border-right: 0px;

	



}

	

#navmenu li a:hover {

	line-height:40px;

	background-image:url(../images/nav/classandevents.jpg);

	background-repeat:repeat-x;

	border:none;

	color: #fff;

}



#navmenu li#current a {

	/*background-position: 50% 0%; */

}

	

/* Horizontal Menu Drop Down Sub-Menus */



#navmenu li ul {

	display:none;

	position:absolute;

	line-height:22px;

}

	

#navmenu li:hover > ul {

display:block;

line-height:22px;

border:0px;

}



#navmenu li ul li {	

	width:139px;

	text-transform:none;

	margin:0px;

	padding:0px;

	

}

	

#navmenu li ul li a {

	line-height:22px;

	padding:0 0 0 10px;

	text-align:left;

	background-image:url(../images/nav/dropdown-backer.gif);

	background-repeat:repeat-x;

	color:#ffffff;



}

	

#navmenu li ul li a:hover {
	/*color:#576890;*/

	color:#FFFF00;
	/*color: #ffffff;*/

	padding:0 0 0 10px;
	line-height:22px;
	border: 0px;
	background-image:url(../images/nav/dropdown-backer.gif);
	background-repeat:repeat-x;
}

.imagepadder {
padding-bottom: 5px;
padding-right: 10px;
}