/* CSS Document */
body {margin-top: 10px; background: #fff;}

p {margin: 4px 4px; padding: 0px 4px 0px 4px; font: 75% Arial, Helvetica, sans-serif; color: #333; vertical-align: top; line-height: 1.3em; text-align: justify;}
h1 {margin: 2px; font: bold 100% Arial, Helvetica, sans-serif; color: #FFFFFF; background: #ABC0D1; padding: 2px 3px 2px 5px;}
h2 {margin: 2px; font: bold 80% Arial, Helvetica, sans-serif; color: #333; background: #C4D2DF; padding: 2px 3px 2px 5px;}
h3 {margin: 4px; font: bold 80% Arial, Helvetica, sans-serif; color: #003399;  padding: 2px 3px;}
h4 {margin: 2px; font: bold 80% Arial, Helvetica, sans-serif; color: #003399;  padding: 2px 3px; text-align: center;}
h5 {margin: 2px; font: bold 100% Arial, Helvetica, sans-serif; color: #003399;  padding: 2px 3px;}
.caption {font:  70% Arial, Helvetica, sans-serif; color: #003399;  padding: 0px 0px 6px 0px;}


#header {width: 740px; height: 110px; background: url(../images/header/header.jpg) no-repeat left top; border: 0px solid #999; margin: 5px;}
#container {width: 750px; background: #fff;}
#content {width: 748px;}

#footer {width: 740px; height: 50px; background-color: #DFDFDF;  border-top: 1px dashed #999; border-bottom: 1px dashed #999;  }
#footer p {font: 70% Verdana, Arial, Helvetica, sans-serif; color: #666; margin: 2px 0px 0px 5px; padding: 3px 0px 3px 3px;}
#footer a { color: #666; text-decoration: none;}
#footer a:hover {color: #000; font: bold;}
.footerImage {float: right; margin: 5px;}


/*Pages*/
#pageIntro {width: 740px; border: 1px solid #ccc; margin: 4px;}
/*home*/
.contentBoxWide {width: 740px; border: 1px solid #ccc; margin: 4px;}
.contentBoxHalfL {width: 365px; height: 320px; border: 1px solid #ccc; margin: 4px 0px 4px 4px; float: left;}
.contentBoxHalfR {width: 365px; height: 320px; border: 1px solid #ccc; margin: 4px 4px 4px 0px; float: right;}
.contentBox {width: 243px; border: 1px solid #ccc; margin: 3px; float: left;}
.contentBox span {color: red;}
/*about us*/
.contentBoxAbout {width: 366px; border: 1px solid #ccc; margin: 4px;}
/*Management Training*/
.contentBoxManagement {width: 366px; border: 1px solid #ccc; margin: 4px;}
/*Children's Parties*/
.contentBoxParties {width: 366px; border: 1px solid #ccc; margin: 4px;}
#workshopGallery {height: 420px;}
/*Workshops*/
.contentBoxDates {width: 366px;  border: 1px solid #ccc; margin: 4px;}
.contentBoxDates2 {width: 366px;}
.dates				{width: 740px;  border: 1px solid #ccc; margin: 4px;}
.diary				{width: 340px; float: right; border: 1px solid #ccc; margin: 15px; background: #E5E5E5;}
.diary p			{text-align: left !important;}


#workshopSlide {width: 742px; height: 500px; border: 1px solid #ccc; margin: 4px; background: none;}
/*School Workshops*/
.schools  {width: 740px; border: 1px solid #ccc; margin: 4px;}
.workshop {width: 740px; border: 1px solid #ccc; margin: 4px;}
#schoolSlide {width: 740px; height: 520px; border: 1px solid #ccc; margin: 4px; background: none;}
/*Gallery*/
#contentBoxGallery {width: 740px; height: 500px; border: 1px solid #ccc; margin: 4px;}
.contentGeneral	{width: 743px; border: 1px solid #ccc; margin: 4px;}
/*Management*/
#management1 {width: 740px; border: 1px solid #ccc; margin: 4px;}


/*NAVBARS START*/
#navbar {height: 18px; background-color: #DFDFDF; width: 740px;  border-bottom: 0px solid #999; 
		border-top: 1px dashed #999; border-bottom: 1px dashed #999;  margin: 0px 4px 0px 4px;}
#navbar a {background-color: #DFDFDF; border-right: solid #fff 1px; text-align: center; 
		font: bold 65% Verdana, Arial, Helvetica, sans-serif; color: #666; display: inline; margin: 0px; 
		padding: 2px 10px 2px 10px; text-decoration: none; height: 15px; border-bottom: none;}
#navbar a:hover {background: #666 !important; color: #fff !important;}
#navbar a:focus {-moz-outline: none;}
#navbar a:focus {outline: none;}

/*Top menu bar over-states*/
#home #homeDown, #aboutUs #aboutDown, #gallery #galleryDown, #managementTraining #educationDown, #studioWorkshops #educationDown, 
#schoolWorkshops #educationDown, #childrensParties #educationDown, #contact #contactDown, #feltMaking #feltMakingDown, #news #newsDown
{background: #999; color: #fff}

/*Drop menu over-states*/
#managementTraining #dropManagement, #studioWorkshops #dropStudioworkshops, #schoolWorkshops #dropschoolWorkshops, 
#childrensParties #dropchildrensParties 
{background: #999; color: #fff}

/*Drop Menu*/
#dropMenu			{width: 150px; background-color: #DFDFDF; border: 1px dashed #999;}
#dropMenu a 		{font-size: 65%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666; text-decoration: none; font-weight: bold; display: block; padding: 2px; width: 100%; text-align: left;}
#dropMenu a:hover	{color: #FFFFFF; background-color: #666; font-family: Verdana, Arial, Helvetica, sans-serif;}
/*NAVBARS END*/



/*Images*/
.columnimageR	{float: right; margin: 6px 2px 2px 6px; border: 1px solid #666666;}
.columnimageL	{float: left; margin: 6px 6px 3px 5px; border: 1px solid #666666;}
.columnimageLX	{float: left; margin: 6px 6px 6px 10px; border: 1px solid #666666;}
.columnimageLDash	{float: left; margin: 4px 6px 3px 5px; border: 1px dashed #666666;}
.columnimageRnb	{float: right; margin: 4px;}
.columnimageLnb	{float: left; margin: 4px 6px 3px 5px;}
.tableImage		{margin: 6px; border: 1px solid #666666;}
.inlineImage	{margin: 4px; border: 1px solid #666666;}
.inlineImageDotB {padding: 4px; margin: 4px;  border: 1px dotted #666666;}
.inlineImageNb	{margin: 4px;}
.imageTable {height: 160px; padding: 10px; margin: 4px;  border: 1px dashed #666666;}


#workshop1 ul, #workshop2 ul, #workshop3 ul, #workshop4 ul, #workshop5 ul,
#feltmaking2 ul, #management1 ul, #news ul {margin: -.5em 2em 0em 2em; padding: 0em; text-align: justify; font: 75% Arial, Helvetica, sans-serif; color: #333333;}

#workshop1 li, #workshop2 li, #workshop3 li, #workshop4 li, #workshop5 li,
#feltmaking2 li, #management1 li, #news li  {margin: 1em 0em 0em 2em; padding-left: 1em; margin-left: 1em; list-style: disc url(../images/common/flower1.gif); vertical-align: middle; line-height: 1.3em;}

ol	{margin-left: 1.5em; padding-left: 0ex; margin-top: 0em; margin-bottom: .5em; padding-top: 0px; text-align: justify; 
	list-style: decimal;}
hr	{height: 1px; color: #999999; margin: 0px 10px 0px 10px; padding: 0px;}
.dates		{text-align: left !important;}

/*Common Links*/
p a:Link			{color: #003399;  text-decoration: none; border-bottom: 1px dotted #666}
p a:visited		{color: #003399; text-decoration: none; border-bottom: 1px dotted #666;}
p a:hover			{color: #FF6600;  text-decoration: none; border-bottom: 1px dotted #FF6600;}
p a:active		{}

/*Buttons*/
.buyButton 
{
	color: #000066;
	cursor: pointer;
	padding: 0px;
	margin: 5px;
	height: 22px;
	width: 22em;
	font-weight: bold;
	background: url(../images/shop/buttonBg.gif) repeat-x;
	border: 1px solid #FF9900;
}
form	{padding: 0px; margin-top: 0px; margin-bottom: 0px;}

/***Captions***/
.captionR					{float: right; margin: 5px;}					
.captionR p					{text-align: right; padding: 0 5px 0 0; margin: 0 !important; color: #003399 !important; font-size: 70% !important;}					
.captionR img				{border: solid 1px #333; margin: 0 5px 0 5px !important;}

.captionRnb					{float: right; margin: 5px;}					
.captionRnb p					{text-align: right; padding: 0; margin: 0 !important; color: #003399 !important; font-size: 70% !important;}					
.captionRnb img				{margin: 0 0px 0 5px !important;}

.captionL					{float: left; left; margin: 5px;}					
.captionL p					{text-align: left;  padding: 0;  margin: 0 !important; color: #003399 !important; font-size: 70% !important;}					
.captionL img				{border: solid 1px #333; margin: 0 5px 0 5px !important;}

.captionLnb					{float: left; left; margin: 5px;}					
.captionLnb p				{text-align: left;  padding: 0;  margin: 0 !important; color: #003399 !important; font-size: 70% !important;}					
.captionLnb img				{margin: 0 5px 0 5px !important;}