/*comments are in grey*/
/*Items have a pink heasing and start and finish with curly brackets*/
/*Insturctions are in blue and finish with a semi colon - */
/*If something is wrong (eg you miss a bracket) the colour pattern will change*/
/* ID starts with a # */
/* class starts with a . */

	/*sets the text style for the whole page*/
body { 
	 background-image:  url(file:images/background.gif);
	text-align: center; min-width: 975px;  
	height: auto 	margin: 0;
	padding: 0;
	font-family: "Comic sans MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	 min-width: 975px; 
	  height: auto }
	  

	


/* Positions the links across the top of the page*/
	#links   { position: absolute; top: 150px; left: 10px; width: 125px; height: auto;   background-color: #ffffcc;}
	

	/*sets the width of the page*/
	/*puts a gap of 102 px at the top of the page and fills it with the logo*/
	
		#wrapper  {
	position: relative;
	text-align: left;
	width: 995px;
	margin-right:auto;
	margin-left:auto;
	padding: 0px 0 0 0;
	background-image:      url(file:images/PartyStoreGirl.gif);
	background-repeat: no-repeat;
	background-position: center top;
	border: black 1px solid;
	overflow: visible;
	background-color: #ffffcc;
	}
	


/*sets the width and background colour of the right hand main panel*/
	#content  {
	margin:3px 8px; 15px 0px
	padding: 20px 9px 5px 4px ;
	width: 700px;
	float: right;
	background-color: #ffffff;
	border: black 1pt solid;
	height: auto;
	}

/* instructions for the footer*/
	#footer {background-color: #ffff99; 
	border:solid; border: solid thin blue; 
	margin: 8px 2px 5px 0px;
	clear: both; 
	text-align: center;
	width: 100%;
	}

	/*navbar across the top style*/
#navbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	}
/*navbar across the top style*/
#navbar ul {
	list-style: none;
	margin-bottom: 10px;
	}
/*navbar across the top style*/
#navbar li {
	display: inline;
	} 
	
	/*navbar across the top style*/
.top ul {
	list-style: none;
	margin-bottom: 10px;
	}
/*navbar across the top style*/
.top li {
	display: inline;

	} 
	/*navbar across the top style*/
#navbar a:link, #navbar a:visited { 
	padding: 3px 10px 2px 10px; 
	color: #000000;
		background-color: #ffffff;
	text-decoration: none;
	border: 1px solid #711515;
}
/*navbar across the top style*/
#navbar a:hover {
	color: #000000;
	background-color: #ccffff;}

	/*end of top navbar*/
	
	
	
	/*start of left side navigation column*/
	/*sets the width and background colour of the left hand column*/
	#navigation  {
	margin:3px 0px 0px 7px;
	padding: 2px;
	width: 230px;
	float: left;
	background-color: #ffffff;
	border: black 1pt solid;
	}
	
	/* left side navigation column*/
	#navigation ul {
	list-style: none;
	margin-bottom: 5px;
	margin-left: 1px;
	padding: 0px;
	}
	/* left side navigation column*/	
	#navigation ul ul{
	list-style: none;
	padding: -1px;
	}
	/* left side navigation column*/
	#navigation li {
	padding:1px;
	margin-left: -4px; 
	margin-bottom: 5px;
	}
	/* left side navigation column*/
	#navigation a:link, #navigation a:visited { 
	margin-left: 2px; 
	padding: 1px;
	color: #000000;	
	text-decoration: none;
	}
	/* left side navigation column*/
	#navigation a:hover {
	color: #000000;
	background-color: #ffffff;
	
	padding: 2px;}
	
	/*end of left side navigation bar*/


/*used to position footer*/
.fl { float:left;
	margin:10px;
	 }
	
.fr {float:right;
margin:10px;} 
.clear {clear: both; }

.border{ border-style: solid; border-width: 2px;border-color: black;}
.borderblue{ border-style: solid; border-width: 2px;border-color: blue;}
.borderbluey{ border-style: solid; border-width: 2px;border-color: blue; background-color: #ffffcc;}

/*table floated left inside right hand main panel*/
.tablestockl  
{background-color: #ffffff; border-width:1px; width:810px; border-color:black;
float:left; margin: 0px 5px 0px 5px }

/*table to right of floated left table*/
.tablestock  
{background-color: #ffffff; border-width:1px; width:405
px; border-color:black; margin; 0px 5px 0px 5px}

/*table across width  of right hand panel*/
.tablemain  
{background-color: #ffff99;  width: 740px;}

/*another table*/
.tableplus  
{font: 12px "Comic Sans MS",Verdana, Arial, Helvetica,sans-serif; bgcolor:"#99FFFF";}



.tinymargin {margin: -12px 0px -12px 0px; }
.smallmargin {margin: 6px 0px -5px 0px; }
h2 {font: 22px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; }
h3 {font: 18px "Comic Sans MS",Verdana, Arial, Helvetica,sans-serif; }
h4 {font: 18px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; color:green; margin-bottom: -2px; }	
h5 {font: 14px/14px "Comic Sans MS",Verdana, Arial, Helvetica,sans-serif; color:black;	margin-top: -30px;}
h6 {font: 16px "Comic Sans MS",Verdana, Arial, Helvetica,sans-serif; color:green; margin-top: -1px; margin-bottom: -1px; }
.whitetype {font: 16px "Comic Sans MS",Verdana, Arial, Helvetica,sans-serif; color:white;}


.comic18b { font-family: "Comic sans MS",Verdana, Arial, Helvetica,sans-serif; font-size: 16px; margin-bottom:-1px; }
.comic18bblue { font-family: "Comic sans MS",Verdana, Arial, Helvetica,sans-serif;color:#0099CC  ;font-size: 16px;  }
.comic18c { font-family: "Comic sans MS",Verdana, Arial, Helvetica,sans-serif; ;font-size: 16px/10px;  }
.comic18cblue { font-family: "Comic sans MS",Verdana, Arial, Helvetica,sans-serif; color:#0099CC ;font-size: 16px/10px;  }

p {font: 12px "Comic Sans MS",Verdana, Arial, Helvetica,sans-serif;}



/* allows item to be printed - usually momo*/
.print { background-color:#ffffff; text-align: center; min-width: 500px;  height: auto }

	#wrapperprint { position: relative;  width: 610px;   margin: 0 auto;  text-align: left;  	    background-color:#ffffff; overflow: visible border: solid thin black;  }
	

#mainprint    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #ffffff;  position: absolute; margin-left: 6px; margin-bottom: 6px; border: solid thin black;  width: 610px; height: auto}