/* $Id: style.css,v 1.1.2.1 2005/07/02 05:05:40 gordon Exp $ */

/*
** HTML elements  nassau dems
*/
body {
  font-size:                  90%;
  background:                 #F9F4E1;
/*  color: 					  #5B3C22; */
}


	
/** Typefaces **/

/*body {
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	font-size:					11pt;
	line-height:                  14pt;
	text-align: left;
	
    color: 					  #000000;
	background-image: url(images/yoga_bg.JPG);   
  
}

*/

@media screen {
body {
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	font-size:					11pt;
	line-height:                  14pt;
	text-align: left;
	/*    color: 					  #000000; */
    color: 					  #000000;
	background-image: url(images/yoga_bg.JPG);   
  
	}
}

@media handheld {
body {
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	font-size:					11pt;
	line-height:                  14pt;
	text-align: left;
	/*    color: 					  #000000; */
    color: 					  #000000;
  
	}
	


	
}





pre, textarea {
  font-family:                "Lucida Console", "Andale Mono", "monotype.com", "Bitstream Vera Sans Mono", monospace;
}



div.topHead 
{	border: 1px solid #666600;
}

div.topBar 
{	margin-top 		: 10px;
	margin-bottom 	: 10px;
}
div.topMenu 
{	margin-top 		: 10px;
	margin-bottom 	: 10px;
}

.menulist {display:inline;
			margin-left: 10px;
			list-style:circle;
			margin-bottom: 20px; }


.level1 {margin-left: 20px;
		 margin-bottom: 0px;
}
		
ul.level1 {margin-botttom : 0px;

			 }
ol.level1 {margin-botttom : 0px;
		   margin-top:0px;
			 }			 

.level2 {margin-left: 35px;
		 font-size: 90%; 
 }
 
ul.level2 {margin-bottom: 0px;
			margin-top:0px; }	
			
ol.level2 {margin-bottom: 0px;
			margin-top:0px; }					

.required {
	font-style:italic;
	color:#FF0000;
	font-weight:bold;
}

.midBox {
background-image:url(images/creativepotteryHomeMid.jpg);
background-repeat:no-repeat;
}


.midBoxText {
  font-family:  "trebuchet MS";
   font-size:					10pt;
  text-align: left;
  padding: 10px;
    color: 					  #000000; 
/*   color: 					  #ffffff; */
   font-weight: bold;
  
}
.botLinks {
font-family: Geneva, Arial, Helvetica, sans-serif, "Courier New", Courier, mono;
font-size: 	8pt;
color: #5B3C22;
padding-left: 5px;
padding-left: 5px;
}

a.botLinks {
  text-decoration:            none;
}
a.botLinks:link { 
   text-decoration:            none; 
}
a.botLinks:visited { 
  text-decoration:            none; 
}
a.botLinks:hover { 
  text-decoration:            underline; 
}


/**
 * =Block Elements
 */

p {
  padding:                    0;
  margin:                     0 0 0 0;
}                             
pre {
  padding:                    0;
  width:                      99%;
  overflow:                   auto;
}

h1 {
  font-size: 1.4em;
  font-style:normal;
  margin-top: 20px;
  margin-bottom: 10px;
 
/*  margin-left: 15px; border-bottom: 1px solid #5B3C22;  */
}

 h3, h4, h5, h6 {
  margin: 0.3;
}

h2 {
  font-size: 1.1em;
  font-style:normal;
   margin-top: 10px;
  margin-bottom: 2px;
 
}

h3 {
  font-size: 1.0em;
  font-style: italic;
  margin-top: 0px;
  margin-bottom: 2px;
 
}

h4 {
  font-size: 1.4em;
  font-style: italic;
  margin-top: 10px;
  margin-bottom: 10px;
 
}

h5 {
  font-size: 1.0em;
  font-style:normal; 
  margin-top: 10px;
  margin-bottom: 10px;
 
}
h5, h6 {
  font-size: 1.1em;
  
}

#hours td {font-size:12px;}

/**
 * =Links
 */

a {
  text-decoration:            none; 
  padding:                    1px; 
     text-decoration:            underline; 
}
a:link { 
   color:#000000; 
}
a:visited { 
   color: 					  #000000; 
}
a:hover { 
   color: 					  #000000; 
   text-decoration:            none; 
}


fieldset {
  border: 1px solid #ccc;
}
pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}

/*
** Page layout blocks / IDs
*/
 #content {
  width: 90%;
  margin-left: 15px;
  text-align:left;
  color:#000000;
}



/** Node header **/

