/* 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/header2.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: 700px; border: 1px solid #ccc; margin: 15px; background: #E5E5E5;}
.diary p			{text-align: left !important;}
.diary td			{border: 1px solid #CCC;}


#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*/
.columnimageM	{border: 1px solid #666666;}	
.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;}

.rightFloat			{Float: right;}

/*curved corner code - by Stu Nicholls - http://www.stunicholls.myby.co.uk/*/
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background: #C60; /*box bg color*/ border-left:1px solid #999999;	border-right:1px solid #999999;	border-bottom: #999999;}
.xb1 {margin:0 5px; background:#999999;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block;  background: #fff; /*box bg color*/ border:0 solid #999999; border-width:0 1px;}

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 2px;}
#xsnazzy h1 {margin: 0px; font: bold 100% Arial, Helvetica, sans-serif; color: #FFFFFF; background: #C60; padding: 2px 3px 2px 5px; text-align: center;}
#xsnazzy h2 {font: bold 90% Arial, Helvetica, sans-serif !important; background: #fff; color: #006; !important; text-align: center;}
#xsnazzy h3 {font-size:100%;color:#63c;}
#xsnazzy p {padding: 3px; font-size: 75%; text-align: center;}
#xsnazzy h2, h4 {padding-top:0.5em;	font-variant: normal;}
#xsnazzy {background: transparent; margin: 5px;}
#xsnazzy li	{font: 75% Arial, Helvetica, sans-serif; margin-top: 0px; padding-right: .1em; list-style: disc url(none) outside;}
#xsnazzy ul	{margin-left: 1.5em; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; text-align: justify;}

/**blue background to news box = #B4D1E7**/
/*End curved corner code*/