
/* ------------------------------ */
/*                                */
/*   Styles for... All Browsers   */
/*                                */
/* ------------------------------ */


/* =================================================== */
/* CLEAR TAGS  */
/* =================================================== */

body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
	padding: 0;
	margin: 0;
	}

h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 1em;
	}

a {
	text-decoration: none;
	}

a img {
	border: none;
	}


/* =================================================== */
/* GENERAL  */
/* =================================================== */

body {
	background-color: #9d9d9d;
	background-image: url(http://www.thecateringco.co.nz/templateimages/tcc2007/bg-body.gif);				/* for Fixed-Width Centered layouts */
	background-position: top center;						/* for Fixed-Width Centered layouts */
	background-repeat: repeat-y;							/* for Fixed-Width Centered layouts */
	color: #000;
	font-family: verdana;
	text-align: center;
	}

#wrapper {							/* for Fixed-Width Centered layouts  */
	width: 736px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	}
	
#headerdiv {						/* DIV based header  */
	width: 100%;
	background-color: #cc0000;
	position: relative;
	text-align: left;				/* text-align for Fixed-Width Centered layouts  */
	}

#headimage {
	border-bottom: solid #fff 1px;
	}
	
#headimage2 {
	border-top: solid #818181 1px;
	}

#main {
	vertical-align: top;
	width: 100%;
	padding-bottom: 20px;
	background-color: #fff;
	background-image: url(http://www.thecateringco.co.nz/templateimages/tcc2007/bg-content.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	}

#content {
	vertical-align: top;
	width: 600px;
	line-height:15pt;
	}

#content, #content td {
	font-size: small;
	}

#incontent {
	width: 580px;
	background-image: url(http://www.thecateringco.co.nz/templateimages/tcc2007/bg-navstrip.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}

#incontent2 {
	width: 525px;
	margin-left: 35px;
	padding-top: 20px;
	padding-bottom: 15px;
	}
	
ul {
	margin: 1.25em 0 1em 30px;
	}

ul li {
	padding-bottom: 1.1em;
	list-style-type: square;
	}

#printlogo {
	display: none;
	}

h1 {
	margin-bottom: .5em;
	font-size: large;
	color: #d50101;
	}

h2, h3, h4 {
	margin-top: 1.25em;
	margin-bottom: .5em;
	}

h2 {
	font-size: large;
	color: #4d4d4d;
	}

h3 {
	font-size: small;
	color: #d50101;
	}

h3:first-letter {
	font-size: medium;
	}

h4 {
	font-size: small;
	color: #fff;							/* if bgcolour is needed - if not, change to darker colour  */
	background-color: #d50101;				/* if bgcolour is needed  */
	padding: 3px 2px 2px 5px;				/* if bgcolour is needed  */
	}

h4:first-letter {
	font-size: medium;
	}

p {
	margin-top: 1em;
	margin-bottom: 1em;
	}

#footer {
	background-color: #cfcfcf;
	border-top: solid #fff 1px;
	border-bottom: solid #fff 1px;
	}

#leftfoot {
	background-color: #bcbcbc;
	}

#poweredshell {
	text-align: left;
	vertical-align: top;
	padding: 15px 0 0 0;
	}

#poweredby {
	float: left;
	margin: 0 10px 0 15px;
	}

.small {
	font-size: x-small;
	color: #6e6e6e;
	}

#logospace {
	border-top: solid #9d9d9d 1px;
	}

#logos {
	padding: 20px;
	text-align: center;
	}

.logol {
	margin-right: 45px;
	}
	
.tab td {
	border-bottom: solid #999 1px;
	vertical-align: top;
	}

.tabhead {
	background-color: #000;
	color: #fff;
	font-weight: bold;
	}

.tabhead td {
	background-color: #000;
	color: #fff;
	font-weight: bold;
	}

.catrightmenu {
	float: right;
	overflow: none;
	font-size: 0.6em;
	margin-left: 0.1em;
	width: 210px;
	height: 411px;
	padding: 1px 1px 1px 1px;
	}
	
.catrighttable a {
	font-size: 0.8em;
	}
	
.catrighttable p {
	margin-top: 0em;
	margin-bottom: 0em;
	}
	
.catrighttable {
	text-align: left;
	width: auto;
	padding: 0 10px 0 35px;
	float: right;
	overflow: none;
	font-size: 0.6em;
	margin-left: 0.1em;
	width: 210px;
	height: 411px;
	}

#rightbod {
	background-image: url(http://www.thecateringco.co.nz/myimages/right-menu-rep.gif);
	background-position: top center;
	background-repeat: repeat-y;
	height: 100%;
	padding: 0 7px 0 7px;
	}
	
#rightbot {
	height: 54px;
	width: 165px;
	}
	
#righttop {
	height: 87px;
	width: 165px;
	}

/* =================================================== */
/* NAVIGATION and LINKS */
/* =================================================== */

a {
	color: #d50101;
	text-decoration: underline;
	}

a:hover	{
	color: #ccc;
	}

.subnav {
	color: #b5b4b4;
	font-size: x-small;
	padding: 3px 20px 5px 20px;
	text-align: center;
	}

.subnav a {
	color: #565656;
	}

.subnav a:hover {
	color: #000;
	}

#navcolumn, #navcolbase, #logos {
	background-color: #fff;
	vertical-align: top;
	background-image: url(http://www.thecateringco.co.nz/templateimages/tcc2007/bg-nav.gif);
	background-position: bottom left;
	background-repeat: repeat-y;
	}

#navcolbase {
	vertical-align: bottom;
	}

#nav {
	background-color: #ececec;
	}

#nav td {
	background-color: #ececec;
	background-image: url(http://www.thecateringco.co.nz/templateimages/tcc2007/bg-navtop.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}

#navigator {
	width: 150px;
	padding: 0 0 20px 0;
	}

.button1, .button2, .currentpage, .submen {
	font-family: verdana;
	font-size: x-small;
	font-weight: bold;
	text-align: right;
	margin: 0px;
	padding: 0px;
	width: 150px;
	}

.button1 a, .button2 a, .currentpage a, .submen a {
	padding: 4px 10px 5px 10px;
	text-decoration: none;
	display: block;
	width: auto;
	color: #000000;
	}

.currentpage a {
	color: #cc0000;
	}

.currentpage a:hover,
.button1 a:hover,
.button2 a:hover,
.submen a:hover {
	color: #828282;
	background-color: #dbdbdb;
	}

.submen a {
	font-weight: normal;
	}