div.header .title {
  font:                       1.5em Arial, Helvetica, sans-serif;
  font-weight:                bold;
  line-height:                1.0em;
  margin:                     0;
  padding:                    0 0 2px 0;
  border-bottom:              1px solid #026668;
}
div.header .title, div.header .title a, div.header .title a:link {
  color:                      #026668;
  text-decoration:            none;
}
div.header .title a:hover {
  color:                      #026668;
  text-decoration:            underline;
}

/** Node Content **/

span.catname {
  font-size: 1.4em;
  font-style: italic;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align:left;
}


span.itemname {
  font-size: 1.1em;
  font-stye: italic; 
  font-weight:bold ;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align:left;
}


span.itemprice {
  font-size: 1.1em;
  font-stye: italic;
  font-weight:bold ;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align:right;
}


/** Node Footer **/

div.footer {
  color:                      rgb(151, 151, 151);
  border-top:                 1px dotted rgb(151, 151, 151);
  padding-top:                4px;
  margin:                     1.0em 0 1.2em;
  font-size:                  0.8em;
  text-align:                 right;
}
div.footer a:link {
  padding:                    2px;
  color:                      rgb(190, 115, 77);
  font-weight:                normal;
}
div.footer a:hover {
  color:                      #fff;
  background-color:           rgb(153, 51, 51);
}

#footer {
  background-color: #eee;
  padding: 1em;
  font-size: 0.8em;
}

#mws {
  text-align:center;
  color: #c0c0c0;
  padding: 1em;
  font-size: 0.8em;
}

#mws a {  color: #000000;
}
/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/


.menua
{
	FONT-FAMILY: Papyrus, Verdana, Arial, Sans-Serif;
	height: 30px;
  	FONT-WEIGHT: bold;
  	FONT-SIZE: 14px;
}
a.menua:link, a.menua:visited, a.menua:active {
  	TEXT-DECORATION: none;
  }

a.menua:hover {
  	TEXT-DECORATION: underline;
}

a.menut:link, a.menut:visited, a.menut:active {
  	TEXT-DECORATION: none;
	color: #CB3433
  }

a.menut:hover {
  	TEXT-DECORATION: underline;
	color: #CB3433
}




a.menub:link, a.menub:visited, a.menub:active {
  	FONT-FAMILY: Papyrus, Verdana, Arial, Sans-Serif;
  	TEXT-DECORATION: none;
  	FONT-WEIGHT: bold;
  	FONT-SIZE: 12px;
  	COLOR: #FFFFFF;
	TEXT-ALIGN: left;
	PADDING-left: 6px;
	BORDER: 1px solid #000000;
	BORDER-LEFT: 0px;
	BORDER-TOP: 0px;
	BORDER-BOTTOM: 0px;
  }

a.menub:hover {
  	FONT-FAMILY: Papyrus, Verdana, Arial, Sans-Serif;
  	TEXT-DECORATION: underline;
  	FONT-WEIGHT: bold;
  	FONT-SIZE: 12px;
  	COLOR: #FFFFFF;
	TEXT-ALIGN: left;
	PADDING-left: 6px;
	BORDER: 1px solid #000000;
	BORDER-LEFT: 0px;
	BORDER-TOP: 0px;
	BORDER-BOTTOM: 0px;
}


.menuE {
  	FONT-FAMILY: Papyrus, Verdana, Arial, Sans-Serif;
  	TEXT-DECORATION: none;
  	FONT-WEIGHT: bold;
  	FONT-SIZE: 16px;
  	COLOR: #000000;
  }


a.menuE:link, a.menuE:visited, a.menuE:active {
  	FONT-FAMILY: Papyrus, Verdana, Arial, Sans-Serif;
  	TEXT-DECORATION: none;
  	FONT-WEIGHT: bold;
  	COLOR: #000000;
  }

a.menuE:hover {
  	FONT-FAMILY: Papyrus, Verdana, Arial, Sans-Serif;
  	TEXT-DECORATION: underline;
  	FONT-WEIGHT: bold;
  	COLOR: #000000;
}

.textHeader
{
FONT-FAMILY: Papyrus, Verdana, Arial, Sans-Serif;
  	TEXT-DECORATION: none;
  	FONT-WEIGHT: bold;
  	FONT-SIZE: 32px;
  	COLOR: #000000;
	line-height:60px;
	padding-left:6px;
}

.textBody
{
FONT-FAMILY: Verdana, Arial, Sans-Serif;
  	TEXT-DECORATION: none;
  	FONT-SIZE: 12px;
  	COLOR: #000000;
	padding-left:12px;
	padding-right:12px;
	text-align: justify;
}