/***************************************/
/* THE SCHOOL SHOP - WEBSITE CSS THEME */
/*      DESIGNED AND DEVELOPED BY      */
/*       MICHAEL 'NEONICE' KITCH       */
/*     FOR THE SCHOOL SHOP WEBSITE     */ 
/***************************************/

/* BODY - EDIT BG-COLOUR & FONT COLOUR */
/***************************************/
body{
background-image: url(imagebin/headerline.png);
background-repeat: repeat-x;
background-color: #fffddf;
color: BLACK;
font: 12px Arial;
margin: 0px;
margin-bottom: 10px;
}

/* HEADER BOX - EDIT HEADER IMAGE */
/**********************************/
#headerbox{
width: 100%;
height: 72px;
text-align: center;
background-image: url(imagebin/header.png);
background-repeat: no-repeat;
background-position: center;
}

/* HOME BAR - EDIT FONT, POSITION AND FONT / LINK COLOUR */
/*********************************************************/
#HOMEBAR{
width: 800px;
background-color: #5b5500;
font: 12px Arial;
color: #fffdde;
text-align: right;
vertical-align: top;
margin-left: auto;
margin-right: auto;
}
.HOMEBAR a:link,
.HOMEBAR a:visited,
.HOMEBAR a:active {
color: #fffddd;
text-decoration: none;
}
.HOMEBAR a:hover{
color: #f26531;
text-decoration: none;
font-weight: bold;
}

/* NAVIGATION TABLE */
/********************/
#TSSNAVHEAD{
width: 800px;
height: 20px;
background-image: url(imagebin/Navbar.png);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
}
#TSSNAV{
vertical-align: top;
padding-left: 5px;
font: 11px Arial;
color: black;
text-align: left;
}
	.TSSNAV{
	vertical-align: top;
	padding-left: 5px;
	font: 11px Arial;
	color: black;
	text-align: left;
	}

#TSSNB{
vertical-align: top;
padding-left: 5px;
font: 11px Arial;
color: black;
text-align: left;
margin-left: auto;
margin-right: auto;
}

/* MAIN SITE CONTENTS */
/**********************/
#SITECONT{
width: 800px;
font: 11px Arial;
color: black;
text-align: center;
margin-left: auto;
margin-right: auto;
}
	.TXTIND{
	padding-left: 10px;
	}
	/* SITE TEXT FORMATTING */
	/************************/
	.TEXTL{
	font: 11px Arial;
	color: #000000;
	width: 500px;
	height: auto;
	text-align: center;
	margin-left: 20px;
	margin-right: auto;
	}
	.TEXTR{
	font: 11px Arial;
	color: #000000;
	width: 500px;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: 20px;
	}

/* SITE PHOTOS */
/***************/
.PHOTOR{
width: auto;
height: auto;
margin-left: auto;
margin-right: 20px;
float: right;
}
.PHOTOL{
width: auto;
height: auto;
margin-left: 20px;
margin-right: auto;
float: left;
}

/* MAIN HEADER */
/***************/
.TSSH1{
font: 13px Arial;
color: #f26531;
font-weight: bold;
text-decoration: underline;
}

/* SCHOOL ITEMS LIST TABLE */
/*****************************/
.SILT{
font: 11px Arial;
text-align: center;
}

/* SCHOOL UNIFORMS ITEMS TABLE */
/*******************************/
#SUIT{
font: 11px Arial;
text-align: left;
padding-right: 5px;
}
.SH{
font: 11px Arial;
font-weight: bold;
text-align: left;
}

/* WORKSTYLE PHOTOS */
/********************/
#TSS-WS{
letter-spacing: 12px;
line-height: 12px;
text-align: center;
margin-left: 20px;
margin-right: 20px;
}

/* LINKS - EDIT SELECTED AND HOVER COLOURS */
/*******************************************/
a:link{
color: #5b5501;
text-decoration: none;
border: none;
}
a:visited{
color: #5b5501;
text-decoration: none;
border: none;
}
a:hover{
color: #f26531;
text-decoration: underline;
font-weight: bold;
border: none;
}
a:active{
color: #f26531;
text-decoration: underline;
border: none;
}

/* TSS ADDRESS BOX */
/*******************/
#TSSADDB{
width: 800px;
text-align: center;
font: 10px Arial;
font-weight: bold;
margin-left: auto;
margin-right: auto;
}
	.BIGPN{
	font-size: 14px;
	}

/* LEGAL */
/*********/
#LEGAL{
width: 800px;
text-align: center;
color: GRAY;
font: 9px Arial;
margin-left: auto;
margin-right: auto;
}